/* CANAL NUBRA TV — PORTAL V4.2
   Una capa visual aditiva. No modifica la señal HLS ni las APIs existentes.
   Sin frameworks, fuentes externas, WebGL ni efectos permanentes de JS. */
:root{--bg:#030613;--surface:#0b132a;--surface2:#101b3a;--line:rgba(128,177,255,.24);--cyan:#7fecff;--blue:#668cfb;--purple:#ba88ff;--text:#f5f8ff;--muted:#a9b9dc;--max:1320px;--portal-shadow:0 24px 80px rgba(0,0,0,.55),0 0 58px rgba(75,102,225,.21)}
html{scroll-padding-top:88px}body{background:#030614;letter-spacing:-.005em;isolation:isolate}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-4;background:radial-gradient(ellipse 34% 34% at 95% 25%,rgba(81,65,187,.15),transparent 94%),radial-gradient(ellipse 44% 60% at 5% 78%,rgba(20,85,190,.12),transparent 93%),linear-gradient(166deg,#030715 0%,#070c22 49%,#050817 100%)}
::selection{background:#84dcff;color:#061128}
a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #9fefff;outline-offset:4px}
.container{max-width:var(--max);padding-left:clamp(18px,4.7vw,62px);padding-right:clamp(18px,4.7vw,62px)}
/* Background: multi-distance star cloud and a receding 3D floor. CSS-only, no network requests. */
.galaxy{height:950px;z-index:-3;opacity:.9;background:radial-gradient(ellipse 50% 44% at 69% 28%,rgba(63,73,205,.21),transparent 76%),radial-gradient(ellipse 43% 38% at 9% 64%,rgba(19,103,182,.11),transparent 80%),linear-gradient(180deg,rgba(8,11,29,.86),rgba(4,6,18,0))}
.galaxy:before{opacity:.24}.galaxy .orb-a{right:12%;top:35px;background:#333cb1;opacity:.18}.galaxy .orb-b{left:-180px;top:345px;opacity:.16}.streaks{opacity:.35}
.cosmic-depth{position:absolute;inset:0 0 auto;height:1880px;overflow:hidden;z-index:-2;pointer-events:none;perspective:1000px;contain:paint}
.depth-stars{position:absolute;inset:-200px -50px 0;opacity:.56;background-repeat:repeat}
.depth-stars.far{background-image:radial-gradient(circle at 1px 1px,rgba(181,212,255,.9) .7px,transparent 1.4px);background-size:99px 123px;mask-image:linear-gradient(180deg,#000 15%,transparent 85%);animation:starsFloat 85s linear infinite}
.depth-stars.near{background-image:radial-gradient(circle at 1px 1px,rgba(236,234,255,.75) .8px,transparent 1.9px);background-size:211px 193px;transform:translateZ(24px);opacity:.28;mask-image:linear-gradient(#000,transparent 75%);animation:starsFloat 135s linear infinite reverse}
.depth-grid{position:absolute;top:270px;left:-25%;right:-25%;height:720px;opacity:.16;background:repeating-linear-gradient(90deg,transparent 0 93px,rgba(91,175,255,.26) 94px 95px),repeating-linear-gradient(0deg,transparent 0 94px,rgba(83,131,246,.2) 95px 96px);transform:rotateX(75deg) translateY(-15%);mask-image:linear-gradient(180deg,transparent 6%,#000 38%,transparent 85%)}
.depth-nebula{position:absolute;width:820px;height:840px;right:-290px;top:-85px;background:radial-gradient(circle,rgba(61,100,221,.16),rgba(75,43,158,.07) 42%,transparent 72%);filter:blur(35px)}
/* The channel header floats above the dimensional scene. */
.site-header{max-width:none;min-height:74px;margin:0 auto;border-bottom:1px solid rgba(123,176,255,.16);padding:10px clamp(20px,4.7vw,74px);background:linear-gradient(180deg,rgba(6,13,35,.94),rgba(6,13,35,.6));backdrop-filter:blur(17px);-webkit-backdrop-filter:blur(17px);position:sticky;top:0;z-index:15;box-shadow:0 6px 40px rgba(0,0,0,.08)}
.site-header:after{content:"";position:absolute;bottom:-1px;left:8%;width:29%;height:1px;background:linear-gradient(90deg,transparent,#78d6ff80,transparent)}
.brand{gap:11px}.brand-symbol{width:59px;height:49px;filter:drop-shadow(0 1px 12px #5095ff65)}.brand-words strong{font-size:13px;letter-spacing:.13em}.brand-words small{color:#9db2dc;font-size:8px}
.nav-main{gap:clamp(10px,1.8vw,25px);font-size:12px;font-weight:700}.nav-main>a{transition:color .2s}.nav-main .nav-youtube{padding:9px 13px;border-color:#6373aa77;background:#ffffff08}
.header-utilities{display:flex;align-items:center;gap:10px}.effects-toggle,.header-watch,.cinema-toggle{border:1px solid rgba(137,188,251,.29);border-radius:11px;background:rgba(12,24,53,.84);color:#d7edff;padding:10px 13px;font-weight:780;font-size:10px;letter-spacing:.035em;white-space:nowrap}
.effects-toggle:hover,.cinema-toggle:hover{background:#182d58}.header-watch{display:flex;align-items:center;gap:10px;background:linear-gradient(120deg,#92eeff,#c3a7ff);border-color:transparent;color:#071528;font-weight:950;padding:12px 15px;box-shadow:0 0 28px #409cff3d}
.tiny-live-dot{height:7px;width:7px;background:#2a6a96;border-radius:50%;box-shadow:0 0 10px #428fff70}
/* Hero = opening shot. Lower than previous design, so video enters the first viewport. */
.hero{min-height:290px;padding-top:47px;padding-bottom:35px;overflow:visible;position:relative;isolation:isolate}
.hero:before{content:"";position:absolute;inset:5% 5% auto 50%;height:300px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse,rgba(55,95,201,.13),transparent 66%)}
.hero-copy{max-width:700px}.eyebrow{color:#8be8ff;font-size:10px;letter-spacing:.25em;font-weight:850}.pulse-dot{background:#80deff;box-shadow:0 0 0 4px #74c7ff13,0 0 23px #73dfff}
h1{font-size:clamp(2.9rem,5.5vw,5.4rem);line-height:1.04;letter-spacing:-.075em;font-weight:870;margin:12px 0 15px;text-wrap:balance}h1 em{background:linear-gradient(95deg,#8de9ff,#9b9aff 58%,#d1a3ff)}
.hero-summary{font-size:clamp(13px,1.3vw,16px);max-width:480px;color:#b6c5e3;line-height:1.6;margin-bottom:18px}.hero-actions{display:flex;gap:13px;align-items:center;flex-wrap:wrap}.primary-cta{min-height:45px;justify-content:center;border-radius:11px;padding:13px 19px;font-size:11px;gap:13px;box-shadow:0 3px 35px #6a9fff47}.primary-cta span:last-child{font-size:15px}.hero-explore{color:#bddbf8;font-weight:750;font-size:12px;padding:10px 4px}.hero-explore:hover{color:white}.microcopy{color:#91a7ce;font-size:10px;margin-top:13px}
/* Main portal: kinetic interlocking elliptical rings and central glass planet. */
.hero-art.portal-installation{width:355px;height:355px;right:4.3%;top:-18px;opacity:1;transform:none;transform-style:preserve-3d;--pointer-x:0;--pointer-y:0;filter:drop-shadow(0 13px 35px rgba(66,111,241,.14))}
.portal-installation:before,.portal-installation:after{content:"";position:absolute;inset:8%;border-radius:50%;pointer-events:none}
.portal-installation:before{border:1px solid rgba(117,221,255,.28);transform:rotateY(60deg) rotateX(18deg);box-shadow:0 0 28px #73abff4b}
.portal-installation:after{inset:3%;border:1px dashed rgba(164,178,252,.14);animation:rotate 90s linear infinite}
.portal-aura{position:absolute;inset:-16%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(41,129,245,.21) 0%,rgba(95,53,174,.13) 31%,transparent 70%);filter:blur(20px);animation:portalBreath 9s ease-in-out infinite}
.portal-installation .portal-ring{inset:13%;border:2px solid rgba(132,210,255,.52);box-shadow:inset 0 0 15px rgba(76,153,249,.26),0 0 24px #488efa48,0 0 3px #97deff60;transform-style:preserve-3d;animation:orbitA 21s linear infinite}
.portal-installation .ring-two{inset:3%;border-color:rgba(169,136,255,.4);border-width:1px;animation:orbitB 27s linear infinite}
.portal-installation .ring-three{inset:24%;border:1px solid rgba(137,219,255,.35);animation:orbitC 17s linear infinite}
.portal-arc{position:absolute;inset:0;border-radius:50%;border:2px solid transparent;border-top-color:#a1ebffb0;border-bottom-color:#9b83ff50;transform:rotate(-33deg) scale(.86);filter:drop-shadow(0 0 7px #8ce7ff);animation:arcSpin 28s linear infinite}
.portal-arc.arc-two{inset:14%;opacity:.63;border-width:1px;animation-direction:reverse;animation-duration:22s;transform:rotate(70deg)}
.portal-installation .portal-core{width:185px;height:185px;left:calc(50% - 92px);top:calc(50% - 92px);background:radial-gradient(circle at 35% 28%,#73aefb72 0,#2b3f8d 28%,#0f1a44 57%,#07122d 73%,#020612 88%);box-shadow:inset -20px -22px 30px #040718, inset 8px 8px 30px #76c2ff30,0 0 20px #81dfff80,0 0 70px #5c83ec55;transform:rotateX(var(--portal-rotate-x,0deg)) rotateY(var(--portal-rotate-y,0deg));transition:transform .3s ease;overflow:visible}
.portal-installation .portal-core:before{content:"";position:absolute;inset:8px;border-radius:50%;border-top:1px solid #9adaff82;transform:rotate(-30deg)}
.portal-installation .portal-core span{font-size:36px;font-weight:950;z-index:1;color:#f1f5ff;filter:drop-shadow(0 4px 15px #90dfff8c);transform:skew(-7deg)}.portal-core small{position:absolute;color:#a8ddff;font-weight:950;letter-spacing:.1em;bottom:38px;right:48px;font-size:12px}
.portal-particle{position:absolute;width:6px;height:6px;border-radius:50%;background:#dcf9ff;box-shadow:0 0 13px #71d9ff,0 0 30px #71d9ff}.p-one{top:20%;left:12%;animation:portalFloat 8s ease-in-out infinite}.p-two{top:67%;right:10%;width:3px;height:3px;animation:portalFloat 6s ease-in-out infinite reverse}.p-three{bottom:14%;left:29%;width:3px;height:3px;animation:portalFloat 11s ease-in-out infinite}
.portal-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:9px;letter-spacing:.24em;font-weight:800;color:#9bc9f3;opacity:.67}
/* Video is the center of gravity, embedded in a deep-space doorway. */
.watch-section{margin-top:0;position:relative;scroll-margin-top:95px}.watch-section:before{content:"";position:absolute;inset:50px -6% auto;z-index:-1;pointer-events:none;height:620px;background:radial-gradient(ellipse 40% 50% at 50% 35%,rgba(65,108,230,.21),transparent 80%)}
.section-intro{margin-bottom:20px;align-items:center}.section-intro h2{letter-spacing:-.062em;font-size:clamp(1.75rem,3.4vw,2.8rem);margin-top:8px}.watch-head-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}.signal-indicator{background:#101b3aaa;color:#b7dcfa;border:1px solid #34497e99;font-weight:650}.cinema-toggle{background:rgba(15,34,68,.87);border-color:#527ac4bd;color:#dcf5ff;box-shadow:inset 0 0 18px #62baff0e}
.watch-grid{grid-template-columns:minmax(0,1.75fr) minmax(285px,.78fr);gap:20px;align-items:start}.player-card{position:relative;isolation:isolate;min-width:0}.screen-portal-architecture{position:absolute;z-index:-1;inset:-45px -46px -65px;pointer-events:none;perspective:800px;overflow:visible}.architecture-ring{position:absolute;inset:1% 5%;border:1px solid rgba(108,161,255,.42);border-radius:50%;box-shadow:0 0 60px #588cfc22;transform:rotateX(68deg) rotateZ(-19deg);animation:archOrbit 23s linear infinite}.architecture-ring.a2{inset:7% -2%;border-color:#b19aff42;transform:rotateY(58deg) rotateZ(20deg);animation-duration:34s;animation-direction:reverse}.architecture-glow{position:absolute;inset:9%;background:radial-gradient(ellipse,#3a5dbd42,transparent 65%);filter:blur(35px)}
.screen-perspective{perspective:1300px}.screen-frame{border:1px solid #8cbcff7d;border-radius:22px;background:linear-gradient(146deg,#141e3d,#070e25 55%,#12102d);padding:10px;box-shadow:0 22px 65px #000b,0 0 65px #3865f64b,inset 0 1px #c9e8ff30;overflow:hidden;transform:rotateX(.2deg);transform-origin:center}
.screen-frame:before{inset:0;border-radius:22px;border:1px solid rgba(157,212,255,.2);z-index:1}
.screen-frame:after{content:"";position:absolute;top:0;left:12%;width:66%;height:1px;background:linear-gradient(90deg,transparent,#97ecff,transparent);box-shadow:0 0 18px 2px #5cb7ff99;pointer-events:none}
.screen-topline{padding:4px 10px 11px}.screen-channel{letter-spacing:.25em}.screen-label{font-size:9px;color:#9aafce}.video-stage{border-color:#445791aa;border-radius:11px;box-shadow:inset 0 0 45px #030717}
.video-stage:before{z-index:3;box-shadow:inset 0 0 54px #0007;pointer-events:none}.video-idle{background:radial-gradient(ellipse at 50% 40%,rgba(27,63,153,.9),rgba(13,22,69,.97) 43%,#020717 82%);isolation:isolate}.video-idle:before{opacity:.24;background:repeating-radial-gradient(circle at center,transparent 0 45px,rgba(157,225,255,.3) 46px,transparent 47px 91px)}
.video-void{position:absolute;inset:0;z-index:-1;display:grid;place-items:center;overflow:hidden;perspective:650px}.void-core{position:absolute;width:35%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 43% 39%,rgba(105,167,252,.7),#283e96 25%,#0b1742 53%,#030611 71%);box-shadow:0 0 45px #4a6fe299,0 0 120px #527ef670,inset -20px -24px 30px #040819;animation:portalBreath 12s ease-in-out infinite}.void-ring{position:absolute;aspect-ratio:1;width:65%;border:2px solid #9edbff82;border-radius:50%;transform:rotateX(63deg) rotateY(32deg);box-shadow:0 0 25px #86a8ff70;animation:orbitA 21s linear infinite}.vr2{width:91%;border:1px solid #ba99ff73;animation:orbitB 29s linear infinite}.vr3{width:48%;border:1px solid #88e2ffa8;animation:orbitC 18s linear infinite}
.inner-orbit{opacity:.23}.idle-kicker{font-size:clamp(7px,.8vw,10px);letter-spacing:.25em;text-shadow:0 1px 5px #000;margin:0 0 11px}.idle-title{font-size:clamp(30px,4.5vw,54px);text-shadow:0 3px 10px #080e31,0 0 29px #70a6ff80}.idle-title span{color:#a3e6ff}.video-idle>p:not(.idle-kicker):not(.player-note){color:#d7e4ff;margin:13px 0 13px}.play-big{background:linear-gradient(110deg,#a6f2ff,#c4a7ff);box-shadow:0 0 35px #5a9eff99;color:#051426;min-height:43px;transition:transform .2s,box-shadow .2s}.play-big:hover{transform:translateY(-2px) scale(1.025);box-shadow:0 0 52px #74d4ffca}.player-note{color:#b2c1e3;text-shadow:0 1px 6px #030718}
.player-bottom{color:#a9c2e7}.player-utility{font-size:11px;align-items:center;color:#adbbd5}.utility-links{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.share-signal{padding:3px 0;font-size:11px;border:0;background:transparent;color:#9deeff;font-weight:750}.share-signal:hover{text-decoration:underline}
.chat-card{border:1px solid rgba(115,152,233,.38);border-radius:21px;background:radial-gradient(ellipse at 110% -20%,#4b397b6b,transparent 52%),linear-gradient(145deg,#142648d9,#0b122adf 84%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--portal-shadow);padding:23px;position:relative;overflow:hidden}
.chat-card:before,.countdown-card:before,.poll-card:before,.partners-form:before,.funding-panel:before{content:"";position:absolute;top:-1px;left:12%;width:58%;height:1px;background:linear-gradient(90deg,transparent,#9bd5ff94,transparent);pointer-events:none}
.chat-head h3{font-size:19px}.chat-badge{color:#9ed9ff;border-color:#5c82be95;background:#11274f;font-size:8px}.chat-caption{line-height:1.65}.mini-orb{background:radial-gradient(circle at 35% 28%,#7ca1ed44,#1d2851);box-shadow:inset 0 0 16px #5adfff44,0 0 18px #497ef73c}
.chat-toggle{background:linear-gradient(110deg,#1c3f72,#273265);border-color:#6689cb;border-radius:12px;min-height:46px}.chat-toggle:hover{background:#2b4b80}.chat-principles{border-top:1px solid #6e93ba26;margin-top:24px;padding-top:18px}
/* Editorial constellation: the remainder feels like environments within the same universe. */
.experience-section,.alvear-section,.partners-section{margin-top:84px}.program-section,.club-section,.support-section{margin-top:90px}
.section-kicker{color:#8be8ff;letter-spacing:.21em;font-size:10px}.section-aside{color:#a8b9da;line-height:1.6}.section-intro h2 em{font-style:normal;background:linear-gradient(90deg,#87e7ff,#ba94ff);background-clip:text;-webkit-background-clip:text;color:transparent}
.countdown-card,.poll-card,.funding-panel,.partners-form{border:1px solid #536da477;border-radius:25px;background:radial-gradient(ellipse at 100% 0,#4f43864f,transparent 54%),linear-gradient(132deg,#142849dd,#0a1129f7);box-shadow:0 18px 50px #0005,inset 0 1px 0 #ffffff0d}
.countdown-card:after{border-color:#96cfff55;box-shadow:0 0 60px #6286ff3e}.clock>div{border-color:#7294d266;background:#050e26cc;box-shadow:inset 0 0 24px #264a8620}.clock b{font-size:clamp(28px,3.3vw,40px)}.lite-button{border-radius:12px;box-shadow:0 7px 23px #5f9aff29;background:linear-gradient(110deg,#a0efff,#b9b5ff)}.lite-outline{background:#182b51;border-color:#5a7ba9;color:#deedff;box-shadow:none}
.program-card{min-height:135px;border-radius:22px;border-color:#5e79ad75;background:linear-gradient(112deg,#1a2d54,#0c142c 65%,#18203e);box-shadow:0 15px 42px #0005;padding:25px 27px}.program-card:before{content:"";position:absolute;inset:auto -45px -85px auto;width:240px;height:240px;border:1px solid #80b4ff47;border-radius:50%;transform:rotateX(62deg) rotateZ(30deg);box-shadow:0 0 38px #588fff32}.program-now{color:#9ce8ff}
.alvear-lead{position:relative;overflow:hidden;border-color:#6182c285;border-radius:27px;background:radial-gradient(ellipse at 14% 43%,#205e9d53,transparent 38%),linear-gradient(108deg,#0c193b,#19315b 80%,#171337);box-shadow:0 21px 65px #0006;min-height:250px}
.alvear-lead:before{content:"";position:absolute;right:-110px;top:-180px;width:370px;height:370px;border:1px solid #a3e7ff36;transform:rotateX(68deg) rotate(-24deg);border-radius:50%;box-shadow:0 0 55px #5286ff33;pointer-events:none}
.alvear-orbit{filter:drop-shadow(0 0 15px #4ea6ff55)}.alvear-orbit:before{animation:orbitA 25s linear infinite}.alvear-orbit:after{animation:orbitB 28s linear infinite}.alvear-lead h3{font-size:clamp(21px,2.6vw,31px);letter-spacing:-.04em}
.story-card,.story-empty{border-color:#5475b084;border-radius:20px;background:linear-gradient(138deg,#152b50,#0e1731);box-shadow:0 10px 34px #0005}.story-empty{min-height:165px}
.club-surface{border:1px solid #849ae56b;border-radius:30px;background:radial-gradient(ellipse 48% 120% at 13% 44%,#2f67b257,transparent 81%),radial-gradient(ellipse at 96% 5%,#4b2f8c4a,transparent 51%),linear-gradient(117deg,#10284e,#09132b 63%,#181030);box-shadow:var(--portal-shadow)}
.club-illustration{perspective:450px}.club-radar{border-color:#b8d9ff90;box-shadow:0 0 52px #80adff7d,inset 0 0 48px #5299ff4f;animation:orbitA 24s linear infinite}
.youtube-strip{padding:24px;border:1px solid #526db064;border-radius:18px;background:#101a39b3;margin-top:13px}.youtube-cta{margin-left:auto;border-color:#b0bdf4a8;background:#1d2a51;color:#edf5ff}
.support-section{border-top:1px solid #5476aa35;padding-top:50px}.camera-body{filter:drop-shadow(0 8px 36px #74b5ff42)}.support-content h2{font-size:clamp(2rem,4vw,3.4rem)}
.site-footer{margin-top:54px;border-top:1px solid #6883bc4b}.cosmic-footer-horizon{position:relative;margin-top:95px;height:130px;overflow:hidden;pointer-events:none}.cosmic-footer-horizon:before{content:"";position:absolute;width:140%;height:240px;left:-20%;top:80px;border-top:1px solid #8ddaff6e;border-radius:50%;box-shadow:0 -20px 75px #4b87df4d}.cosmic-footer-horizon span{position:absolute;left:calc(50% - 100px);bottom:-180px;width:200px;height:260px;border-radius:50%;background:#619eff88;filter:blur(65px)}
/* Cinema mode: clear and opt-in. Escape always returns to the regular page. */
body.portal-mode{overflow:hidden}body.portal-mode .site-header{position:fixed;left:0;right:0;top:0;z-index:41}
body.portal-mode .watch-section{position:fixed;z-index:40;inset:74px 0 0;max-width:none;width:100%;overflow-y:auto;margin:0;padding:21px clamp(15px,3vw,50px) 35px;background:radial-gradient(ellipse at center top,#142657 0%,#050a1e 64%,#030714 100%)}
body.portal-mode .watch-grid{max-width:1600px;margin:0 auto;grid-template-columns:minmax(0,2.15fr) minmax(280px,.7fr);align-items:start}body.portal-mode .watch-intro{max-width:1600px;margin:0 auto 18px}
body.portal-mode .screen-portal-architecture{display:none}body.portal-mode .chat-card{max-height:calc(100vh - 200px);overflow-y:auto}body.portal-mode .cinema-toggle{border-color:#91e9ff;color:#071527;background:#96e7ff}
body.portal-mode .video-stage{max-height:calc(100vh - 260px)}body.portal-mode .video-stage video{object-fit:contain}
/* Content is always visible without JS; subtle entrance only when observer says visible. */
.reveal-now{animation:sceneReveal .65s ease-out both}
@keyframes sceneReveal{from{opacity:.5;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes starsFloat{from{background-position:0 0}to{background-position:100px 150px}}
@keyframes portalBreath{0%,100%{opacity:.72;transform:scale(.97)}50%{opacity:1;transform:scale(1.045)}}
@keyframes portalFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(6px,-18px,0)}}
@keyframes orbitA{from{transform:rotateX(67deg) rotateY(18deg) rotateZ(0deg)}to{transform:rotateX(67deg) rotateY(18deg) rotateZ(360deg)}}
@keyframes orbitB{from{transform:rotateY(68deg) rotateX(17deg) rotateZ(0deg)}to{transform:rotateY(68deg) rotateX(17deg) rotateZ(-360deg)}}
@keyframes orbitC{from{transform:rotateY(-49deg) rotateX(36deg) rotateZ(0deg)}to{transform:rotateY(-49deg) rotateX(36deg) rotateZ(360deg)}}
@keyframes arcSpin{from{transform:rotate(-33deg) scale(.86)}to{transform:rotate(327deg) scale(.86)}}
@keyframes archOrbit{from{transform:rotateX(68deg) rotateZ(-19deg)}to{transform:rotateX(68deg) rotateZ(341deg)}}
/* Tablet: keep the video prominent and never compress the chat beside it. */
@media(max-width:1180px){.nav-main{gap:13px}.nav-main a[href="#programacion"],.nav-main a[href="#aliados"]{display:none}.effects-toggle span{display:none}.hero-art.portal-installation{right:0;width:325px;height:325px}.portal-installation .portal-core{width:164px;height:164px;left:calc(50% - 82px);top:calc(50% - 82px)}.portal-installation .portal-core span{font-size:31px}.hero-copy{max-width:63%}.watch-grid{grid-template-columns:minmax(0,1fr) minmax(250px,.7fr)}}
@media(max-width:980px){.site-header{padding-left:22px;padding-right:22px}.hero-art.portal-installation{width:270px;height:270px;right:13px;top:10px;opacity:.87}.hero-copy{max-width:70%}.hero{min-height:255px}.watch-grid,body.portal-mode .watch-grid{grid-template-columns:minmax(0,1fr)}.chat-card{max-width:none}.watch-intro{align-items:flex-start}.chat-card .chat-caption{max-width:620px}body.portal-mode .chat-card{max-height:none}body.portal-mode .video-stage{max-height:none}}
@media(max-width:680px){
  .site-header{min-height:61px;padding:8px 15px}.brand-symbol{width:45px;height:42px}.brand-words strong{font-size:11px}.brand-words small{font-size:6px}.nav-main{display:none}.header-utilities{gap:5px}.effects-toggle{font-size:13px;padding:8px}.header-watch{font-size:9px;padding:10px 10px;gap:5px}.header-watch span:last-child{display:none}
  .hero{min-height:245px;padding-top:28px;padding-bottom:19px;overflow:hidden}.hero-copy{max-width:100%}.hero-art.portal-installation{width:220px;height:220px;right:-94px;top:2px;opacity:.47}.portal-installation .portal-core{width:116px;height:116px;left:calc(50% - 58px);top:calc(50% - 58px)}.portal-installation .portal-core span{font-size:23px}.portal-core small{display:none}.portal-caption{display:none}
  h1,.hero h1{font-size:clamp(2.35rem,10vw,3.15rem);line-height:1.04;max-width:370px;margin:13px 0 11px}.eyebrow{font-size:8px;letter-spacing:.14em}.hero-summary{font-size:12px;max-width:310px;line-height:1.48;margin:0 0 14px}.hero-actions{gap:7px}.primary-cta{width:auto;max-width:none;min-height:42px;padding:11px 14px;font-size:10px}.hero-explore{font-size:10px;padding:9px 5px}.microcopy{font-size:9px;max-width:295px;margin-top:9px}
  .watch-section{margin-top:5px}.section-intro h2{font-size:clamp(1.62rem,7vw,2.3rem);margin-bottom:0}.section-intro{margin-bottom:15px}.watch-intro .watch-head-actions{justify-content:flex-start;margin-top:11px}.signal-indicator{font-size:9px;padding:7px 9px}.cinema-toggle{font-size:9px;padding:8px}.watch-grid{gap:17px}.screen-frame{padding:6px;border-radius:16px}.screen-portal-architecture{display:none}.video-idle>p:not(.idle-kicker):not(.player-note){font-size:10px;margin:8px 0}.idle-kicker{font-size:6px;letter-spacing:.12em;margin-bottom:7px}.video-idle .idle-title{font-size:clamp(26px,7vw,35px)}.play-big{font-size:9px;min-height:34px;padding:7px 10px}.player-note{font-size:7px;margin-top:6px}.video-idle .inner-orbit{display:none}.screen-label{letter-spacing:.01em}.player-bottom{font-size:8px}.player-bottom span:last-child{display:none}.player-utility{font-size:10px;flex-wrap:wrap;gap:7px}.utility-links{gap:14px}.chat-card{padding:20px}.chat-principles{margin-top:16px}
  .experience-section,.alvear-section,.partners-section,.program-section,.club-section,.support-section{margin-top:54px}.experience-layout{gap:14px}.countdown-card,.poll-card,.funding-panel,.partners-form{border-radius:20px;padding:22px}.program-card{padding:20px;min-height:125px}.alvear-lead{border-radius:21px}.club-surface{padding:25px 21px;border-radius:23px}.youtube-strip{padding:18px}.cosmic-footer-horizon{margin-top:52px;height:70px}
  body.portal-mode .site-header{height:61px}body.portal-mode .watch-section{top:61px;padding:16px 13px 25px}body.portal-mode .watch-intro{margin-bottom:13px}body.portal-mode .watch-intro h2{font-size:22px}body.portal-mode .watch-head-actions{margin-top:8px}
}
/* Phones with limited data and visitors sensitive to movement get a still cosmic scene. */
body.effects-off *,body.effects-off *::before,body.effects-off *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal-now{animation:none!important}}
@media(prefers-reduced-data:reduce){.depth-stars,.streaks,.portal-aura,.architecture-ring,.void-ring{animation:none!important}}
/* Final polish after responsive visual audit: readable gradient type and video in first fold. */
h1 em{display:inline-block;background:linear-gradient(95deg,#8de9ff,#9b9aff 58%,#d1a3ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero{padding-top:26px;padding-bottom:11px;min-height:260px}
.hero h1{font-size:clamp(2.85rem,4.85vw,4.7rem);line-height:1; margin:10px 0 13px}
.hero-summary{font-size:clamp(12px,1.2vw,15px);margin-bottom:12px;line-height:1.48}
.hero .microcopy{margin-top:8px}
.hero-art.portal-installation{top:-16px}
@media(max-width:680px){.hero{min-height:0;padding-top:20px;padding-bottom:15px}.hero h1{font-size:clamp(2.27rem,9.6vw,3.07rem);margin:9px 0 8px}.hero-summary{margin-bottom:12px;line-height:1.5}.hero .microcopy{margin-top:8px}.hero-art.portal-installation{top:10px}}
@media(max-width:680px){.depth-stars,.streaks,.architecture-ring{animation:none!important}}