/* CANAL NUBRA TV V5 | El universo es interfaz. No modifica HLS, chat ni API. */
:root{--max:1550px;--cosmic-cyan:#48eaff;--cosmic-violet:#ab62ff;--cosmic-white:#f5f8ff}
html{scroll-behavior:smooth}
body{background:#020614;color:#eef5ff}
body:before{background:linear-gradient(180deg,#020511c9,#03091c8e 28%,#020512e6 78%),url('/static/assets/nebulosa-atmosfera.webp') center top/cover fixed;opacity:1}
.galaxy{height:1950px;opacity:.93;background:radial-gradient(ellipse 48% 20% at 70% 12%,#6f3cdd30,transparent 83%),radial-gradient(ellipse 53% 42% at 3% 29%,#1969c52e,transparent 77%),linear-gradient(180deg,transparent,#0208170c 60%,#01040e)}
.galaxy:before{opacity:.56}.depth-stars.far{opacity:.76}.depth-stars.near{opacity:.5}
.site-header{min-height:76px;background:linear-gradient(180deg,#030817e8,#091431bb);border-bottom-color:#6dbeff45;box-shadow:0 8px 40px #02081b9c;gap:14px}
.brand{gap:8px}.brand-symbol{width:66px;height:58px;display:flex;align-items:center;justify-content:center;flex-shrink:0;filter:drop-shadow(0 0 13px #7e5bf6bb)}
.brand-symbol img{width:90px;max-width:none;height:80px;object-fit:contain;filter:drop-shadow(0 0 11px #41ceff8c)}
.brand-words strong{font-size:16px;letter-spacing:.045em;white-space:nowrap}.brand-tv{color:#5adfff}.brand-words small{font-size:8px;letter-spacing:.12em}
.nav-main a:hover{color:#85eeff;text-shadow:0 0 12px #63bfff}.nav-main a{font-size:12px}
.header-watch,.primary-cta{background:linear-gradient(110deg,#08dcf7,#416ef5 48%,#aa55f9 100%);border:1px solid #a4efff;color:#fff;box-shadow:inset 0 1px 3px #f6ffffab,0 0 6px #7de4ff,0 0 23px #01bdff82,0 0 52px #773fff72;text-shadow:0 1px 10px #042d65}
.header-watch:hover,.primary-cta:hover{filter:brightness(1.17);transform:translateY(-1px)}
.hero{min-height:340px;padding-top:32px;padding-bottom:14px;isolation:isolate;overflow:visible}
.hero:after{content:'';position:absolute;inset:15% -8% -130px 24%;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 75% 40%,#9841ff4d,transparent 45%),radial-gradient(ellipse at 68% 58%,#00aafa3c,transparent 57%);filter:blur(23px)}
.hero-copy{position:relative;z-index:3;max-width:52%;padding-top:30px}
.hero h1{font-size:clamp(3rem,5.3vw,5.1rem);letter-spacing:-.055em;line-height:1.03;text-shadow:0 4px 28px #071845,0 0 32px #8b9cf570;margin:10px 0 14px}
.hero h1 em{background:linear-gradient(100deg,#47effc,#8cbdff 45%,#d57aff);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 14px #2a4db565)}
.hero-summary{max-width:460px;color:#d6e5ff;font-size:clamp(13px,1.28vw,16px);text-shadow:0 2px 13px #020512}
.eyebrow,.section-kicker,.section-aside{color:#6feaff}.primary-cta{padding:14px 23px;border-radius:30px;font-size:12px;letter-spacing:.09em}
.hero-art.portal-installation{width:min(56vw,730px);height:370px;right:-3%;top:-20px;filter:drop-shadow(0 0 25px #3282fcaa);transform-style:preserve-3d;overflow:visible;pointer-events:none}
.portal-illustration{position:absolute;inset:0;background:url('/static/assets/portal-escena.webp') center/contain no-repeat;transform:translateZ(-20px);opacity:1;filter:saturate(1.26) contrast(1.09)}
.portal-illustration:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 25%,#06133155 68%,transparent)}
.portal-installation .portal-core{left:50%;top:46%;width:clamp(130px,17vw,224px);height:clamp(130px,17vw,224px);transform:translate(-50%,-50%) rotateX(var(--portal-rotate-x,0deg)) rotateY(var(--portal-rotate-y,0deg));background:radial-gradient(circle at 42% 26%,#1978f977,#031433 69%,#00050a);border:1px solid #57b8ffa8;box-shadow:0 0 19px #80f7ffb8,0 0 95px #7436ff9f,inset 0 0 40px #2869ff88;display:flex;align-items:center;justify-content:center}
.portal-logo{width:125%;height:125%;object-fit:contain;filter:drop-shadow(0 0 12px #49bcffe3);user-select:none;pointer-events:none}
.portal-installation .portal-ring{border-width:3px;box-shadow:0 0 13px #00dcffb8,0 0 44px #704bfdbd,inset 0 0 24px #00ccff70}
.portal-arc{border-top-width:3px;filter:drop-shadow(0 0 16px #55dbff)}
.portal-caption{display:none}
.watch-section{margin-top:-10px;z-index:2}.watch-section:before{inset:-35px -10% auto;height:850px;background:radial-gradient(ellipse 60% 42% at 45% 26%,#6b38fa5e,transparent 70%),radial-gradient(ellipse 65% 42% at 58% 39%,#008dff40,transparent 77%);filter:blur(17px)}
.watch-intro{margin-bottom:16px}.section-intro h2{font-size:clamp(2rem,3.45vw,3.6rem);text-shadow:0 1px 17px #7c9dff6e}.section-intro h2 em{background:linear-gradient(95deg,#6dffff,#a396ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.watch-grid{grid-template-columns:minmax(0,1.75fr) minmax(320px,.95fr);gap:24px}
.screen-frame,.chat-card,.countdown-card,.poll-card,.program-card,.alvear-lead,.funding-panel,.partners-form,.club-surface,.support-section,.story-empty{background:linear-gradient(148deg,#112a55ec,#09142be8 43%,#0d1235e9 82%,#17153abf);border:1px solid #69baff94;box-shadow:0 17px 52px #0009,0 0 9px #5cdfff9e,0 0 38px #1659ff66,inset 0 1px 3px #d7f9ff99,inset 0 0 27px #274ed72b;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.screen-frame{border:2px solid #7cd7ff;border-radius:25px;padding:11px;box-shadow:0 0 0 3px #213bb97e,0 0 13px #00e0ff,0 0 48px #2477ff,0 24px 75px #010313,inset 0 1px 12px #fff8}
.video-stage{border:1px solid #69aeff;border-radius:15px;background:radial-gradient(ellipse at center,#101545,#020611 70%);box-shadow:inset 0 0 40px #000a}
.video-idle{background:radial-gradient(circle at 50% 43%,#193fa39c 0,#1f114f87 31%,#050c26 72%),url('/static/assets/nebulosa-atmosfera.webp') center/cover}
.idle-brand-art{width:clamp(86px,13vw,160px);height:clamp(86px,13vw,160px);object-fit:contain;filter:drop-shadow(0 0 24px #3cafffd4);display:block;margin:0 auto -10px;position:relative;z-index:3}
.void-core{box-shadow:0 0 65px #29a3ff8c}.screen-portal-architecture{opacity:.75}
.chat-card{border:2px solid #679eff;border-radius:24px;min-height:100%;box-shadow:0 0 12px #04ceff,0 0 38px #493bff70,0 18px 55px #010413}
.chat-badge{background:#10285f;border:1px solid #68d2ff;color:#96f4ff}.chat-caption{color:#d1e2ff}.chat-principles{color:#8ce8ff}
.submit-btn,.lite-button,.support-primary,.youtube-cta{box-shadow:inset 0 1px #fff8,0 0 19px #14bcff73;background:linear-gradient(110deg,#58edff,#9ca7ff 72%,#be91ff);color:#061a35}
.experience-section{margin-top:43px}.experience-layout{gap:22px}.countdown-card,.poll-card{border-radius:24px}.clock>div{border:1px solid #5bceff80;box-shadow:inset 0 0 20px #197eff24,0 0 10px #1964e656;background:#06122de8}.clock b{color:#fafdff;text-shadow:0 0 20px #7daeff}
.program-section,.alvear-section,.club-section,.support-section,.partners-section{margin-top:55px}.program-card{border-radius:20px}.alvear-lead{border-radius:24px}.alvear-orbit{filter:drop-shadow(0 0 15px #53c8ff)}
.club-surface,.support-section{border-radius:24px}.site-footer{border-color:#247edb6c}
/* Glowing floating horizon links the sections instead of isolated flat blocks */
.experience-section:before,.alvear-section:before,.program-section:before{content:'';position:absolute;left:6%;right:6%;height:2px;bottom:-12px;pointer-events:none;background:linear-gradient(90deg,transparent,#66dafa80,#a964ff87,transparent);box-shadow:0 0 20px #2688ff}
.experience-section,.alvear-section,.program-section{position:relative}
/* Browsing accessibility and graceful degradation */
@media(max-width:1050px){.hero-art.portal-installation{width:52vw;right:-6%;height:330px}.hero-copy{max-width:56%}.watch-grid{grid-template-columns:minmax(0,1fr) minmax(260px,.7fr)}}
@media(max-width:850px){.hero{min-height:305px}.hero-copy{max-width:62%}.hero-art.portal-installation{width:47vw;right:-8%;height:300px;top:5px}.portal-installation .portal-core{width:140px;height:140px}.watch-grid{grid-template-columns:1fr}.chat-card{min-height:0}}
@media(max-width:680px){body:before{background:linear-gradient(180deg,#030817c7,#030615e8),url('/static/assets/nebulosa-atmosfera.webp') center top/auto 1000px no-repeat}.site-header{min-height:66px}.brand-symbol{width:50px;height:45px}.brand-symbol img{width:71px;height:64px}.brand-words strong{font-size:11px}.brand-words small{font-size:6px}.hero{min-height:315px;padding-top:13px;overflow:hidden}.hero-copy{max-width:100%;padding-top:8px}.hero h1{font-size:clamp(2.15rem,9.1vw,3.6rem);max-width:370px;position:relative;z-index:4}.hero-summary{max-width:280px;position:relative;z-index:4;font-size:12px}.hero-art.portal-installation{width:330px;height:270px;right:-152px;top:-16px;opacity:.86;filter:drop-shadow(0 0 10px #047ffa)}.portal-illustration{opacity:.92}.portal-installation .portal-core{width:115px;height:115px;left:53%;top:40%}.portal-logo{width:125%;height:125%}.portal-installation .portal-ring{opacity:.9}.eyebrow{font-size:8px}.hero-actions{position:relative;z-index:5}.primary-cta{border-radius:25px;font-size:10px;min-height:43px;padding:10px 17px}.hero-explore{color:#fff}.hero .microcopy{max-width:240px}.watch-section{margin-top:-8px}.section-intro h2{font-size:clamp(1.55rem,7.5vw,2.1rem)}.screen-frame{padding:6px;border-radius:18px}.idle-brand-art{width:95px;height:95px}.chat-card{border-radius:19px}.experience-section,.program-section,.alvear-section,.partners-section,.club-section,.support-section{margin-top:38px}.countdown-card,.poll-card{border-radius:19px}.clock b{font-size:1.7rem}.portal-arc{opacity:.85}}
@media(prefers-reduced-motion:reduce){.portal-installation *,.depth-stars,.portal-arc{animation:none!important}}
body.effects-off .portal-installation *{animation:none!important}