@import"https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";html,body{min-height:100%;margin:0;overflow-x:hidden;width:100%;font-family:Inter,sans-serif}#root{min-height:100vh;width:100%}:root{--fondo-principal: #f7f0e7;--contraste: #01457c;--contraste2: #dfd8d0;--contraste3: #b2bbd8;--negro: #000;--blanco: #fff}.cambiocolor{--fondo-principal: #333646;--contraste: #FFC75F;--contraste2: #f3d58e;--negro: #000;--blanco: #FFF}body{background-color:var(--fondo-principal)}h1{color:#000}.pattern{width:100%;height:100vh;height:100dvh;background-image:url(/fondo.png);background-repeat:repeat;background-size:900px 900px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:fixed;top:0;left:0}.titulo-boda{font-size:2.9rem;font-weight:700;line-height:1.1;width:fit-content;margin-inline:auto;white-space:nowrap;text-shadow:0px 1px 1px rgba(0,0,0,.25);margin-bottom:2.1rem}@media(max-width:620px){.titulo-boda{width:fit-content;max-width:90vw;margin-inline:auto;font-size:clamp(1.5rem,7.5vw,2.9rem);text-align:center}}.password-wrapper{position:relative;text-align:start;max-width:400px;min-width:0;flex:1}.password-input{font-size:1rem;border-radius:8px;background-color:var(--contraste2);color:var(--contraste);border:1px solid rgba(0,0,0,.1);outline:none;width:100%;padding:12px;box-shadow:2px 2px 5px #00000026,-1px -1px 2px #ffffff80;box-sizing:border-box}.password-input:focus{border-color:var(--contraste);box-shadow:inset 2px 2px 5px #0000001a,0 0 5px #01457c4d}.password-toggle{position:absolute;top:55%;right:12px;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--contraste);padding:0}div.div-cuenta-atras{margin-inline:auto;box-sizing:border-box}.div-login{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px;flex:1;min-width:0}button:focus{outline:none}.boton-entrar{background:linear-gradient(145deg,var(--contraste),#003366);color:var(--fondo-principal);border:none;padding:.82rem 1rem;border-radius:8px;cursor:pointer;flex-shrink:0;box-shadow:0 4px 6px #0000004d,inset 0 1px #fff3;transition:all .1s ease;position:relative;top:0}.boton-entrar:active{transform:translateY(2px);box-shadow:0 1px 2px #0000004d,inset 0 1px #ffffff1a}.div-boton-entrar{display:flex;justify-content:center}.countdown-container{display:flex;flex-direction:column;align-items:center;width:100%;max-width:100vw;overflow-x:hidden}.turntable-wrapper{display:flex;justify-content:center;overflow:hidden;margin-top:20px;height:calc(390px * var(--scale-factor, 1))}.fundo{position:relative;height:350px;width:600px;top:-10px;margin:0 auto;transform:scale(var(--scale-factor, 1));transform-origin:top center}.mesa{position:absolute;width:440px;height:19rem;background:linear-gradient(145deg,var(--contraste),#003366);top:2.5rem;left:4.8rem;border:4px solid #383838;border-bottom-color:#1a1a1a;border-right-color:#1a1a1a;border-top-color:#383838;border-left-color:#383838;border-radius:12px;box-shadow:inset 2px 2px 5px #ffffff0d,inset -2px -2px 5px #000c,0 15px 35px #0009}.mesa:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' fill='%23f7f0e7' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");pointer-events:none;border-radius:8px}.botao{position:absolute;height:30px;width:30px;background:radial-gradient(circle at 30% 30%,#5e5e5e,#1f1f1f);border:2px solid #111;border-radius:50%;top:15rem;left:2.12rem;overflow:hidden;box-shadow:0 3px 5px #00000080,inset 0 1px 2px #fff3;cursor:pointer;transition:transform .1s,box-shadow .1s;z-index:10}.botao:active{transform:translateY(1px);box-shadow:0 1px 2px #00000080}.botao:after{position:absolute;height:6px;width:6px;background:#3a1111;content:"";top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;box-shadow:inset 0 1px 2px #00000080;transition:all .3s ease}.botao.active:after{background:#02ca2d;box-shadow:0 0 10px #02ca2d,inset 0 0 2px #ffffff80}.volume{position:absolute;height:100px;width:12px;background:#111;border-radius:6px;top:11rem;right:2.5rem;box-shadow:inset 1px 1px 3px #000c,0 1px #ffffff1a;border:1px solid #333}.volume:after{content:"";position:absolute;height:0%;width:1px;top:10%;left:50%;background:transparent;box-shadow:-4px 0 #333,4px 0 #333,-4px 10px #333,4px 10px #333,-4px 20px #333,4px 20px #333,-4px 30px #333,4px 30px #333,-4px 40px #333,4px 40px #333,-4px 50px #333,4px 50px #333,-4px 60px #333,4px 60px #333,-4px 70px #333,4px 70px #333;opacity:.5}.vol-btn{position:absolute;width:24px;height:14px;background:linear-gradient(to bottom,#d6d6d6,#888);border-radius:2px;top:20%;left:50%;transform:translate(-50%);box-shadow:0 2px 4px #00000080,inset 0 1px 2px #ffffffe6;cursor:grab;border:1px solid #555}.vol-btn:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#333;transform:translateY(-50%)}.disco{position:absolute;height:13.75rem;width:13.75rem;top:2.8rem;left:6.25rem;border-radius:50%;background:repeating-radial-gradient(#111 0 2px,#222 3px 4px);box-shadow:0 4px 10px #0009;animation:5s tocar linear infinite;display:flex;align-items:center;justify-content:center}.disco:after{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 40%,transparent 60%,rgba(255,255,255,.1) 100%);pointer-events:none}.disco img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:4px solid #111;box-shadow:0 0 0 1px #ffffff1a;z-index:2}.miolo{position:absolute;width:12px;height:12px;background:radial-gradient(circle at 30% 30%,silver,#505050);border-radius:50%;top:9.3rem;left:12.8rem;z-index:10;box-shadow:0 2px 3px #00000080;pointer-events:none}@keyframes tocar{to{transform:rotate(360deg)}}.cabo{position:absolute;height:45px;width:45px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#e6e6e6,#888);border:1px solid #666;top:10px;left:50%;transform:translate(-50%);box-shadow:0 5px 10px #00000080;z-index:5}.cabo:after{content:"";position:absolute;width:10px;height:10px;background:#333;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 1px 2px #00000080}.cabo-arm-segment-1{position:absolute;height:80px;width:8px;background:linear-gradient(90deg,#ccc,#eee,#999);top:35px;left:72px;border-radius:2px;box-shadow:1px 1px 3px #0000004d}.cabo-arm-segment-2{position:absolute;height:100px;width:8px;background:linear-gradient(90deg,#ccc,#eee,#999);top:113px;left:73px;transform:rotate(25deg);transform-origin:top right;border-radius:2px;box-shadow:1px 1px 3px #0000004d}.agulha{position:absolute;height:40px;width:22px;top:180px;left:25px;background:linear-gradient(45deg,#333,#000);border-radius:4px;transform:rotate(26deg);box-shadow:2px 5px 5px #0006;z-index:6}.agulha:before{content:"";position:absolute;height:6px;width:2px;background:#fff;bottom:-2px;left:50%;transform:translate(-50%);box-shadow:0 0 2px #fffc}.movimento{position:absolute;height:13.75rem;width:9.375rem;top:0;left:15.3rem;transform-origin:50% 35px;transition:transform 1s ease-in-out;transform:rotate(0)}.mesa.paused .movimento{transform:rotate(-25deg)}@keyframes pula{0%{transform:rotate(1deg)}50%{transform:rotate(-1deg)}to{transform:rotate(1deg)}}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:.6rem 2rem;box-sizing:border-box;box-shadow:-2px 0 5px #0006;background-color:var(--fondo-principal)}.logo{height:2rem;width:auto;object-fit:contain}.navbar-container{display:flex;justify-content:space-between;align-items:center;width:100%}.navbar-desktop{display:flex;gap:2rem;align-items:center}.nav-link{text-decoration:none;color:inherit;font-size:1rem;cursor:pointer;transition:color .3s;color:var(--contraste);font-weight:600}.nav-link:hover{opacity:.8}.nav-button{background:none;border:1px solid currentColor;border-radius:5px;padding:.5rem 1rem;cursor:pointer;font-size:1rem;color:var(--contraste);transition:all .3s;font-weight:600}.nav-button:hover{background:#ffffff1a}.navbar-mobile-icon{display:none;cursor:pointer;z-index:1002}.hamburger{width:30px;height:20px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.hamburger span{display:block;height:3px;width:100%;background-color:var(--contraste);border-radius:3px;transition:all .3s ease}.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(6px,7px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-6px)}.navbar-drawer{position:fixed;top:0;right:-100%;width:150px;height:100vh;background-color:var(--contraste2);box-shadow:2px 0 10px #00000080;transition:right .3s ease-in-out;z-index:900;display:flex;flex-direction:column;padding-top:80px;box-sizing:border-box}.navbar-drawer.open{right:0}.drawer-header{display:flex;justify-content:end;padding:0rem 2rem}.drawer-content{display:flex;flex-direction:column;align-items:center;gap:2rem;align-items:end}.drawer-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:800}@media(max-width:700px){.navbar-desktop{display:none}.navbar-mobile-icon{display:block}}.juegos-container{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:20px;max-width:1200px;margin:0 auto}.juegos-container div{display:flex;justify-content:center;align-items:center}.juegos-container img{max-width:100%;height:auto;border-radius:8px}@media(max-width:1024px){.juegos-container{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.juegos-container{grid-template-columns:1fr}}.wordstitle{width:330px;height:auto;border-radius:8px}.inputcuadro{width:50px;height:50px;margin:5px;border-radius:5px;font-size:20px;text-align:center;font-weight:700;color:#fff}.wordle-container{display:flex;justify-content:center;align-items:center;width:100%}.inputcuadro:focus{outline:none}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999}.modal-content{background-color:#fff;padding:30px;border-radius:10px;text-align:center;min-width:300px}.modal-content button{margin-top:20px;padding:10px 20px;cursor:pointer}