@import"https://fonts.googleapis.com/css2?family=Nova+Round&family=Style+Script&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.body-container{height:100vh;background-color:#000;display:grid;grid-template-columns:1fr;gap:1rem;grid-template-rows:.1fr 1fr;grid-template-areas:"portrait-hero" "main-content"}.body-container .portrait-hero{display:none}.body-container .portrait-hero .portrait-hero-img{max-width:100%;object-fit:cover;object-position:center;display:block}@media(min-width:1024px){.body-container{overflow:hidden;display:grid;grid-template-columns:.65fr .95fr;gap:0rem;grid-template-areas:"portrait-hero main-content"}.body-container .portrait-hero{height:100vh;display:inline;position:relative}.body-container .portrait-hero:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:70%;background:linear-gradient(to top,#000 0%,transparent 100%);pointer-events:none}.body-container .portrait-hero .phrase-desktop{position:absolute;bottom:7rem;left:0;width:100%;z-index:2;display:flex;flex-direction:column;align-items:center}.body-container .portrait-hero .phrase-desktop span{font-size:3rem;color:#c0aa69;font-family:Felix Titling,sans-serif;font-weight:bolder}.body-container .portrait-hero .phrase-desktop p{margin:0rem 1rem;text-align:center;color:#c0aa69;font-size:1.2rem;font-family:Nova Round,sans-serif;font-weight:bolder}}.main-content{width:100%;background-color:#000;display:grid;grid-template-columns:1fr;gap:1rem;grid-template-rows:auto 1.3fr .5fr .7fr 1fr .3fr .3fr .2fr auto auto .1fr auto;grid-template-areas:"header" "landing" "people" "reception" "lodging" "itinerary" "dresscode" "gift" "sn-viewer" "pass" "player" "footer"}@media(min-width:1024px){.main-content{flex:1;overflow-y:auto;gap:10%}}.top-header{grid-area:header;width:100%;min-width:0;align-self:start}.top-header .disco-sphere-top{width:100%;height:auto;display:block}.top-header .disco-sphere-desktop{display:none}@media(min-width:1024px){.top-header .disco-sphere-desktop{width:25%;height:auto;display:block}.top-header .disco-sphere-top{display:none}}.landing-container{grid-area:landing;background-color:#000;display:grid;grid-template-columns:1fr;grid-template-rows:.9fr .5fr .1fr .15fr auto;grid-template-areas:"title" "countdown" "confirm" "arrow" "host";grid-row-gap:1rem}.title-container{grid-area:title;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.title-container .title-event-logo{width:45%}.title-container .title-event{font-size:2.5rem;color:#c0aa69;font-family:Snell Roundhand,cursive;font-weight:200;font-weight:bolder;margin-top:1.5rem}.title-container .title-date{color:#898885;margin-top:.5rem}.countdown-container{grid-area:countdown;display:flex;width:100%;flex-direction:column;justify-content:center;align-items:center}.countdown-container .countdown{margin-top:1.5rem;font-size:2.2rem;color:#fff;letter-spacing:.15em;font-family:Tahoma,sans-serif;font-weight:bolder;background-color:#ffe0862b;border-radius:15px;padding:10px;display:inline-block;border:none}.countdown-container .labels-container{display:flex;justify-content:center;align-items:center;gap:2.5rem;margin-top:.5rem}.countdown-container .labels-container span{display:flex;justify-content:center;align-self:center;align-content:center;width:100%;font-family:Tahoma,sans-serif;font-weight:bolder;font-size:.5rem;color:#fff;background-color:#ffe0862b;border-radius:5px;padding:5px 10px;display:inline-block;border:none}.confirm-container{grid-area:confirm;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}@media(min-width:1024px){.confirm-container{margin-top:3%}}.arrow-move{grid-area:arrow;width:100%;display:flex;justify-content:center;align-items:center}.arrow-move__icon{display:flex;animation:move 2.1s infinite ease-in-out}.arrow-move__icon span{width:10px;height:30px;background:#898885;border-radius:5px;margin:3px}.arrow-move__icon span:nth-of-type(1){transform:rotate(-45deg)}.arrow-move__icon span:nth-of-type(2){transform:rotate(45deg)}@keyframes move{0%{transform:translateY(0)}50%{transform:translateY(15px)}to{transform:translateY(0)}}.button-confirm{position:relative;font-family:Tahoma,sans-serif;font-weight:bolder;font-size:1rem;padding:10px 22px;border-radius:12px;border:none;color:#fff;cursor:pointer;background-color:#ffe0862b;transition:all .2s ease}.button-confirm:active{transform:scale(.96)}.button-confirm:before,.button-confirm:after{position:absolute;content:"";width:150%;left:50%;height:100%;transform:translate(-50%);z-index:-1000;background-repeat:no-repeat}.button-confirm:hover:before{top:-70%;background-image:radial-gradient(circle,#a89215 20%,transparent 20%),radial-gradient(circle,transparent 20%,#13a5be 20%,transparent 30%),radial-gradient(circle,#a3b82d 20%,transparent 20%),radial-gradient(circle,#590cbe 20%,transparent 20%),radial-gradient(circle,transparent 10%,#bd1717 15%,transparent 20%),radial-gradient(circle,#2a7ce8 20%,transparent 20%),radial-gradient(circle,#30e82a 20%,transparent 20%),radial-gradient(circle,#e92c75 20%,transparent 20%),radial-gradient(circle,#914fe7 20%,transparent 20%);background-size:10% 10%,20% 20%,15% 15%,20% 20%,18% 18%,10% 10%,15% 15%,10% 10%,18% 18%;background-position:50% 120%;animation:greentopBubbles .8s ease}@keyframes greentopBubbles{0%{background-position:5% 90%,10% 90%,10% 90%,15% 90%,25% 90%,25% 90%,40% 90%,55% 90%,70% 90%}50%{background-position:0% 80%,0% 20%,10% 40%,20% 0%,30% 30%,22% 50%,50% 50%,65% 20%,90% 30%}to{background-position:0% 70%,0% 10%,10% 30%,20% -10%,30% 20%,22% 40%,50% 40%,65% 10%,90% 20%;background-size:0% 0%,0% 0%,0% 0%,0% 0%,0% 0%,0% 0%}}.button:hover:after{bottom:-70%;background-image:radial-gradient(circle,#ff93db 20%,transparent 20%),radial-gradient(circle,#2ae8df 20%,transparent 20%),radial-gradient(circle,transparent 10%,#71ffbd 15%,transparent 20%),radial-gradient(circle,#2a9ce8 20%,transparent 20%),radial-gradient(circle,#7814fc 20%,transparent 20%),radial-gradient(circle,#73e4f8 20%,transparent 20%),radial-gradient(circle,#f8d3a9 20%,transparent 20%);background-size:15% 15%,20% 20%,18% 18%,20% 20%,15% 15%,20% 20%,18% 18%;background-position:50% 0%;animation:greenbottomBubbles .6s ease}@keyframes greenbottomBubbles{0%{background-position:10% -10%,30% 10%,55% -10%,70% -10%,85% -10%,70% -10%,70% 0%}50%{background-position:0% 80%,20% 80%,45% 60%,60% 100%,75% 70%,95% 60%,105% 0%}to{background-position:0% 90%,20% 90%,45% 70%,60% 110%,75% 80%,95% 70%,110% 10%;background-size:0% 0%,0% 0%,0% 0%,0% 0%,0% 0%,0% 0%}}.host-profile{grid-area:host;display:flex;flex-direction:column;justify-content:center;align-items:center;align-self:center}.host-profile .host-profile-img{width:100%;object-fit:cover}.host-profile span{font-size:3rem;color:#c0aa69;font-family:Felix Titling,sans-serif;font-weight:bolder}.host-profile p{margin:0rem 1rem;text-align:center;color:#c0aa69;font-size:1.2rem;font-family:Nova Round,sans-serif;font-weight:bolder}@media(min-width:1024px){.host-profile{display:none}}.sn-viewer{grid-area:sn-viewer;margin:0% 10%;display:flex;flex-direction:column;align-items:center}.sn-viewer .subtitle{margin-bottom:0rem}.sn-viewer .sn-portrait-img{border-radius:1.5rem;max-width:100%;aspect-ratio:3/4;width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s cubic-bezier(.25,.46,.45,.94),opacity .25s ease}.sn-viewer .card-ig-container{background-color:#fff;border-radius:2rem;margin:2rem;padding:1rem;box-shadow:0 8px 32px #00000014;display:flex;flex-direction:column;align-items:center;justify-content:center}.sn-viewer .card-ig-container .profile-container{width:100%;margin:1rem;display:flex;align-items:center}.sn-viewer .card-ig-container .profile-container a{margin:0rem 0rem 0rem 1rem;text-align:center;color:#898885;font-size:1.2rem;font-family:Nova Round,sans-serif;font-weight:bolder}@media(min-width:1024px){.sn-viewer .card-ig-container{margin:10% 25%}}.player{grid-area:player}.footer{grid-area:footer;width:100%;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.footer .footer-img{max-width:100%;display:block}.footer p{margin:1rem 0rem;color:#898885;font-size:.8rem;font-family:Tahoma,sans-serif;font-weight:bolder}.top-decor{width:35%;object-fit:contain;margin-bottom:.5rem}@media(min-width:1024px){.top-decor{width:15%}}.special-people{grid-area:people;background-color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;align-self:center}.special-people p{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:1rem 0rem;font-family:Nova Round,sans-serif;color:#898885}.subtitle{color:#c0aa69;font-size:2.5rem;font-family:Snell Roundhand,cursive;font-weight:bolder;margin-top:0rem;margin-bottom:3rem}.third-title{color:#c0aa69;font-size:1.5rem;font-family:Snell Roundhand,cursive;font-weight:bolder;margin-top:0rem;margin-bottom:.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.subtitle-gray{color:#898885;font-size:1.2rem;font-family:Nova Round,sans-serif;font-weight:bolder;text-align:center}.reception{grid-area:reception;background-color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;align-self:center}.reception p{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin:1rem;font-family:Nova Round,sans-serif;color:#898885}.location-container{display:flex;justify-content:center;align-items:center;margin:1rem 0rem}.img-location{width:100%;object-fit:contain;margin-bottom:1rem}.button-location{font-family:Tahoma,sans-serif;font-weight:bolder;font-size:1rem;text-decoration:none;padding:10px 22px;border-radius:12px;border:none;color:#fff;cursor:pointer;background-color:#ffe0862b;transition:all .2s ease}.lodging{grid-area:lodging;background-color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;align-self:center}.lodging p{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin:1rem;font-family:Nova Round,sans-serif;color:#898885}.subtitle-addition-container{margin-bottom:3rem}.subtitle-addition-container h2{margin:0}.subtitle-addition-container span{display:flex;flex-direction:row-reverse;width:100%;font-family:Nova Round,sans-serif;margin-top:.5rem;margin-left:3rem;color:#898885}.itinerary{grid-area:itinerary;display:flex;flex-direction:column;justify-content:center;align-items:center}.itinerary .subtitle{margin-bottom:0}.dresscode{grid-area:dresscode;margin:0% 5%;display:flex;flex-direction:column;justify-content:center;align-items:center}.dresscode .subtitle{margin-bottom:0}.dresscode .third-title{margin:0rem}.dresscode .multiple-2-btn-container{margin:1.5rem 0rem .5rem}.dresscode p{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;margin:.7rem 0rem;font-family:Nova Round,sans-serif;color:#898885}.dresscode .dress-type-container{margin:0rem 0rem 1rem;display:flex;flex-direction:column;justify-content:center;align-items:center}@media(min-width:1024px){.dresscode{margin:0% 20%}.dresscode .top-decor{width:25%;margin:0}}.gift{grid-area:gift;display:flex;flex-direction:column;justify-content:center;align-items:center}.gift .gift-option-1-container{margin:2rem 0rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.gift .gift-icon{width:2rem;margin:1rem 0rem}.gift .gift-liverpool{width:35%;margin:1rem 0rem}.gift p{margin:0rem 1rem;text-align:center;color:#898885;font-size:1.2rem;font-family:Nova Round,sans-serif;font-weight:bolder}.pass-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.pass-container .subtitle{margin-bottom:0}.pass-details{grid-area:pass;background-color:#5c5b585e;border:#C0AA69 .5px solid;margin:3rem 2rem;padding:1rem;border-radius:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;align-self:center}.pass-details .nova{font-family:Nova Round,sans-serif;font-size:1.7rem;margin-bottom:0;color:#898885}.pass-details .p-golden{color:#c0aa69;font-family:Nova Round,sans-serif;margin:.3rem 0rem}.qr-container{background-color:#fff;padding:1rem;border-radius:1rem;margin:1rem 0rem;display:flex;flex-direction:column;align-items:center;text-align:center}.qr-container .passes-count{font-size:5rem;display:flex;flex-direction:column;align-items:center;text-align:center;font-family:Nova Round,sans-serif;color:#000}.pass-event-title-container{display:grid;grid-template-columns:auto 3fr auto;margin-top:1rem}.pass-event-title-container .right-decor,.pass-event-title-container .left-decor{width:3rem;align-items:center}.pass-event-title-container p{margin:0rem .5rem}.pass-event-details{font-family:Nova Round,sans-serif;margin-bottom:0;color:#898885;display:flex;flex-direction:column;align-items:center;text-align:center}.multiple-2-btn-container{margin:1rem 0rem}.multiple-2-btn-container .active-croquis{background-color:#ffe0862b;color:#fff}.multiple-2-btn-container .disable-croquis{background-color:#49412a2b;color:#898885}.banner-no-asignado{background-color:#e53e3e;margin-top:1rem;color:#fff;padding:10px 20px;border-radius:1rem;font-size:14px;animation:fadeOut .5s ease 2.5s forwards}@keyframes fadeOut{0%{opacity:1;max-height:60px}80%{opacity:0;max-height:60px}to{opacity:0;max-height:0;padding:0;margin:0}}.multiple-btn-left{font-family:Tahoma,sans-serif;font-weight:bolder;font-size:.7rem;text-decoration:none;padding:5px 22px;border-radius:12px 0 0 12px;border:none;color:#fff;cursor:pointer;background-color:#ffe0862b;transition:all .2s ease}.multiple-btn-right{font-family:Tahoma,sans-serif;font-weight:bolder;font-size:.7rem;text-decoration:none;padding:5px 22px;border-radius:0 12px 12px 0;border:none;cursor:pointer;color:#fff;background-color:#ffe0862b;transition:all .2s ease}.croquis{width:100%}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.App{background-image:url(/assets/pattern-bg-Bglpvq6Q.png);background-repeat:repeat;height:100vh;width:100vw;background-color:#f5f5f5;display:grid;grid-template-rows:1fr 10fr;grid-template-areas:"header" "main";align-items:center;justify-content:center}.header{grid-area:header;background-color:#fff;padding:5rem;box-shadow:0 8px 32px #00000014;text-align:center;font-size:1rem;color:#333;letter-spacing:.1em;margin:0;padding:0;border:0}.content{grid-area:main;background-color:#fff;border-radius:2rem;padding:5rem;box-shadow:0 8px 32px #00000014;display:flex;align-items:center;justify-content:center}.content .grid-container{width:80%;display:grid;grid-template-rows:auto auto auto 1fr 1fr;align-items:center;justify-items:center;gap:1.5rem}.content .grid-container .logo{width:100%;max-width:280px;object-fit:contain}.content .grid-container p{font-size:1rem;color:#555;letter-spacing:.1em}.logo{height:20em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em rgba(252,255,85,.6666666667))}.logo.react:hover{filter:drop-shadow(0 0 2em rgba(255,255,144,.6666666667))}.loader{width:60px;aspect-ratio:4;background:radial-gradient(circle closest-side,#000 90%,#0000) 0/33.3333333333% 100% space;clip-path:inset(0 100% 0 0);animation:l1 1s steps(4) infinite}@keyframes l1{to{clip-path:inset(0 -34% 0 0)}}