/* ==========================================================================
   HEADER / NAV — ajustes de escritorio
   --------------------------------------------------------------------------
   La sección "07. HEADER + NAV" de styleweb.css ya implementa el layout de
   dos filas (fila 1 clara: logo + datos · fila 2 oscura: menú + CTA) para
   todos los tamaños de pantalla. Este archivo solo agrega refinamientos
   propios de escritorio: un logo más grande en la fila 1 y el divisor
   sutil antes del botón de WhatsApp.

   Cárgalo DESPUÉS de styleweb.css (ver layouts/web.blade.php).
   ========================================================================== */

@media (min-width: 1101px) {
  :root {
    --iaw-logo-h:       80px;  /* logo en la fila 1, en reposo */
    --iaw-logo-h-stuck: 56px;  /* logo cuando la cabecera se condensa */
  }

  /* Divisor sutil antes del botón de WhatsApp, para separarlo del menú
     como una acción aparte (patrón habitual en barras de navegación).
     El fondo de la fila 2 es oscuro, así que el divisor va en blanco translúcido. */
  .iaw-nav__cta-item {
    position: relative;
    padding-left: var(--iaw-space-5);
  }
  .iaw-nav__cta-item::before {
    content: "";
    position: absolute; left: 0; top: 50%; transform: translateY(-50%);
    width: 1px; height: 22px; background: rgba(255, 255, 255, .22);
  }
}