/* CANAL NUBRA V5.1: Fotografía y profundidad 3D, sin modificar las APIs. */
:root{--cian:#52e8ff;--violeta:#b87aff}
html{background:#030914}
body{background:#020715;min-height:100vh;overflow-x:clip}
body::before{content:"";position:fixed;inset:0;z-index:-4;pointer-events:none;opacity:.92;background:linear-gradient(180deg,#02050a55 0%,#0309174a 33%,#02050e 95%),url('/static/assets/universo-escenario-fotografico.webp') center top/cover no-repeat!important}
.galaxy{opacity:.5!important;background:radial-gradient(ellipse 40% 33% at 73% 16%,#7542eb27,transparent 80%),linear-gradient(180deg,transparent,#020715aa)!important;z-index:-3}
.site-header{background:linear-gradient(115deg,#03122ae8,#081638d9 46%,#061126eb)!important;border:1px solid #62b6fc5a!important;border-radius:22px!important;max-width:min(1510px,98%);margin:6px auto 0;box-shadow:0 2px 18px #010716,0 0 20px #257afa45,inset 0 1px #a8dcff50!important;backdrop-filter:blur(17px)}
.hero{min-height:330px!important;padding-top:21px!important;overflow:visible!important}
.hero-copy{max-width:49%!important;z-index:4}
.hero h1{font-size:clamp(3.1rem,5.15vw,5.3rem);letter-spacing:-.06em;text-shadow:0 8px 20px #020914,0 0 26px #2e54cf74}
.hero-art.portal-installation{right:-2.5%!important;top:-45px!important;width:min(58vw,870px)!important;height:390px!important;opacity:1!important;filter:drop-shadow(0 17px 35px #015cde55)!important;pointer-events:none}
.hero-art.portal-installation .portal-illustration{inset:0!important;opacity:1!important;transform:none!important;background:url('/static/assets/portal-fotografico.webp') center center/contain no-repeat!important;filter:contrast(1.08) saturate(1.17) drop-shadow(0 0 24px #8d36fa55)!important}
/* Photographic portal already includes the brand, no duplicated 2D rings or logos */
.portal-installation .portal-core,.portal-installation .portal-ring,.portal-installation .portal-arc,.portal-installation .portal-particle,.portal-installation .portal-aura,.portal-installation::before,.portal-installation::after{display:none!important}
.watch-section{margin-top:-14px!important;position:relative;z-index:3}
.watch-section::before{opacity:.7;background:radial-gradient(ellipse at 45% 35%,#2388ff24,transparent 66%)!important}
.screen-frame{background:linear-gradient(145deg,#0d1e44ef,#030b20f3)!important;border:2px solid #8bdfff!important;box-shadow:0 0 8px #63dcff,0 0 26px #218cffad,0 21px 52px #000b,inset 0 1px #fff9!important}
.video-idle{background:linear-gradient(0deg,#03091a55,#06112866),url('/static/assets/universo-escenario-fotografico.webp') center 28%/cover no-repeat!important}
.video-idle::before{opacity:.28}
.screen-portal-architecture{opacity:.35}
.chat-card,.countdown-card,.poll-card,.program-card,.alvear-lead,.club-surface,.support-section,.partners-form,.funding-panel{background:linear-gradient(117deg,#0b2144e6 0%,#06132bed 55%,#19113aeb 100%)!important;backdrop-filter:blur(20px) saturate(1.25);border-color:#78c7ffba!important;box-shadow:0 18px 45px #0009,0 0 12px #21a8ff75,inset 0 1px 2px #d9f5ff9c!important;position:relative}
.chat-card:before,.countdown-card:before,.poll-card:before,.alvear-lead:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,transparent 35%,#9456ff14 60%,transparent 85%);opacity:.9}
.countdown-card{background:linear-gradient(105deg,#081d42df,#091327e8),url('/static/assets/escena-estreno.webp') left center/cover!important}
.poll-card{background:linear-gradient(105deg,#07182add,#111438e9),url('/static/assets/escena-comunidad.webp') right center/cover!important}
.alvear-lead{background:linear-gradient(105deg,#081e42ef,#0a1739e3),url('/static/assets/escena-alvear.webp') left center/cover!important}
.primary-cta,.header-watch,.submit-btn,.lite-button{box-shadow:0 0 9px #54e7ffbb,0 0 25px #6948f8aa,inset 0 1px 2px #fff8!important}
.site-header,.screen-frame,.chat-card,.countdown-card,.poll-card,.program-card,.alvear-lead{transform:translateZ(0)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.chat-card,.countdown-card,.poll-card,.program-card,.alvear-lead{transition:transform .24s ease,box-shadow .24s ease}.chat-card:hover,.countdown-card:hover,.poll-card:hover,.program-card:hover,.alvear-lead:hover{transform:translateY(-3px);box-shadow:0 21px 50px #000b,0 0 26px #449fff8c,inset 0 1px 2px #e0faff!important}}
@media(max-width:850px){.hero-copy{max-width:60%!important}.hero-art.portal-installation{width:55vw!important;right:-8%!important;height:325px!important;top:-8px!important}}
@media(max-width:680px){body::before{background:linear-gradient(180deg,#02051275,#020714bd),url('/static/assets/universo-escenario-fotografico.webp') 46% top/auto 1300px no-repeat!important}.site-header{border-radius:12px!important;margin-top:0}.hero{min-height:340px!important;padding-top:14px!important;overflow:hidden!important}.hero-copy{max-width:100%!important;padding-top:7px!important}.hero h1{max-width:275px!important;font-size:clamp(2.3rem,9vw,3.4rem)!important;position:relative;z-index:4}.hero-summary{max-width:250px!important;position:relative;z-index:4}.hero-art.portal-installation{width:440px!important;height:245px!important;right:-215px!important;top:3px!important;opacity:.82!important}.hero-actions{z-index:5;position:relative}.watch-section{margin-top:-6px!important}.watch-grid{grid-template-columns:1fr!important}.video-stage{aspect-ratio:16/9!important}.countdown-card,.poll-card,.alvear-lead{background-size:cover!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;transition:none!important}}
body.effects-off .galaxy{display:none!important}body.effects-off .chat-card:hover,body.effects-off .program-card:hover{transform:none!important}
