/* ==========================================================================
   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) {
  header#header.site-header.remove-extra-space {
    margin-top: -1.5rem !important;
  }
  header#header.site-header.remove-extra-space .site-branding {
    margin-top: 0 !important;
    align-self: center !important;
  }
  header#header.site-header.remove-extra-space .header-nav {
    border-top-width: 0 !important; 
    margin-top: 0 !important;
    
    /* AUMENTADO: De 110px a 9rem (aprox 144px) */
    /* Esto empuja el buscador hacia abajo para que no choque con la X */
    padding-top: 10rem !important; 
  }
}

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

  /* 2. FIX FINAL: Borde cero + MÁS Espacio para el buscador */
  header#header.site-header.remove-extra-space .header-nav {
    border-top-width: 0 !important; 
    margin-top: 0 !important;
    
    /* AUMENTADO: De 110px a 9rem (aprox 144px) */
    /* Esto empuja el buscador hacia abajo para que no choque con la X */
    padding-top: 10rem !important; 
  }
}