/* ===== 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;
  }
}

/* 5) Foto de cabecera de la home en iPhone/iPad (04/11/2026). Ultimate Addons pone encima de la fila
      una capa .upb_row_bg con la misma foto y background-attachment: fixed en línea. Safari de iOS no
      admite fixed y, con cover, la escala respecto a toda la página, así que la foto no se ve.
      En pantallas táctiles se fuerza scroll. */
@media (max-width: 1024px), (hover: none) and (pointer: coarse) {
  .upb_row_bg {
    background-attachment: scroll !important;
  }
}