/* ==========================================================================
   1. CORRECCIÓN MAESTRA DEL MENÚ LATERAL (DRAWER)
   ========================================================================== */
@media (min-width: 992px) {
  #header-nav.is-active {
    inset-block-start: auto !important;
    top: auto !important;
    margin-top: 0 !important;
    height: 120vh !important;
    padding-bottom: 10rem !important;
  }
}

/* ==========================================================================
   2. AJUSTES DE ALTURA Y SEPARACIÓN DEL BUSCADOR
   ========================================================================== */

/* RANGO A: TABLETAS (992px - 1199px) */
@media (min-width: 992px) and (max-width: 1199px) {
  /* Quitamos .remove-extra-space del selector */
  header#header.site-header {
    margin-top: -1.5rem !important;
  }
  header#header.site-header .site-branding {
    margin-top: 0 !important;
    align-self: center !important;
    /* Ajuste adicional opcional para evitar saltos si Olivero tiene transición */
    transition: none !important; 
  }
  header#header.site-header .header-nav {
    border-top-width: 0 !important;
    margin-top: 0 !important;
    padding-top: 10rem !important;
  }
}

/* RANGO B: ESCRITORIO (1200px en adelante) */
@media (min-width: 1200px) {
  
  /* 1. Subimos todo el header directamente */
  header#header.site-header {
    margin-top: -4.5rem !important;
  }

  /* 2. FIX FINAL: Borde cero + MÁS Espacio para el buscador */
  header#header.site-header .header-nav {
    border-top-width: 0 !important;
    margin-top: 0 !important;
    padding-top: 10rem !important;
  }
}