@import"https://fonts.googleapis.com/css2?family=Tangerine";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";.hero-center{min-height:100dvh;display:grid;place-items:center;padding:0 6vw;text-align:center;gap:clamp(20px,5vw,32px)}.count-ornament{position:relative;display:inline-block;padding:clamp(8px,1.8vw,16px) clamp(12px,2.4vw,24px);isolation:isolate;max-width:900px;width:min(96vw,900px)}.count-ornament:before{content:"";position:absolute;inset:0;background:url(/cdn/trueno2.gif) center/cover no-repeat;opacity:.35;filter:contrast(1.05) brightness(1.05);z-index:0;border-radius:12px}.time{position:relative;z-index:1;display:inline-flex;align-items:flex-end;gap:clamp(8px,2vw,18px);flex-wrap:nowrap}.group{display:flex;flex-direction:column;align-items:center;min-width:clamp(64px,12vw,160px)}.num{font-family:var(--font-display);font-size:var(--numSize);line-height:1;font-weight:800;letter-spacing:.02em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.sep{font-size:var(--numSize);font-weight:800;line-height:1;align-self:flex-end;transform:translateY(.02em)}.lbl{margin-top:clamp(6px,1.4vw,10px);font-size:clamp(10px,2.2vw,14px);opacity:.85;letter-spacing:.08em;text-transform:uppercase;font-weight:600}.stamp{margin-top:clamp(10px,2.2vw,14px);font-size:clamp(12px,2.2vw,14px);opacity:.85;position:relative;z-index:1}.arrived{font-size:clamp(28px,8vw,64px);font-weight:800}.message-card{margin-top:clamp(8px,3vw,18px);padding:clamp(14px,3vw,22px);border-radius:16px;background:linear-gradient(135deg,#ffffff0f,#ffffff08);border:1px solid rgba(255,255,255,.08);box-shadow:var(--textGlow);max-width:720px;width:min(90vw,720px);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.message-card.empty{opacity:.8;box-shadow:none}.message-label{font-family:var(--font-display);font-size:clamp(16px,3vw,20px);letter-spacing:.04em;margin-bottom:10px}.message-body{font-size:clamp(18px,3.5vw,22px);line-height:1.6;margin-bottom:6px}.message-from{font-size:clamp(14px,2.8vw,16px);opacity:.9;letter-spacing:.03em}.group:nth-of-type(1) .num{animation-delay:0ms}.group:nth-of-type(2) .num{animation-delay:.12s}.group:nth-of-type(3) .num{animation-delay:.24s}.group:nth-of-type(4) .num{animation-delay:.36s}.time .sep:nth-of-type(2){animation-delay:60ms}.time .sep:nth-of-type(4){animation-delay:.18s}.time .sep:nth-of-type(6){animation-delay:.3s}.group:nth-of-type(1) .lbl{animation-delay:80ms}.group:nth-of-type(2) .lbl{animation-delay:.2s}.group:nth-of-type(3) .lbl{animation-delay:.32s}.group:nth-of-type(4) .lbl{animation-delay:.44s}.stamp{animation-delay:.48s}@media(max-width:520px){.group{min-width:clamp(52px,20vw,100px)}.count-ornament{padding:clamp(6px,2vw,10px) clamp(8px,3vw,14px)}}@media(max-width:460px){.time{gap:6px;flex-wrap:wrap;justify-content:center}.group{min-width:clamp(46px,18vw,86px)}.num{font-size:clamp(32px,14vw,72px)}.sep{font-size:clamp(22px,10vw,36px)}.count-ornament{width:100%;padding:10px 12px}.stamp{font-size:12px}}.login-box{width:100%;max-width:420px;padding:1.75rem 1.5rem;border-radius:16px;box-shadow:0 18px 45px #0009;background:#111;color:#f5f5f5}.label{font-size:clamp(1rem,1.2rem,1.4rem);margin-bottom:.5rem;font-family:var(--font-display)}@media(min-width:768px){.login-box{max-width:480px;padding:2.25rem 2rem}.login-button{width:auto;min-width:140px}}.config-wrapper{padding:1.5rem 1rem;font-family:var(--font-body);background:#000}.config-box{padding:2rem 1.75rem;border-radius:1rem;box-shadow:0 18px 45px #0006;background:#0f0f0f;border:1px solid rgba(255,255,255,.06);color:#f5f5f5}.config-title{text-align:center;font-size:clamp(1.4rem,2.1vw,1.9rem);margin-bottom:1.5rem;font-family:var(--font-display)}.label{font-size:.95rem}.input,.textarea,.select select{font-size:.95rem;padding:.65rem .9rem;border-radius:.6rem;background:#0a0a0a;color:#f5f5f5}.access-list{list-style:none;padding-left:0;margin:0}.access-list li{padding:.3rem 0;font-size:.9rem}.access-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;background:#0a0a0a;padding:.4rem .6rem;border-radius:10px}.access-delete{padding:.1rem .65rem;border-radius:10px}@media(max-width:520px){.access-row{flex-direction:column;align-items:flex-start}.access-delete{width:100%;text-align:center}}.select select{font-size:1rem;line-height:1.3;padding:.75rem 1rem;height:auto;min-height:2.8rem;border-radius:.6rem}.select{width:100%}.select select option{padding:.6rem .5rem;font-size:1rem}@media(min-width:768px){.config-wrapper{padding:3rem 1.5rem}.config-box{padding:2.5rem 2.25rem;max-width:960px;margin:0 auto}}@media(max-width:600px){.config-wrapper{padding:1rem .75rem}.config-box{padding:1.5rem 1.25rem}}body{margin:0;background-color:#000;color:#f5f5f5;font-family:var(--font-body);font-size:16px}.login-wrapper{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:16px}.login-box{width:100%;max-width:440px;padding:1.85rem 1.5rem;border-radius:16px;box-shadow:0 18px 45px #0009;background:linear-gradient(135deg,#ffffff0d,#ffffff05);color:#f5f5f5;border:1px solid rgba(255,255,255,.06)}.field{margin-bottom:1.25rem}.label{font-size:clamp(1rem,1.2rem,1.4rem);margin-bottom:.5rem;font-family:var(--font-display);letter-spacing:.02em}.input{font-size:1rem;padding:.75rem 1rem;height:auto;border-radius:10px;background:#0b0b0b;color:#f5f5f5}.login-button{width:100%;font-size:1rem;padding:.75rem 1rem;border-radius:999px}.control-full{width:100%}@media(min-width:768px){.login-box{max-width:500px;padding:2.25rem 2rem}.login-button{width:auto;min-width:140px}}.trivia-box{width:100%;max-width:520px;padding:2rem 1.75rem;border-radius:16px;background:#111;box-shadow:0 18px 45px #0009}.trivia-header{display:flex;justify-content:flex-start;margin-bottom:.75rem}.trivia-back-name{font-size:.85rem;padding:.4rem .75rem}.trivia-title{font-size:clamp(1.4rem,2.1vw,1.9rem);margin-bottom:.25rem;text-align:center;font-family:var(--font-display)}.trivia-subtitle{text-align:center;margin-bottom:1.5rem;font-size:.95rem;opacity:.85}.trivia-progress{font-size:.9rem;margin-bottom:.75rem;text-align:right;opacity:.8}.trivia-question{font-size:clamp(1rem,4vw,1.1rem);margin-bottom:1.25rem;line-height:1.5}.trivia-options{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.5rem}.trivia-option{width:100%;text-align:left;border-radius:999px;font-size:clamp(.95rem,3.6vw,1rem);padding:.75rem 1rem;white-space:normal;word-break:break-word;line-height:1.45}.trivia-footer{display:flex;justify-content:flex-end}@media(max-width:480px){.trivia-box{padding:1.5rem 1.25rem}.trivia-options{gap:.5rem}}.loader-giratiempo{--bg-clr: #000000;--rotate-speed: 4s;width:80px;height:80px;filter:drop-shadow(0 0 5px black) drop-shadow(0 0 5px black)}.circle{width:100%;height:100%;position:absolute;border-radius:50%;box-sizing:border-box;border:3px solid white}#outer{z-index:100}#mid{transform:scale(.85);animation:mid var(--rotate-speed) linear infinite}#inner{background:linear-gradient(to bottom right,transparent 25%,rgba(255,255,255,.25) 40%,transparent 55%),radial-gradient(50% 100% at 75% 20%,var(--bg-clr) 5%,transparent 6%),radial-gradient(100% 50% at 75% 20%,var(--bg-clr) 5%,transparent 6%),radial-gradient(50% 100% at 85% 35%,var(--bg-clr) 5%,transparent 6%),radial-gradient(100% 50% at 85% 35%,var(--bg-clr) 5%,transparent 6%),radial-gradient(50% 100% at 75% 50%,var(--bg-clr) 5%,transparent 6%),radial-gradient(100% 50% at 75% 50%,var(--bg-clr) 5%,transparent 6%),radial-gradient(50% 100% at 90% 50%,var(--bg-clr) 5%,transparent 6%),radial-gradient(100% 50% at 90% 50%,var(--bg-clr) 5%,transparent 6%),radial-gradient(50% 100% at 85% 65%,var(--bg-clr) 5%,transparent 6%),radial-gradient(100% 50% at 85% 65%,var(--bg-clr) 5%,transparent 6%),radial-gradient(50% 100% at 75% 80%,var(--bg-clr) 5%,transparent 6%),radial-gradient(100% 50% at 75% 80%,var(--bg-clr) 5%,transparent 6%),radial-gradient(50% 100% at 25% 20%,var(--bg-clr) 5%,transparent 6%),radial-gradient(100% 50% at 25% 20%,var(--bg-clr) 5%,transparent 6%),radial-gradient(50% 100% at 15% 35%,var(--bg-clr) 5%,transparent 6%),radial-gradient(100% 50% at 15% 35%,var(--bg-clr) 5%,transparent 6%),radial-gradient(50% 100% at 25% 50%,var(--bg-clr) 5%,transparent 6%),radial-gradient(100% 50% at 25% 50%,var(--bg-clr) 5%,transparent 6%),radial-gradient(50% 100% at 10% 50%,var(--bg-clr) 5%,transparent 6%),radial-gradient(100% 50% at 10% 50%,var(--bg-clr) 5%,transparent 6%),radial-gradient(50% 100% at 15% 65%,var(--bg-clr) 5%,transparent 6%),radial-gradient(100% 50% at 15% 65%,var(--bg-clr) 5%,transparent 6%),radial-gradient(50% 100% at 25% 80%,var(--bg-clr) 5%,transparent 6%),radial-gradient(100% 50% at 25% 80%,var(--bg-clr) 5%,transparent 6%),radial-gradient(at 50% 50%,white 7%,transparent 8%),radial-gradient(circle at 50% 65%,white 15%,transparent 16%),radial-gradient(circle at 50% 35%,white 15%,transparent 16%),radial-gradient(at 50% 33%,var(--bg-clr) 25%,transparent 26%),radial-gradient(at 50% 66%,var(--bg-clr) 25%,transparent 26%),radial-gradient(circle at 50% 50%,#fff 50%,#fff);transform:scale(.7);animation:inner var(--rotate-speed) linear infinite}@keyframes mid{to{transform:scale(.85) rotateX(360deg)}}@keyframes inner{to{transform:scale(.7) rotateX(360deg) rotateY(360deg)}}.trivia-wrapper{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:16px;background:#000;color:#fff;font-family:var(--font-body)}.trivia-box{width:100%;max-width:520px;padding:2rem 1.75rem;border-radius:16px;background:#111;box-shadow:0 18px 45px #0009;color:#f5f5f5}.trivia-loader-wrapper{display:flex;align-items:center;justify-content:center;min-height:180px}.trivia-result-content{text-align:center}.trivia-result-title{font-size:1.3rem;margin-bottom:.75rem;font-family:var(--font-display);line-height:1.3}.trivia-result-house{font-size:1.8rem;margin-bottom:1.5rem;font-family:var(--font-display)}.trivia-result-actions{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap}@media(min-width:768px){.trivia-box{padding:2.5rem 2.1rem}}@media(max-width:480px){.trivia-box{padding:1.5rem 1.25rem}.trivia-result-title{font-size:1.1rem}.trivia-result-house{font-size:1.5rem}}.carta{width:100%;min-height:100vh;padding-bottom:4rem;margin:0 auto;opacity:1;transition:1.5s;background:url(https://img.freepik.com/foto-gratis/fondo-suelo-madera_53876-88628.jpg?semt=ais_hybrid&w=740&q=80);background-repeat:no-repeat;background-size:cover;background-position:center;overflow:hidden}.texto p{font-family:Tangerine,cursive;font-weight:600;font-style:normal;text-align:unset;color:#000;line-height:110%;font-size:25px;text-shadow:.5px .5px 1px rgba(0,0,0,.2),-.5px .5px 1px rgba(0,0,0,.15);animation:tinta-real 3s ease-out forwards;width:100%;max-width:720px;margin:0 auto 20px;font-size:clamp(18px,2.5vw,26px);padding-left:1rem;padding-right:1rem;font-size:clamp(25px,3vw,32px)}@keyframes tinta-real{0%{filter:blur(5px);opacity:0}70%{filter:blur(1px);opacity:1}to{filter:blur(0)}}.texto a{text-decoration:none;color:#000;font-weight:700}.texto button{display:block;text-align:center;background:transparent;border:2px solid #111;outline:2px solid #111;outline-offset:4px;padding:12px 24px;cursor:pointer;margin:auto}.sello{width:40vw;display:block;margin:0 auto 30px;max-width:60%;height:auto}a{background:none;display:contents}a:hover,a:active,a:focus{background:none}.columns{padding:0}.qr-box{text-align:center;margin:2rem auto}.qr-text{margin-top:.75rem;font-size:14px;font-style:italic}.newspaper{color:#000}.qr-box{background:#f7f1e1;padding:1.5rem;border:1px dashed #000;max-width:240px}:root{--font-display: "Playfair Display", "Times New Roman", serif;--font-body: "Space Grotesk", "Inter", system-ui, -apple-system, sans-serif;--numSize: clamp(36px, 10vw, 112px);--fadeDur: 1.5s;--textGlow: 0 12px 28px rgba(255, 255, 255, .18)}*{box-sizing:border-box}html,body{height:100%}html{background:#000}body{margin:0;background-color:#000!important;color:#f5f5f5;font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;letter-spacing:.01em}#app{min-height:100%;background:#000}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.25;letter-spacing:.015em}p{margin:0}.fade{opacity:0;filter:blur(8px);animation:cloudy-reveal var(--fadeDur) ease-out forwards}.fade.delay-1{animation-delay:80ms}.fade.delay-2{animation-delay:.16s}.fade.delay-3{animation-delay:.24s}.fade.delay-4{animation-delay:.32s}.fade.delay-5{animation-delay:.4s}.fade.delay-6{animation-delay:.52s}.fade.delay-7{animation-delay:.64s}.fade.delay-8{animation-delay:.76s}.fade.delay-9{animation-delay:.9s}@keyframes cloudy-reveal{0%{opacity:0;filter:blur(8px);transform:translateY(8px)}60%{opacity:.9;filter:blur(3px);transform:translateY(0)}to{opacity:1;filter:blur(0)}}@media(prefers-reduced-motion:reduce){.fade{animation:none;opacity:1;filter:none;transform:none}}@media(max-width:480px){:root{--numSize: clamp(28px, 14vw, 72px)}}