/* ===== ANTES 2026-10-29 – ajustes de navegación y cabecera (ver _auditoria_web_2026-10/tipografia_agolives.md) ===== */

/* 1) Menú flotante de iconos (WP Floating Menu Pro): solo en pantallas de 1200 px o más */
@media (max-width: 1199px) {
  .wpfm-menu-wrapper { display: none !important; }
}

/* 2) Cabecera fija de escritorio: transparente arriba del todo; al hacer scroll (clase agl-scrolled,
      la pone un script en functions.php) aparece una barra blanca con sombra detrás de logo, migas,
      idioma y hamburguesa, para que no se monten sobre el contenido */
@media (min-width: 778px) {
  body::before {
    content: "";
    position: fixed; top: 0; left: 0; right: 0;
    height: 110px;
    background: #fff;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .08);
    z-index: 499;
    pointer-events: none;
    opacity: 0;
    transition: opacity .25s ease;
  }
  body.agl-scrolled::before { opacity: 1; }
  body.admin-bar::before { top: 32px; }
  .masthead .widgets-menu { z-index: 501; }
  /* sobre la barra blanca, migas e idioma en gris oscuro (en páginas verdes son blancos) */
  body.agl-scrolled .masthead .widgets-menu,
  body.agl-scrolled .masthead .widgets-menu *,
  body.agl-scrolled .masthead .widgets-menu *::before,
  body.agl-scrolled .masthead .widgets-menu *::after { color: #58585a !important; border-color: #58585a !important; }
}

/* 3) Franja blanca fija e invisible del submenú de WPBakery (Todos los formatos) */
#submenu-pack { display: none !important; }

/* 4) Foto de cabecera de la home en móvil: fondo directo en la fila (no depende del JS de Ultimate Addons) */
@media (max-width: 767px) {
  .page-id-3914 .vc_row.fila-altura.vc_row-o-full-height,
  .page-id-4102 .vc_row.fila-altura.vc_row-o-full-height {
    background: url(/wp-content/uploads/2021/07/Home-02.jpg) 55% 70% / cover no-repeat;
  }
}