:root{--navy: #0a1651;--navy-2: #12267c;--blue: #1a3dd0;--blue-2: #2850f0;--blue-3: #2447e0;--cream: #f3e8ce;--lilac: #a9b6ff;--red: #ff3b3b;--font-display: "Anton", "Impact", "Arial Narrow", sans-serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-back: cubic-bezier(.34, 1.56, .64, 1);--radius: 28px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-body);font-size:1.0625rem;line-height:1.6;color:var(--cream);background:var(--navy);-webkit-font-smoothing:antialiased;overflow-x:hidden}img,svg{display:block;max-width:100%}main{overflow-x:clip}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--font-display);font-weight:400;line-height:1;margin:0;text-transform:uppercase}p{margin:0}:focus-visible{outline:3px solid var(--cream);outline-offset:4px;border-radius:8px}.skip{position:fixed;top:.75rem;left:.75rem;z-index:100;padding:.6rem 1rem;background:var(--cream);color:var(--navy);border-radius:999px;font-weight:800;translate:0 -200%;transition:translate .2s}.skip:focus{translate:0 0}.icon{width:1.25em;height:1.25em;flex:none}.btn{position:relative;display:inline-flex;align-items:center;gap:.6rem;padding:.95rem 1.6rem;border-radius:999px;font-family:var(--font-display);font-size:1.05rem;letter-spacing:.08em;text-transform:uppercase;overflow:hidden;isolation:isolate;transition:transform .35s var(--ease-back),box-shadow .35s,background-color .3s,color .3s}.btn:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgb(255 255 255 / .55) 50%,transparent 70%);translate:-120% 0;transition:translate .7s var(--ease-out)}.btn:hover{transform:translateY(-3px)}.btn:hover:after{translate:120% 0}.btn--primary{background:var(--cream);color:var(--navy);box-shadow:0 10px 30px -10px #f3e8ce99}.btn--primary:hover{box-shadow:0 18px 40px -12px #f3e8ced9}.btn--ghost{color:var(--cream);box-shadow:inset 0 0 0 2px var(--cream)}.btn--ghost:hover{background:#f3e8ce1f}.btn--blue{background:var(--blue-2);color:var(--cream);box-shadow:0 12px 30px -12px #2850f0cc}.btn--blue:hover{box-shadow:0 18px 40px -12px #2850f0f2}.nav{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem clamp(1rem,4vw,3rem);transition:background-color .4s,padding .4s,box-shadow .4s;animation:fadeDown .9s var(--ease-out) 1.6s both}.nav.is-scrolled{padding-block:.6rem;background:#0a1651b8;backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);box-shadow:0 1px #f3e8ce1a}.nav__brand{display:flex;align-items:center;gap:.55rem;font-family:var(--font-display);font-size:1.15rem;letter-spacing:.06em;text-transform:uppercase}.nav__brand em{font-style:normal;color:var(--lilac)}.nav__mic{height:2rem;width:auto;transition:rotate .4s var(--ease-back)}.nav__brand:hover .nav__mic{rotate:-12deg}.nav__links{display:flex;align-items:center;gap:.4rem}.nav__links a{display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;transition:background-color .25s,transform .3s var(--ease-back)}.nav__links a:hover{background:#f3e8ce24;transform:translateY(-2px)}.nav__links .nav__cta{width:auto;padding:0 1.1rem;margin-left:.4rem;border-radius:999px;font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;box-shadow:inset 0 0 0 2px var(--cream)}.nav__links .nav__cta:hover{background:var(--cream);color:var(--navy)}.hero{--mx: 0;--my: 0;position:relative;min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:7rem clamp(1.25rem,5vw,4rem) 9rem;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,var(--navy) 0%,var(--navy-2) 42%,var(--blue-3) 100%)}.hero__sky{position:absolute;inset:0;z-index:-3}.star{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;background:#c9d1ff;opacity:.25;animation:twinkle var(--t) ease-in-out var(--d) infinite}.shooting-star{position:absolute;top:12%;left:70%;width:140px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--cream),transparent);opacity:0;rotate:-25deg;animation:shoot 11s ease-in 4s infinite}.hero__lights,.contacto__lights{position:absolute;inset:0;z-index:-2;pointer-events:none}.beam{position:absolute;top:-4%;left:50%;width:140vmax;height:110%;margin-left:-70vmax;transform-origin:50% 0;background:linear-gradient(180deg,#c8d2ff52,#c8d2ff1a 70%,#c8d2ff0a);mix-blend-mode:screen;opacity:0;animation:lightsOn 1.8s steps(1,end) var(--on, .2s) forwards,sway var(--sway, 10s) ease-in-out var(--on, .2s) infinite alternate}.beam--wide{clip-path:polygon(48.6% 0,51.4% 0,82% 100%,18% 100%);--on: .15s;--sway: 12s;--a: 3deg}.beam--core{clip-path:polygon(49.4% 0,50.6% 0,63% 100%,37% 100%);background:linear-gradient(180deg,#e6e1ff66,#c8d2ff24);--on: .45s;--sway: 9s;--a: -2deg}.beam--left,.beam--right{width:90vmax;margin-left:-45vmax;background:linear-gradient(180deg,#c8d2ff38,#c8d2ff08);clip-path:polygon(49% 0,51% 0,70% 100%,30% 100%)}.beam--left{left:6%;rotate:-28deg;--on: .75s;--sway: 8s;--a: 6deg}.beam--right{left:94%;rotate:28deg;--on: 1s;--sway: 8.5s;--a: -6deg}.hero__palco{position:absolute;z-index:-1;top:38%;width:clamp(150px,17vw,330px);height:auto;fill:#a9b6ff21;animation:palcoIn 1.4s var(--ease-out) .8s both,float 7s ease-in-out 2.2s infinite;transition:translate .6s var(--ease-out)}.hero__palco--left{left:4%}.hero__palco--right{right:4%;animation-delay:.95s,3s}.hero__pitch{position:absolute;z-index:-1;left:-30%;right:-30%;bottom:0;height:26%;perspective:320px;perspective-origin:50% 0;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 45%);mask-image:linear-gradient(to bottom,transparent,#000 45%)}.hero__pitch span{position:absolute;inset:0 0 -60%;transform:rotateX(58deg);transform-origin:50% 0;background:repeating-linear-gradient(to bottom,rgb(200 210 255 / .28) 0 2px,transparent 2px 30px);animation:pitch 2.6s linear infinite}.hero__content{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:clamp(1.5rem,3vw,3rem);max-width:1180px;width:100%}.hero__mic-wrap{position:relative;transition:translate .6s var(--ease-out)}.hero__mic{position:relative;z-index:1;width:clamp(110px,13vw,190px);height:auto;filter:drop-shadow(0 20px 40px rgb(5 10 50 / .5));animation:micIn 1.2s var(--ease-back) .3s both,micSwing 6s ease-in-out 1.6s infinite;transform-origin:50% 100%}.hero__mic .mic-beam{animation:micBeam 3s ease-in-out 1.5s infinite}.hero__mic .mic-windows rect{animation:windowBlink 5s steps(1) infinite}.hero__mic .mic-windows rect:nth-child(2){animation-delay:1.3s}.hero__mic .mic-windows rect:nth-child(3){animation-delay:2.6s}.hero__glow{position:absolute;left:50%;top:30%;width:240%;aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,rgb(243 232 206 / .3),transparent 60%);animation:glow 4s ease-in-out infinite alternate;pointer-events:none}.live-pill{display:inline-flex;align-items:center;gap:.6rem;padding:.4rem 1rem .4rem .8rem;margin-bottom:1.1rem;border-radius:999px;background:#0a165173;box-shadow:inset 0 0 0 1px #f3e8ce40;font-size:.78rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;animation:fadeUp .8s var(--ease-out) .4s both}.live-pill__dot{position:relative;width:.6rem;height:.6rem;border-radius:50%;background:var(--red)}.live-pill__dot:after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--red);animation:ping 1.6s cubic-bezier(0,0,.2,1) infinite}.hero__title{font-size:clamp(3rem,7.4vw,7.4rem);line-height:.95;letter-spacing:.01em;color:var(--cream);text-shadow:0 6px 30px rgb(5 10 50 / .45)}.word{display:inline-block;white-space:nowrap;margin-right:.2em}.word:last-child{margin-right:0}.char{display:inline-block;animation:charUp .9s var(--ease-back) calc(.55s + var(--i) * 45ms) both}.hero__tagline{margin-top:.9rem;font-size:clamp(.82rem,1.55vw,1.3rem);font-style:italic;font-weight:800;letter-spacing:.32em;text-transform:uppercase;color:var(--lilac);animation:spread 1.4s var(--ease-out) 1.3s both}.hero__tribunas{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.4rem 0 0;padding:0;list-style:none}.hero__tribunas li{padding:.35rem 1.05rem;border-radius:999px;box-shadow:inset 0 0 0 2px var(--cream);font-family:var(--font-display);font-size:clamp(.9rem,1.3vw,1.1rem);letter-spacing:.1em;text-transform:uppercase;cursor:default;animation:pop .6s var(--ease-back) calc(1.6s + var(--i) * .11s) both;transition:background-color .25s,color .25s,transform .3s var(--ease-back)}.hero__tribunas li:hover{background:var(--cream);color:var(--navy);transform:translateY(-3px) rotate(-2deg)}.hero__ctas{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:2rem;animation:fadeUp .9s var(--ease-out) 2.1s both}.hero__scroll{position:absolute;bottom:2rem;left:50%;translate:-50% 0;width:28px;height:44px;border-radius:14px;box-shadow:inset 0 0 0 2px #f3e8ceb3;animation:fadeUp .8s var(--ease-out) 2.6s both}.hero__scroll span{position:absolute;left:50%;top:9px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:var(--cream);animation:scrollDot 1.8s ease-in-out infinite}.trapos{position:relative;z-index:2;height:clamp(150px,18vw,220px);display:grid;place-items:center;overflow:hidden;background:linear-gradient(180deg,var(--blue-3) 0 50%,var(--cream) 50% 100%)}.trapo{position:absolute;left:-5%;width:110%;padding:.85rem 0;box-shadow:0 14px 30px -14px #050a328c;overflow:hidden}.trapo--cream{background:var(--cream);color:var(--navy);rotate:-3deg;z-index:2;border-block:3px solid var(--navy)}.trapo--blue{background:var(--blue-2);color:var(--cream);rotate:2.5deg}.trapo__track{display:flex;width:max-content;animation:marquee 38s linear infinite}.trapo__track--reverse{animation-direction:reverse;animation-duration:46s}.trapo__group{display:flex;align-items:center;gap:1.6rem;padding-right:1.6rem;font-family:var(--font-display);font-size:clamp(1.4rem,3vw,2.5rem);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;line-height:1.1}.trapo__sep{font-size:.6em;opacity:.7}.eyebrow{display:inline-flex;align-items:center;gap:.7rem;margin-bottom:1rem;font-size:.8rem;font-weight:800;letter-spacing:.28em;text-transform:uppercase;color:var(--blue-2)}.eyebrow:before{content:"";width:2rem;height:2px;background:currentColor}.eyebrow--light{color:var(--lilac)}.section-head{text-align:center;margin-bottom:clamp(2.5rem,5vw,4rem)}.section-head h2,.about h2,.contacto h2{font-size:clamp(2.6rem,6vw,5rem);letter-spacing:.01em}.js [data-reveal]{opacity:0;translate:0 40px;transition:opacity .9s var(--ease-out),translate .9s var(--ease-out),scale 1.1s var(--ease-out);transition-delay:var(--delay, 0ms)}.js [data-reveal=zoom]{translate:0 0;scale:.8}.js [data-reveal].is-visible{opacity:1;translate:0 0;scale:1}.about{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(2rem,6vw,6rem);padding-block:clamp(4rem,9vw,8rem);padding-inline:max(clamp(1.25rem,5vw,4rem),calc((100% - 1180px)/2));color:var(--navy);background:var(--cream)}.about h2{color:var(--blue-2);margin-bottom:1.5rem;font-size:clamp(2.4rem,4.8vw,4.2rem);line-height:1.02}.about p:not(.eyebrow){max-width:36rem;font-size:1.125rem;color:#0a1651d9}.about strong{color:var(--navy)}.hl{color:var(--navy);background:linear-gradient(var(--blue-2),var(--blue-2)) 0 92% / 0% .12em no-repeat;transition:background-size 1s var(--ease-out) .5s}.is-visible .hl{background-size:100% .12em}.about__ctas{margin-top:2rem}.about__badge{position:relative;display:grid;place-items:center;max-width:440px;width:100%;justify-self:center}.about__badge img{position:relative;width:100%;height:auto;filter:drop-shadow(0 30px 40px rgb(10 22 81 / .35));animation:float 6s ease-in-out infinite}.about__rays{position:absolute;inset:-22%;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgb(40 80 240 / .14) 0 8deg,transparent 8deg 18deg);-webkit-mask-image:radial-gradient(circle,#000 25%,transparent 68%);mask-image:radial-gradient(circle,#000 25%,transparent 68%);animation:spin 50s linear infinite}.redes{position:relative;padding:clamp(5rem,10vw,8rem) clamp(1.25rem,5vw,4rem);background:radial-gradient(ellipse 80% 60% at 50% 0%,rgb(40 80 240 / .35),transparent 70%),linear-gradient(180deg,var(--navy),var(--navy-2))}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2.5vw,2rem);max-width:1180px;margin:0 auto;perspective:1000px}.card{--rx: 0deg;--ry: 0deg;--px: 50%;--py: 50%;--accent: var(--cream);position:relative;display:flex;flex-direction:column;gap:.35rem;padding:clamp(1.6rem,3vw,2.4rem);border-radius:var(--radius);background:linear-gradient(160deg,#ffffff12,#ffffff05);box-shadow:inset 0 0 0 1px #f3e8ce24,0 30px 60px -30px #0009;overflow:hidden;transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:opacity .9s var(--ease-out),translate .9s var(--ease-out),transform .4s var(--ease-out),box-shadow .4s;transition-delay:var(--delay, 0ms),var(--delay, 0ms),0ms,0ms}.card:hover{box-shadow:inset 0 0 0 2px var(--accent),0 40px 70px -30px #000000b3}.card__shine{position:absolute;inset:0;background:radial-gradient(circle at var(--px) var(--py),rgb(243 232 206 / .18),transparent 50%);opacity:0;transition:opacity .3s;pointer-events:none}.card:hover .card__shine{opacity:1}.card__icon{display:grid;place-items:center;width:3.6rem;height:3.6rem;margin-bottom:1.2rem;border-radius:18px;background:var(--accent);color:#fff;transition:transform .5s var(--ease-back),rotate .5s var(--ease-back)}.card__icon .icon{width:1.8rem;height:1.8rem}.card:hover .card__icon{transform:scale(1.1);rotate:-8deg}.card__label{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.4rem);letter-spacing:.03em;text-transform:uppercase;line-height:1.05}.card__handle{font-weight:800;color:var(--lilac);overflow-wrap:anywhere}.card__text{margin-top:.6rem;color:#f3e8cebf;font-size:1rem}.card__go{display:inline-flex;align-items:center;gap:.5rem;margin-top:auto;padding-top:1.6rem;font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase}.card__go .icon{transition:translate .35s var(--ease-back)}.card:hover .card__go .icon{translate:6px 0}.card--yt{--accent: #ff0033}.card--ig{--accent: #e1306c}.card--ig .card__icon{background:radial-gradient(circle at 30% 107%,#fdf497 0% 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}.card--mail{--accent: var(--blue-2)}.contacto{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(5rem,11vw,9rem) clamp(1.25rem,5vw,4rem);background:linear-gradient(180deg,var(--navy-2),var(--blue-3))}.contacto .beam{animation-name:none,sway;opacity:1}.contacto__sub{margin-top:1rem;font-size:1.15rem;color:#f3e8cecc}.contacto__mail{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem;margin-top:2.5rem}.contacto__link{display:inline-flex;align-items:center;gap:.8rem;padding:.9rem 1.8rem;border-radius:999px;background:var(--cream);color:var(--navy);font-family:var(--font-display);font-size:clamp(1rem,4.4vw,2.2rem);letter-spacing:.03em;white-space:nowrap;max-width:100%;box-shadow:0 18px 50px -18px #f3e8ceb3;transition:transform .35s var(--ease-back),box-shadow .35s}.contacto__link:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 26px 60px -18px #f3e8cee6}.copy{position:relative;display:inline-grid;padding:.85rem 1.3rem;border:0;border-radius:999px;background:#0a165166;color:var(--cream);box-shadow:inset 0 0 0 2px #f3e8ce80;font:800 .85rem/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background-color .25s,box-shadow .25s}.copy:hover{background:#0a1651b3;box-shadow:inset 0 0 0 2px var(--cream)}.copy>span{grid-area:1 / 1;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:opacity .25s,translate .35s var(--ease-back)}.copy__done{opacity:0;translate:0 8px}.copy.is-done .copy__idle{opacity:0;translate:0 -8px}.copy.is-done .copy__done{opacity:1;translate:0 0}.footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem 2rem;padding:2.5rem clamp(1.25rem,5vw,4rem);background:var(--navy);border-top:1px solid rgb(243 232 206 / .1);font-size:.95rem}.footer__brand{display:flex;align-items:center;gap:.8rem}.footer__brand strong{display:block;font-family:var(--font-display);font-weight:400;font-size:1.25rem;letter-spacing:.05em;text-transform:uppercase;line-height:1.1}.footer__brand span{font-size:.85rem;color:var(--lilac)}.footer__mic{height:2.8rem;width:auto}.footer__links{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem}.footer__links a{display:inline-flex;align-items:center;gap:.45rem;color:#f3e8cecc;transition:color .2s}.footer__links a:hover{color:var(--cream)}.footer__copy{width:100%;font-size:.85rem;color:#f3e8ce80}@media(max-width:960px){.cards{grid-template-columns:1fr;max-width:560px}.about{grid-template-columns:1fr;text-align:center}.about p:not(.eyebrow){margin-inline:auto}.about__badge{max-width:340px}}@media(max-width:800px){.hero{padding-top:6rem}.hero__content{grid-template-columns:1fr;justify-items:center;text-align:center;gap:1.5rem}.hero__tribunas,.hero__ctas{justify-content:center}.hero__palco{top:14%;width:110px}.hero__palco--left{left:-20px}.hero__palco--right{right:-20px}.hero__tagline{letter-spacing:.2em}.nav__brand span{display:none}}@media(max-width:460px){.btn{width:100%;justify-content:center}.nav__links .nav__cta{display:none}}@keyframes twinkle{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:.95;transform:scale(1.2)}}@keyframes shoot{0%{opacity:0;transform:translate(0)}2%{opacity:1}9%{opacity:0;transform:translate(-60vw)}to{opacity:0;transform:translate(-60vw)}}@keyframes lightsOn{0%{opacity:0}8%{opacity:.7}14%{opacity:.05}24%{opacity:.9}30%{opacity:.3}40%,to{opacity:1}}@keyframes sway{0%{transform:rotate(calc(var(--a, 4deg) * -1))}to{transform:rotate(var(--a, 4deg))}}@keyframes pitch{0%{background-position:0 0}to{background-position:0 32px}}@keyframes palcoIn{0%{opacity:0;scale:.85}to{opacity:1;scale:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes micIn{0%{opacity:0;translate:0 -60px;scale:.6}to{opacity:1;translate:0 0;scale:1}}@keyframes micSwing{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes micBeam{0%,to{opacity:.18}50%{opacity:.42}}@keyframes windowBlink{0%,92%,to{opacity:1}94%{opacity:.55}}@keyframes glow{0%{opacity:.5;scale:.9}to{opacity:1;scale:1.1}}@keyframes ping{75%,to{transform:scale(2.6);opacity:0}}@keyframes charUp{0%{opacity:0;transform:translateY(.7em) rotate(10deg) scale(.8)}to{opacity:1;transform:none}}@keyframes spread{0%{opacity:0;letter-spacing:.9em;filter:blur(6px)}to{opacity:1;filter:blur(0)}}@keyframes pop{0%{opacity:0;transform:translateY(14px) scale(.7)}to{opacity:1;transform:none}}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:none}}@keyframes scrollDot{0%{opacity:0;transform:translateY(0)}30%{opacity:1}to{opacity:0;transform:translateY(14px)}}@keyframes marquee{to{transform:translate(-50%)}}@keyframes spin{to{rotate:360deg}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:.01ms!important}}@media(max-width:400px){.contacto__link{gap:.5rem;padding:.85rem 1.1rem}}
