ocupa toda la altura disponible y centra su contenido (no hay header ni footer que resten alto). */ #mexav-main { display: flex; flex-direction: column; } .mexav-coming { position: relative; flex: 1 1 auto; display: flex; align-items: center; justify-content: center; text-align: center; padding: clamp(2rem, 6vw, 4rem) clamp(1.25rem, 5vw, 2.5rem); } .mexav-coming__inner { max-width: 40rem; } .mexav-coming__logo { height: clamp(64px, 14vw, 150px); width: auto; /* Logo oficial oscuro → blanco sobre el fondo (mismo criterio que registro). */ filter: brightness(0) invert(1) drop-shadow(0 3px 14px rgba(0, 0, 0, 0.5)); } /* `.mexav-public` + !important para ganar al neutralizador global de headings. */ .mexav-public .mexav-coming__title { color: var(--mx-white) !important; font-family: var(--mx-font-display); font-weight: 800; letter-spacing: 0.03em; font-size: clamp(1.75rem, 6vw, 3rem); line-height: 1.05; margin: clamp(1.25rem, 3vw, 2rem) 0 0; text-shadow: 0 2px 16px rgba(0, 0, 0, 0.5); } .mexav-coming__subtitle { margin: 0.85rem 0 0; color: rgba(255, 255, 255, 0.82); font-family: var(--mx-font-mono); font-size: clamp(0.85rem, 2.5vw, 1rem); letter-spacing: 0.06em; text-shadow: 0 1px 8px rgba(0, 0, 0, 0.45); } /* ======================================================================= BLOQUE 1 — HEADER / NAV (Home) ----------------------------------------------------------------------- Ajustes ESPECÍFICOS de Home para igualar el frame Desktop de Figma (node 4126:3). Todo bajo `.mexav-home` (clase del solo en la Home real) y en este archivo, que ÚNICAMENTE se carga en Home → no afecta a Registro ni a ninguna otra vista. Reutiliza la estructura del header público definido en css/mexav-public.css (§8), solo sobreescribe valores. Medidas/colores tomados del export 1:1 (1920px) del propio Figma: · Barra nav: negro puro #000000, alto ~70px. · Franja técnica: fondo #0b121a, alto ~50px, texto #e3e3e5, separadores #e3e3e5 (no rojo), timecode teal #41a3c5. · Nav: fuente display (Munich) bold (en la maqueta NO es monospace). ======================================================================= */ /* El header y la navegación se movieron a css/mexav-site.css bajo `.mexav-site`: son idénticos en Home y Registro, así que dejan de ser exclusivos de la landing. Aquí no queda nada de header. */ /* NOTA: la franja técnica se retiró del header en B2 (la aporta el video del hero). Ver la sección hero más abajo. */ /* ======================================================================= BLOQUE 2 — HERO (Home) ----------------------------------------------------------------------- Fondo: video animado 1920x718 (barras de color + claqueta MEXAV + riel de herramientas + faders FX + línea de tiempo + franja técnica), a ancho completo bajo el header. El video es "marcos limpios"; los textos (fecha/sede) y el CTA (Pre-registro) van como OVERLAY en HTML. El overlay se posiciona en % y se dimensiona en vw para quedar ANCLADO a la escala del video (que crece proporcional al ancho). A 1920px coincide con la maqueta. Todo bajo `.mexav-home` → no afecta a otras vistas. ======================================================================= */ .mexav-home .mexav-hero { position: relative; width: 100%; overflow: hidden; background: var(--mx-black-pure); } /* Caja del medio: conserva la proporción del video (1920:718). El poster (imagen) actúa como fallback si el video no carga. */ .mexav-home .mexav-hero__media { position: relative; width: 100%; aspect-ratio: 1920 / 718; background: #000 url("../img/mexav/hero-home-desktop.jpg") center / cover no-repeat; } .mexav-home .mexav-hero__video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; } /* Selección de variante: por CSS, no por el atributo `media` de (no estándar dentro de