/* ==========================================================================
   Academia — Cabecera (Elementor Theme Builder)
   Reparación + mejora del layout de forma ROBUSTA. En vez de depender de las
   proporciones de columna de Elementor (quedaron descuadradas: 4 columnas al
   25% con una vacía), forzamos flexbox por breakpoint:
     · DESKTOP (≥1025) → logo izq · menú centrado (1 línea) · acciones der
     · TABLET  (768–1024, hamburguesa) → logo izq · [☰ + carrito + botón] der
     · MÓVIL   (≤767) → se respeta el comportamiento por defecto de Elementor
       (ya mostraba logo + ☰ + carrito + botón bien); solo ocultamos la vacía.
   Columnas: 96b4ace = logo · 8a1158f = (vacía, sobrante) · d614c57 = menú ·
   e27f887 = acciones (carrito + botones de sesión).
   ========================================================================== */

/* Columna vacía que quedó de un movimiento en el editor — colapsada siempre. */
[data-elementor-type="header"] .elementor-element-8a1158f{ display:none !important; }

/* ---- DESKTOP: menú horizontal, toma el centro y se centra en 1 línea ---- */
@media (min-width:1025px){
  [data-elementor-type="header"] .elementor-container{
    display:flex !important; align-items:center !important; flex-wrap:nowrap !important;
  }
  [data-elementor-type="header"] .elementor-element-96b4ace{ width:auto !important; flex:0 0 auto !important; }
  [data-elementor-type="header"] .elementor-element-96b4ace .elementor-widget-wrap{ justify-content:flex-start !important; }

  [data-elementor-type="header"] .elementor-element-d614c57{ width:auto !important; flex:1 1 auto !important; }
  [data-elementor-type="header"] .elementor-element-d614c57 .elementor-widget-wrap{ justify-content:center !important; }
  [data-elementor-type="header"] .elementor-element-d614c57 .elementor-nav-menu,
  [data-elementor-type="header"] .elementor-element-d614c57 .elementor-nav-menu > ul{
    flex-wrap:nowrap !important; justify-content:center !important;
  }

  [data-elementor-type="header"] .elementor-element-e27f887{ width:auto !important; flex:0 0 auto !important; }
  [data-elementor-type="header"] .elementor-element-e27f887 .elementor-widget-wrap{
    justify-content:flex-end !important; align-items:center !important;
    gap:14px !important; flex-wrap:nowrap !important;
  }
  [data-elementor-type="header"] .elementor-element-e27f887 .elementor-widget{ margin:0 !important; }
}

/* ---- TABLET (768–1024): el menú es hamburguesa. El logo empuja
   hamburguesa + carrito + botón a la derecha, agrupados y sin huecos. ---- */
@media (min-width:768px) and (max-width:1024px){
  [data-elementor-type="header"] .elementor-container{
    display:flex !important; align-items:center !important; flex-wrap:nowrap !important;
  }
  [data-elementor-type="header"] .elementor-element-96b4ace{ width:auto !important; flex:0 0 auto !important; margin-right:auto !important; }
  [data-elementor-type="header"] .elementor-element-d614c57{ width:auto !important; flex:0 0 auto !important; }
  [data-elementor-type="header"] .elementor-element-e27f887{ width:auto !important; flex:0 0 auto !important; margin-left:12px !important; }
  [data-elementor-type="header"] .elementor-element-e27f887 .elementor-widget-wrap{
    justify-content:flex-end !important; align-items:center !important; gap:14px !important;
  }
  [data-elementor-type="header"] .elementor-element-e27f887 .elementor-widget{ margin:0 !important; }
}

/* ==========================================================================
   Alineación vertical fina (desktop)
   El widget del menú (nav) quedaba pegado ARRIBA de su columna (10px alto)
   mientras logo y acciones sí se centraban. Lo centramos con margin auto para
   que menú, logo, carrito y botón queden en la MISMA línea vertical.
   ========================================================================== */
@media (min-width:1025px){
  [data-elementor-type="header"] .elementor-element-d614c57 .elementor-widget-wrap > .elementor-element,
  [data-elementor-type="header"] .elementor-element-d614c57 .elementor-widget-wrap > .elementor-widget{
    margin-top:auto !important;
    margin-bottom:auto !important;
    align-self:center !important;
  }
}