/* ==========================================================================
   CABECERA FIJA (barra de menú que se queda arriba al hacer scroll)
   --------------------------------------------------------------------------
   El tema pega la barra del menú arriba al hacer scroll añadiendo la clase
   `.affix` a `.page_header` (position: fixed; z-index: 1001). Pero la envuelve
   por JS en `.page_header_wrapper`, que es un *stacking context* con
   `z-index: 900`: el 1001 del menú sólo compite DENTRO de ese contexto.

   Por eso, la parte de arriba de la cabecera —el "topline" con el logo y los
   teléfonos (`.page_topline`, z-index 902) y el logo superior
   (`.page_toplogo`, z-index 901)— se pintaba POR ENCIMA del menú fijo: al
   hacer scroll se veía el logo deslizándose sobre la barra blanca.

   Subiendo el wrapper por encima de 902 (y por debajo de los 1000+ que usan
   los menús móviles y los lightbox) el logo y los teléfonos pasan por DEBAJO
   del menú fijo, que es lo natural.

   NOTA: se usa un selector con id + !important para ganar tanto a
   `.header_absolute .page_header_wrapper` (900) como a
   `.header_absolute.norm .page_header_wrapper` (900 !important).
   ========================================================================== */

#box_wrapper .page_header_wrapper {
    z-index: 905 !important;
}


/* --- Remate: barra fija totalmente opaca y con sombra clara ----------------
   El tema deja `.page_header.affix` con `opacity: .98`, así que al hacer
   scroll se transparentaba un poco lo que pasaba por debajo (las fotos del
   hero se veían fantasmales a través de la barra). Se deja opaca y con una
   sombra un poco más marcada para que "flote" sobre el contenido. */

.page_header.affix {
    opacity: 1;
    box-shadow: 0 4px 18px rgba(0, 0, 0, .10);
}