/* Hero page — Variante D: fondo ilustración, sin video */
@import url(premium-base.css);

.bg-stage{background:#08111f url(../assets/images/hero-bg-clean.png) center center / cover no-repeat;filter:brightness(.86) saturate(.96)}
.bg-stage::before{background:linear-gradient(180deg,rgba(3,8,17,.34) 0%,rgba(3,8,17,.42) 55%,rgba(3,8,17,.52) 100%),linear-gradient(90deg,rgba(3,8,17,.42) 0%,rgba(3,8,17,.34) 45%,rgba(4,10,20,.24) 72%,rgba(4,10,20,.32) 100%);opacity:1;filter:none;mix-blend-mode:normal}
@media (max-width:860px){.bg-stage::before{background:linear-gradient(180deg,rgba(3,8,17,.52) 0%,rgba(3,8,17,.58) 50%,rgba(3,8,17,.66) 100%)}}

/* Una sola columna, texto a la izquierda como el funnel original */
.hero-grid{grid-template-columns:1fr;gap:0}
.hero-copy{max-width:660px;position:relative}
.hero-title,.hero-sub{text-shadow:0 2px 10px rgba(2,6,14,.45)}
/* Subtítulo con más cuerpo para que sea legible sobre la ilustración */
.hero-sub{color:#EAF3F0;text-shadow:0 1px 2px rgba(2,6,14,.85),0 2px 16px rgba(2,6,14,.7)}
/* Acentos más brillantes */
.accent-mint{color:#7DF7DA;text-shadow:0 0 18px rgba(125,247,218,.45),0 1px 6px rgba(2,6,14,.35)}
.accent-amber{text-shadow:0 0 18px rgba(255,196,92,.4),0 1px 6px rgba(2,6,14,.35)}
/* Eyebrow con más contraste */
.eyebrow{color:#E3F1EC;background:rgba(6,14,26,.66);border-color:rgba(120,240,205,.21);letter-spacing:.14em;font-weight:650;backdrop-filter:blur(6px)}
.eyebrow .dot{background:var(--mint,#7CE7C3);box-shadow:0 0 7px rgba(124,231,195,.7)}
/* Chips de apoyo y pill de header con el mismo tratamiento del eyebrow */
.cta-support{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.cta-support .item{color:#B9CBC6;background:rgba(6,14,26,.42);border:1px solid rgba(255,255,255,.06);border-radius:999px;padding:5px 11px 5px 9px;font-size:12px;font-weight:500;backdrop-filter:blur(4px);box-shadow:none}
.cta-support .item svg{color:#8FA7A2;opacity:.9}
.site-header .header-aside .pill{color:#E3F1EC;background:rgba(6,14,26,.66);border:1px solid rgba(120,240,205,.22);backdrop-filter:blur(6px);box-shadow:0 3px 14px rgba(2,6,14,.24)}
.site-header .header-aside .pill svg{color:var(--mint,#7CE7C3)}
/* Stats legibles sobre la ilustración */
.hero-stats .stat .l{color:#D7E6E0}
.hero-stats .stat .v,.hero-stats .stat .l{text-shadow:0 2px 14px rgba(2,6,14,.7)}

/* CTA amber con carga eléctrica */
.hero-cta-row .btn-primary{position:relative;overflow:hidden;isolation:isolate;letter-spacing:.01em;font-weight:750;color:#0A2A4A;text-shadow:0 1px 0 rgba(255,255,255,.5);box-shadow:0 10px 30px rgba(2,6,14,.42),0 0 0 1px rgba(255,214,124,.55),0 0 28px rgba(255,190,74,.42),inset 0 1px 0 rgba(255,255,255,.5);animation:ctaPulse 2.9s ease-in-out infinite}
.hero-cta-row .btn-primary::after{content:'';position:absolute;top:0;bottom:0;width:38%;left:-45%;z-index:-1;background:linear-gradient(105deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.62) 50%,rgba(255,255,255,0) 100%);transform:skewX(-18deg);animation:ctaSweep 3.4s ease-in-out infinite}
.hero-cta-row .btn-primary:hover{animation-play-state:paused;box-shadow:0 14px 38px rgba(2,6,14,.5),0 0 0 1px rgba(255,224,150,.8),0 0 40px rgba(255,190,74,.62),inset 0 1px 0 rgba(255,255,255,.6)}
@keyframes ctaPulse{0%,100%{box-shadow:0 10px 30px rgba(2,6,14,.42),0 0 0 1px rgba(255,214,124,.55),0 0 22px rgba(255,190,74,.34),inset 0 1px 0 rgba(255,255,255,.5)}50%{box-shadow:0 10px 30px rgba(2,6,14,.42),0 0 0 1px rgba(255,232,168,.85),0 0 40px rgba(255,190,74,.6),inset 0 1px 0 rgba(255,255,255,.55)}}
@keyframes ctaSweep{0%{left:-45%}55%,100%{left:120%}}
@media (prefers-reduced-motion:reduce){.hero-cta-row .btn-primary{animation:none}.hero-cta-row .btn-primary::after{display:none}}
.hero-title{font-size:clamp(34px,4.6vw,60px)}
.hero-stats{gap:44px}
@media (max-width:980px){.hero-copy{max-width:100%}}