@import url('https://api.fontshare.com/v2/css?f[]=switzer@400,500,600,700&f[]=stardom@400&display=swap');
:root{--blue:#b5cff3;--white:#fff;--font:'Switzer',Arial,sans-serif;--hand:'Stardom',cursive}
*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100%;overflow-x:hidden}body{display:grid;place-items:center;min-height:100svh;padding:8px;background:#3b3b3b;color:#fff;font-family:var(--font)}a{color:inherit;text-underline-offset:2px}button,input{font:inherit}a:focus-visible,input:focus-visible,button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.page{position:relative;isolation:isolate;container-type:size;width:min(calc(100vw - 16px),calc((100svh - 16px)*1.40625));aspect-ratio:2880/2048;overflow:hidden;box-shadow:0 0 22px rgba(0,0,0,.36)}.elevator-frame,.elevator,.overlay{position:absolute;inset:0;width:100%;height:100%}.elevator-frame{z-index:0}.elevator{display:block;object-fit:cover;object-position:center}.overlay{z-index:1;background:rgba(0,0,0,.28)}.postit,.status,.registration,.information,.contact{z-index:2}
.postit{position:absolute;top:25.7%;left:50%;width:19.8%;aspect-ratio:1;filter:drop-shadow(0 1.4cqw 1.8cqw rgba(0,0,0,.24));transform:translateX(-50%)}.postit-paper{width:100%;height:100%;object-fit:cover}.postit-detail{position:absolute;z-index:3;top:-21%;left:50%;width:42%;transform:translateX(-50%) rotate(-48.8deg);transform-origin:center}.postit-logo{position:absolute;z-index:2;top:23%;left:16%;width:68%;height:30%;object-fit:contain;object-position:center;image-rendering:auto}.postit strong{position:absolute;z-index:2;top:48%;left:0;width:100%;color:#101010;font-size:2.65cqw;font-weight:800;letter-spacing:.015em;line-height:1;text-align:center;text-transform:uppercase}
.status{position:absolute;top:59.2%;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:1.55cqw;font-weight:700;text-transform:uppercase}
.registration{position:absolute;top:68.7%;left:51%;width:33%;transform:translateX(-50%)}.registration h1{margin-bottom:1.1cqw;font-size:.68cqw;font-weight:500;letter-spacing:.015em;text-transform:uppercase}.registration form{position:relative}.email-label{position:absolute;z-index:1;top:.62cqw;left:1.1cqw;color:rgba(255,255,255,.88);font-size:.66cqw;text-transform:uppercase;pointer-events:none;transition:opacity .15s ease}.registration input[type="email"]{display:block;width:100%;height:2.45cqw;padding:0 8.5cqw 0 1.05cqw;border:1px solid rgba(255,255,255,.75);border-radius:2cqw;background:rgba(255,255,255,.03);color:#fff;font-size:.82cqw;outline:none}.registration input[type="email"]:focus+.email-label,.registration input[type="email"]:not(:placeholder-shown)+.email-label,.registration input[type="email"]:-webkit-autofill+.email-label{opacity:0}.registration button{position:absolute;top:.2cqw;right:.22cqw;height:2.05cqw;padding:0 1.35cqw;border:0;border-radius:1.4cqw;background:var(--blue);color:#23384f;font-size:.7cqw;font-weight:700;text-transform:uppercase;cursor:pointer}.privacy-check{display:flex;align-items:flex-start;gap:.5cqw;margin-top:.68cqw;color:rgba(255,255,255,.78);font-size:.5cqw;line-height:1.35;text-transform:uppercase}.privacy-check input{flex:none;width:.7cqw;height:.7cqw;accent-color:var(--blue)}.form-message{min-height:.8cqw;margin-top:.25cqw;color:var(--blue);font-size:.58cqw}
.information{position:absolute;right:6.5%;bottom:2.4%;display:grid;grid-template-columns:max-content minmax(0,1fr);column-gap:3.2cqw;row-gap:.7cqw;width:24%}.information div{display:contents}.information dt{font-size:.68cqw;font-weight:700;text-transform:uppercase}.information dd{font-size:.68cqw;line-height:1.3;text-transform:uppercase}.information a,.contact a{color:inherit;text-decoration:none;transition:color .2s ease,opacity .2s ease}.information a:hover,.contact a:hover{color:var(--blue)}.information a:focus-visible,.contact a:focus-visible{color:var(--blue)}.contact{position:absolute;left:52%;bottom:2.4%;display:grid;gap:.3cqw}.contact span{font-size:.68cqw;font-weight:700;text-transform:uppercase}.contact a{font-size:.68cqw;text-transform:uppercase}.information,.contact{text-shadow:0 1px 8px rgba(0,0,0,.55)}
.legal-notice-link{display:inline-block;margin-top:.35cqw;color:rgba(255,255,255,.55);font-size:clamp(9px,.48cqw,10px);letter-spacing:.05em;text-decoration:none;text-transform:uppercase;transition:color .2s ease}.legal-notice-link:hover,.legal-notice-link:focus-visible{color:var(--blue)}
@media(max-width:700px),(max-width:900px) and (orientation:portrait){body{padding:0;background:#191919}.page{width:100vw;min-height:100svh;aspect-ratio:auto;container-type:inline-size;box-shadow:none}.postit{top:13%;width:48%}.postit-logo{top:28%}.postit strong{font-size:6.2cqw}.status{top:49%;font-size:3cqw}.registration{top:58%;width:78%}.registration h1{margin-bottom:2.7cqw;font-size:1.65cqw}.email-label{top:2.1cqw;left:3cqw;font-size:1.55cqw}.registration input[type="email"]{height:7.3cqw;padding:0 24cqw 0 3cqw;border-radius:5cqw;font-size:2.6cqw}.registration button{top:.65cqw;right:.7cqw;height:6cqw;padding:0 4cqw;border-radius:4cqw;font-size:1.75cqw}.privacy-check{gap:1.5cqw;margin-top:2.2cqw;font-size:1.3cqw}.privacy-check input{width:2.2cqw;height:2.2cqw}.form-message{font-size:1.4cqw}.information{right:5%;bottom:10%;column-gap:5cqw;row-gap:1.4cqw;width:52%}.information dt,.information dd{font-size:1.45cqw}.contact{left:5%;bottom:3%;gap:.6cqw}.contact span,.contact a{font-size:1.5cqw}}

/* Tamaños mínimos para conservar la legibilidad en cualquier pantalla. */
.status{font-size:clamp(16px,1.55cqw,25px)}
.registration h1{font-size:clamp(10px,.72cqw,13px);line-height:1.35}
.email-label{font-size:clamp(10px,.66cqw,12px)}
.registration input[type="email"]{font-size:clamp(12px,.82cqw,15px)}
.registration button{font-size:clamp(10px,.7cqw,13px)}
.privacy-check{font-size:clamp(9px,.55cqw,11px)}
.form-message{font-size:clamp(10px,.58cqw,12px)}
.information dt,.information dd,.contact span,.contact a{font-size:clamp(10px,.72cqw,13px)}

@media(max-width:700px),(max-width:900px) and (orientation:portrait){.status{font-size:clamp(15px,4cqw,18px)}.registration{width:84%}.registration h1{margin-bottom:10px;font-size:clamp(10px,2.7cqw,12px)}.email-label{top:8px;left:12px;font-size:10px}.registration input[type="email"]{height:34px;padding:0 104px 0 12px;border-radius:18px;font-size:12px}.registration button{top:3px;right:3px;height:28px;padding:0 14px;border-radius:15px;font-size:10px}.privacy-check{gap:7px;margin-top:10px;font-size:9px;line-height:1.4}.privacy-check input{width:14px;height:14px}.form-message{font-size:10px}.information{width:56%;column-gap:16px;row-gap:6px}.information dt,.information dd,.contact span,.contact a{font-size:10px;line-height:1.35}.contact{max-width:44%}.contact a{overflow-wrap:anywhere}}

@media(max-height:600px) and (orientation:landscape){body{padding:0}.page{width:100vw;height:100svh;aspect-ratio:auto;box-shadow:none}.postit{top:8%;width:min(19%,190px)}.postit strong{font-size:clamp(18px,2.5cqw,30px)}.status{top:48%;font-size:clamp(14px,1.5cqw,20px)}.registration{top:58%;left:50%;width:min(42%,520px)}.information{right:3%;bottom:3%;width:29%;column-gap:18px}.contact{left:39%;bottom:3%}.information dt,.information dd,.contact span,.contact a{font-size:10px}}
@media(max-width:700px),(max-width:900px) and (orientation:portrait){.legal-notice-link{margin-top:6px;font-size:9px}.contact{bottom:5%}}