/* =====================================================================
   gig.mx Fase 1 · Header/footer nuevos dentro de páginas legacy (RF-090)
   Se carga ANTES de gx-components.css en las vistas que siguen en DVView
   (Bootstrap + style.css). Neutraliza los estilos por etiqueta del sitio
   anterior SOLO dentro de las piezas GX; no toca el contenido legacy.
   Especificidad (0,1,0) con :where() → empata con las clases de
   componente y, al cargarse antes, éstas ganan.
   ===================================================================== */
.gx-header, .gx-mobile-menu, .gx-footer, .gx-modal, .gx-tooltip, .gx-wa {
  font-family: var(--gx-font); font-weight: 400; line-height: 1.25; letter-spacing: normal; text-align: left;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.gx-header :where(*, *::before, *::after), .gx-mobile-menu :where(*, *::before, *::after), .gx-footer :where(*, *::before, *::after),
.gx-modal :where(*, *::before, *::after), .gx-tooltip :where(*, *::before, *::after) { box-sizing: border-box; }
.gx-header :where(h1, h2, h3, h4, p, ul, ol, li, figure), .gx-mobile-menu :where(h1, h2, h3, h4, p, ul, ol, li),
.gx-footer :where(h1, h2, h3, h4, p, ul, ol, li, figure), .gx-modal :where(h1, h2, h3, h4, p, ul, ol, li), .gx-tooltip :where(p, ul, li) {
  margin: 0; padding: 0; font-family: inherit; font-weight: inherit; line-height: inherit; color: inherit; list-style: none; text-transform: none; letter-spacing: inherit; }
.gx-header :where(a), .gx-mobile-menu :where(a), .gx-footer :where(a), .gx-modal :where(a) { color: inherit; text-decoration: none; }
.gx-header :where(a:hover, a:focus), .gx-footer :where(a:hover, a:focus) { text-decoration: none; }
.gx-header :where(button), .gx-mobile-menu :where(button), .gx-footer :where(button), .gx-modal :where(button) {
  font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; box-shadow: none; outline-offset: 3px; }
.gx-header :where(img, svg), .gx-footer :where(img, svg), .gx-modal :where(img, svg), .gx-mobile-menu :where(svg) { display: block; max-width: 100%; }
.gx-footer em, .gx-modal em { font-style: normal; color: var(--gx-green); }

/* El header GX es transparente sobre los héroes del diseño nuevo; en páginas
   legacy lleva una banda clara para no encimarse con su contenido. */
body.gx-legacy { padding-top: var(--gx-header-h); }
body.gx-legacy .gx-header { background: rgba(250, 250, 250, .92); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); box-shadow: 0 1px 0 var(--gx-line); }
body.gx-legacy .gx-header__inner { padding-top: calc((var(--gx-header-h) - max(40px, calc(var(--gx-u) * 60))) / 2); }
body.gx-legacy .gx-footer { margin-top: 80px; }
/* Ocultar el botón "subir" legacy, que queda debajo del de WhatsApp */
body.gx-legacy .scrollToHome { display: none !important; }