/* Una atmósfera cinematográfica original, sin descargas de video. */
.hero-atmosphere { position:absolute; inset:0; z-index:0; overflow:hidden; pointer-events:none; background:radial-gradient(ellipse at 78% 30%,#2453a552,transparent 60%),radial-gradient(ellipse at 62% 65%,#225bbf30,transparent 55%); }
.atmosphere-canvas { display:block; width:100%; height:100%; opacity:1; }
.hero-atmosphere::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#09172bd9 0%,#09172ba3 27%,#09172b0d 58%,#09172b00 100%),linear-gradient(0deg,#071327 0%,transparent 26%,transparent 80%,#07132750); }
.hero .hero-grid,.hero .hero-foundations { position:relative; z-index:1; }
.atmosphere-toggle { display:inline-flex; align-items:center; gap:8px; padding:8px 0; margin-top:22px; border:0; background:transparent; color:#93a9ca; font:400 .61rem/1.5 Inter,sans-serif; cursor:pointer; transition:color .2s; }
.atmosphere-toggle[hidden] { display:none; }
.atmosphere-toggle svg { width:13px; height:13px; }
.atmosphere-toggle:hover { color:#e0edff; }
.atmosphere-toggle:focus-visible { outline:2px solid var(--blue-light); outline-offset:5px; }
@media(max-width:900px) { .hero-atmosphere::after { background:linear-gradient(180deg,#09172bc9 0%,#09172b99 25%,#09172b0d 65%,#071327 100%); } }
@media(max-width:620px) { .atmosphere-canvas { opacity:.9; } .atmosphere-toggle { margin-top:16px; } }
@media(prefers-reduced-motion:reduce) { .atmosphere-toggle { display:none; } }
@media print { .hero-atmosphere,.atmosphere-toggle { display:none; } }
