@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700;900&family=Oswald:wght@300;400;500;600;700&family=Great+Vibes&display=swap";:root{--bg-0: #02091c;--bg-1: #031537;--bg-2: #044a9f;--text: #f4f8ff;--muted: #c2cfe6;--accent: #37a6ff;--accent-soft: #69bcff;--gold: #f2d278;--panel: rgba(4, 17, 45, .26);--panel-border: rgba(130, 184, 255, .22);--glow: rgba(55, 166, 255, .45);--hero-name-size: clamp(3.5rem, 16vw, 9.6rem);--hero-name-scale: 1}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;color:var(--text);font-family:Montserrat,Segoe UI,sans-serif;background:radial-gradient(1200px 500px at 5% -10%,rgba(132,183,255,.34),transparent 60%),radial-gradient(800px 540px at 95% 110%,rgba(27,119,247,.26),transparent 60%),linear-gradient(170deg,var(--bg-0),var(--bg-1) 45%,#010714 100%);overflow:hidden}.invite{position:relative;width:100%;height:100%}.snap-root{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;scroll-behavior:smooth;position:relative;z-index:2}.panel{min-height:100svh;width:100%;scroll-snap-align:start;display:flex;align-items:center;justify-content:center;padding:5vh 4.5vw}.panel-inner{width:min(920px,100%);padding:clamp(1.1rem,2.8vw,2rem);border-radius:30px;border:1px solid var(--panel-border);background:linear-gradient(140deg,#06193fa6,#010a1b99);backdrop-filter:blur(2px);box-shadow:0 22px 58px #0000006b,inset 0 0 0 1px #ffffff0a}.hero-panel .panel-inner{border:0;background:transparent;box-shadow:none;padding-top:2vh;text-align:center}.text-center{text-align:center}.overline{margin:0 auto;display:inline-block;letter-spacing:.28em;padding-left:.28em;text-transform:uppercase;font-weight:400;font-size:clamp(.75rem,2.5vw,1.28rem);color:var(--muted)}.brand-row{margin:.9rem auto 1.2rem;display:flex;align-items:center;justify-content:center;gap:.95rem;width:fit-content}.spotify-logo-image{width:clamp(2.3rem,7.2vw,2.95rem);aspect-ratio:1;object-fit:contain;display:block;filter:drop-shadow(0 0 8px rgba(255,255,255,.18))}.brand-wave{display:inline-flex;align-items:flex-end;justify-content:center;gap:clamp(.22rem,.8vw,.42rem);height:clamp(1.1rem,3.5vw,1.9rem)}.brand-wave span{width:clamp(.17rem,.55vw,.3rem);height:var(--h, 35%);border-radius:999px;background:#fffffff5;box-shadow:0 0 8px #ffffff29}.brand-wave span:nth-child(1),.brand-wave span:nth-child(21){--h: 24%}.brand-wave span:nth-child(2),.brand-wave span:nth-child(20){--h: 34%}.brand-wave span:nth-child(3),.brand-wave span:nth-child(19){--h: 52%}.brand-wave span:nth-child(4),.brand-wave span:nth-child(18){--h: 70%}.brand-wave span:nth-child(5),.brand-wave span:nth-child(17){--h: 86%}.brand-wave span:nth-child(6),.brand-wave span:nth-child(16){--h: 100%}.brand-wave span:nth-child(7),.brand-wave span:nth-child(15){--h: 82%}.brand-wave span:nth-child(8),.brand-wave span:nth-child(14){--h: 64%}.brand-wave span:nth-child(9),.brand-wave span:nth-child(13){--h: 46%}.brand-wave span:nth-child(10),.brand-wave span:nth-child(12){--h: 36%}.brand-wave span:nth-child(11){--h: 28%}.brand-wave span{animation:waveformPulse 1.8s ease-in-out infinite}.brand-wave span:nth-child(odd){animation-delay:-.3s}.brand-wave span:nth-child(3n){animation-delay:-.6s}.brand-wave span:nth-child(4n){animation-delay:-.9s}.hero-title{margin:0;display:grid;gap:.25rem;text-align:center}.hero-kicker{font-family:Oswald,Arial Narrow,sans-serif;letter-spacing:.52em;text-indent:.52em;text-transform:uppercase;color:var(--accent-soft);font-size:clamp(1.2rem,5vw,3.4rem);font-weight:400}.hero-name{font-family:Oswald,Arial Narrow,sans-serif;font-size:calc(var(--hero-name-size) * var(--hero-name-scale));text-transform:uppercase;letter-spacing:.03em;line-height:.92;color:#f9fbff;text-shadow:0 0 0 #fff,0 0 16px rgba(210,225,255,.26),0 0 30px rgba(40,121,234,.22)}.hero-script{font-family:Great Vibes,Brush Script MT,cursive;font-size:clamp(2.6rem,12vw,7rem);color:#61bfff;line-height:.9;margin-top:-.1em;text-shadow:0 0 14px rgba(44,157,255,.7),0 0 28px rgba(44,157,255,.42)}.hero-sub{margin-top:.36rem;font-family:Oswald,Arial Narrow,sans-serif;letter-spacing:.5em;text-indent:.5em;text-transform:uppercase;font-size:clamp(1.1rem,4.4vw,2.8rem);color:#f0f6ff;font-weight:300}.player{margin:1.6rem auto 0;width:min(650px,100%)}.progress-wrap{margin-bottom:1rem}.progress-track{width:100%;height:8px;border-radius:999px;background:#b4cbf540;overflow:hidden}.progress-track span{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#2ca0ff,#61c5ff);box-shadow:0 0 12px var(--glow);transition:width .26s linear}.time-row{margin-top:.55rem;display:flex;justify-content:space-between;font-family:Oswald,Arial Narrow,sans-serif;letter-spacing:.13em;color:#dbe9ff;font-size:clamp(.88rem,2.8vw,1.16rem)}.controls-row{display:flex;align-items:center;justify-content:center;gap:clamp(.4rem,2vw,1.2rem)}.ghost-btn,.play-btn{appearance:none;border:0;color:#f8fcff;background:transparent;cursor:pointer}.ghost-btn{font-size:clamp(1.4rem,4.8vw,2.1rem);padding:.36rem .28rem;opacity:.9}.play-btn{position:relative;isolation:isolate;width:clamp(84px,24vw,146px);aspect-ratio:1;border-radius:50%;border:4px solid #3bb0ff;background:radial-gradient(circle at 30% 22%,#268aff66,#051e4699);color:#6ecbff;font-size:clamp(2rem,8vw,3rem);box-shadow:0 0 24px #3bb0ff59;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;animation:playPulse 2.2s ease-in-out infinite}.play-btn:after{content:"";position:absolute;inset:-9px;border-radius:50%;border:2px solid rgba(106,196,255,.7);opacity:0;animation:playRing 2.2s ease-out infinite;z-index:-1;pointer-events:none}.play-btn:active{transform:scale(.96)}.play-btn[aria-pressed=true]{box-shadow:0 0 34px #3bb0ff8c;filter:brightness(1.06)}.section-title{margin:0;font-family:Oswald,Arial Narrow,sans-serif;letter-spacing:.3em;text-indent:.3em;font-size:clamp(1.3rem,4vw,2.9rem);text-transform:uppercase;color:#f4f7ff}.section-subtitle{margin:2rem 0 1rem;font-family:Oswald,Arial Narrow,sans-serif;letter-spacing:.2em;text-indent:.2em;font-size:clamp(1rem,3.3vw,2rem);text-transform:uppercase}.top-gap{margin-top:2.6rem}.gold-name{margin:.26rem 0;font-family:Oswald,Arial Narrow,sans-serif;font-size:clamp(1.4rem,6vw,3.8rem);letter-spacing:.04em;color:var(--gold);text-transform:uppercase}.quote-overline{margin:0;font-family:Oswald,Arial Narrow,sans-serif;letter-spacing:.34em;text-indent:.34em;text-transform:uppercase;color:#f4f8ff;font-size:clamp(1rem,3.6vw,2.5rem)}.quote-script{margin:.2rem 0 1.2rem;font-family:Great Vibes,Brush Script MT,cursive;font-size:clamp(2.1rem,10vw,6rem);color:#4ab4ff;text-shadow:0 0 16px rgba(74,180,255,.52)}.quote-main{margin:0 auto;max-width:18ch;white-space:normal;word-break:normal;overflow-wrap:break-word;font-family:Oswald,Arial Narrow,sans-serif;letter-spacing:.11em;line-height:1.38;text-transform:uppercase;font-size:clamp(1.15rem,4.9vw,2.8rem)}.date-grid{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:clamp(.6rem,3vw,1.4rem);align-items:center}.date-side{display:grid;gap:.44rem;justify-items:center}.date-side strong{font-family:Oswald,Arial Narrow,sans-serif;letter-spacing:.18em;text-indent:.18em;text-transform:uppercase;font-size:clamp(1.5rem,6vw,3.2rem)}.date-main{font-family:Oswald,Arial Narrow,sans-serif;font-size:clamp(4.7rem,16vw,12.2rem);line-height:.9;color:var(--gold)}.date-line{width:100%;max-width:240px;height:4px;border-radius:999px;background:linear-gradient(90deg,transparent,#d6ac42 20%,#f0cc6d 80%,transparent)}.event-time{margin:1rem 0 .2rem;font-family:Oswald,Arial Narrow,sans-serif;font-size:clamp(2.3rem,10vw,6rem);letter-spacing:.08em}.event-year{margin:0;font-family:Oswald,Arial Narrow,sans-serif;letter-spacing:.3em;text-indent:.3em;color:#d4e3ff;font-size:clamp(1rem,3.8vw,2rem)}.countdown{margin-top:1.3rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.5rem,2vw,1rem)}.count-item{padding:.5rem .2rem;background:transparent;border:0}.count-item span{display:block;font-family:Oswald,Arial Narrow,sans-serif;font-size:clamp(2.3rem,10vw,5.3rem);letter-spacing:.04em;line-height:1}.count-item small{display:block;margin-top:.3rem;font-family:Oswald,Arial Narrow,sans-serif;letter-spacing:.18em;text-indent:.18em;font-size:clamp(.8rem,2.8vw,1.4rem)}.venue-text{margin:1rem auto 1.5rem;max-width:22ch;white-space:pre-line;font-family:Oswald,Arial Narrow,sans-serif;letter-spacing:.11em;line-height:1.34;text-transform:uppercase;font-size:clamp(1.25rem,5.2vw,2.7rem)}.dress-code{margin:1.1rem 0 0;font-family:Oswald,Arial Narrow,sans-serif;letter-spacing:.2em;text-indent:.2em;text-transform:uppercase;font-size:clamp(1.3rem,5.2vw,2.9rem);color:var(--gold)}.cta-btn{position:relative;overflow:hidden;display:inline-block;min-width:min(92vw,430px);border:2px solid rgba(85,183,255,.72);color:#f4faff;text-decoration:none;text-transform:uppercase;font-family:Oswald,Arial Narrow,sans-serif;letter-spacing:.2em;text-indent:.2em;font-size:clamp(1rem,3.7vw,1.9rem);padding:.72rem 1rem;background:linear-gradient(145deg,#06214a8c,#040d228c);transition:transform .17s ease,box-shadow .17s ease,filter .17s ease;animation:ctaBreath 1.9s ease-in-out infinite}.cta-btn:after{content:"";position:absolute;top:-120%;left:-24%;width:42%;height:340%;background:linear-gradient(100deg,transparent 0%,rgba(170,221,255,.28) 45%,rgba(255,255,255,.42) 52%,rgba(170,221,255,.18) 58%,transparent 100%);transform:rotate(18deg);animation:ctaShine 2.6s linear infinite;pointer-events:none}.cta-btn:active{transform:translateY(1px) scale(.99)}.cta-btn:hover{box-shadow:0 0 26px #55b7ff59,0 0 0 2px #91d3ff33 inset;filter:brightness(1.04)}.fx{position:fixed;inset:0;pointer-events:none;z-index:1}.fx-stars:before,.fx-stars:after{content:"";position:absolute;inset:-20%;background-image:radial-gradient(circle,rgba(255,219,120,.95) 0 1.6px,transparent 1.8px),radial-gradient(circle,rgba(129,192,255,.65) 0 1.1px,transparent 1.5px),radial-gradient(circle,rgba(255,244,196,.95) 0 1.2px,transparent 1.4px);background-size:160px 160px,120px 120px,210px 210px;animation:drift 62s linear infinite;opacity:.45}.fx-stars:after{animation-duration:85s;opacity:.22;transform:scale(1.2)}.fx-rings span{position:absolute;width:clamp(240px,30vw,390px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(89,155,255,.33);box-shadow:inset 0 0 80px #10469a33}.fx-rings span:nth-child(1){top:-8%;left:-14%}.fx-rings span:nth-child(2){top:-2%;left:-9%;transform:scale(.82)}.fx-rings span:nth-child(3){right:-12%;bottom:6%}.fx-rings span:nth-child(4){right:-7%;bottom:11%;transform:scale(.84)}.fx-balloons .balloon-left,.fx-balloons .balloon-right{position:absolute;bottom:-3vh;width:clamp(300px,52vw,760px);aspect-ratio:.57;background-size:contain;background-repeat:no-repeat;background-position:bottom;filter:drop-shadow(0 16px 22px rgba(0,0,0,.45))}.fx-balloons .balloon-left{left:-1.5vw;background-position:bottom left;background-image:url(/assets/fondo-globos-izquierda-AT5HZpVC.png)}.fx-balloons .balloon-right{right:-1.5vw;background-position:bottom right;background-image:url(/assets/fondo-globos-derecha-C2V0KIH7.png)}.fx-confetti{overflow:hidden}.fx-confetti .confetti-piece{position:absolute;top:-12vh;left:var(--x, 50%);width:var(--w, 8px);height:var(--h, 12px);opacity:var(--o, .8);border-radius:var(--r, 2px);background:linear-gradient(145deg,#fffccefa,#fad16afa 45%,#bf8318fa);box-shadow:0 0 8px #f5be4873;transform:translate3d(0,-12vh,0) rotate(0);animation:confetti-fall var(--fall, 13s) linear var(--delay, 0s) infinite,confetti-spin var(--spin, 2.8s) ease-in-out var(--delay, 0s) infinite;will-change:transform}.fx-confetti .confetti-piece.round{border-radius:999px}.reveal{opacity:0;transform:translateY(28px) scale(.98);transition:opacity .62s cubic-bezier(.2,.8,.2,1),transform .62s cubic-bezier(.2,.8,.2,1)}.reveal.in{opacity:1;transform:translateY(0) scale(1)}.loading .snap-root{opacity:0}.invite:not(.loading) .snap-root{opacity:1;transition:opacity .28s ease}@media(max-width:820px){.panel-inner{border-radius:24px}.quote-main{max-width:20ch}}@media(max-width:620px){.panel{padding:3.2vh 3.6vw}.panel-inner{padding:1rem}.section-subtitle{margin-top:1.4rem}.countdown,.date-grid{gap:.2rem}.date-line{height:3px}.fx-balloons .balloon-left,.fx-balloons .balloon-right{bottom:-1vh;width:clamp(300px,82vw,620px)}.fx-balloons .balloon-left{left:-3vw}.fx-balloons .balloon-right{right:-3vw}}@keyframes drift{0%{transform:translateZ(0)}to{transform:translate3d(120px,-110px,0)}}@keyframes confetti-fall{0%{transform:translate3d(0,-12vh,0) rotate(0)}to{transform:translate3d(var(--drift, 0px),118vh,0) rotate(720deg)}}@keyframes confetti-spin{0%{filter:brightness(1)}50%{filter:brightness(1.24)}to{filter:brightness(1)}}@keyframes waveformPulse{0%,to{transform:scaleY(.72);opacity:.88}50%{transform:scaleY(1);opacity:1}}@keyframes playPulse{0%,to{transform:scale(1);box-shadow:0 0 24px #3bb0ff59}50%{transform:scale(1.04);box-shadow:0 0 34px #3bb0ff8c}}@keyframes playRing{0%{opacity:0;transform:scale(.85)}25%{opacity:.8}to{opacity:0;transform:scale(1.2)}}@keyframes ctaBreath{0%,to{transform:translateY(0) scale(1);box-shadow:0 0 #55b7ff00}50%{transform:translateY(-1px) scale(1.012);box-shadow:0 0 22px #55b7ff47}}@keyframes ctaShine{0%{left:-35%}to{left:120%}}