:root{--fondo:#f6f4f1;--malla-1:#ffaa7859;--malla-2:#aaa0ff47;--superficie:#ffffffb3;--superficie-solida:#fff;--texto:#16151a;--texto-suave:#6b6873;--tinta:#16151a;--tinta-texto:#fff;--acento:#e8622c;--borde:#16151a17;--punto:#16151a12;--rojo-marco:#c8102e;--sombra-carta:0 1px 2px #16151a14, 0 12px 32px -8px #16151a38;--sombra-panel:0 1px 1px #16151a08, 0 20px 50px -24px #16151a2e;--titulos:"Bricolage Grotesque", Inter, system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--fondo:#0e0d12;--malla-1:#e8622c33;--malla-2:#6e5aff2e;--superficie:#ffffff0b;--superficie-solida:#1a1920;--texto:#f3f1ee;--texto-suave:#a29fa9;--tinta:#f3f1ee;--tinta-texto:#0e0d12;--acento:#ff7d47;--borde:#ffffff17;--punto:#ffffff0f;--sombra-carta:0 1px 2px #0006, 0 16px 40px -8px #0009;--sombra-panel:0 20px 50px -24px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:radial-gradient(60rem 40rem at -10% -10%, var(--malla-1), transparent 60%), radial-gradient(50rem 36rem at 110% 0%, var(--malla-2), transparent 60%), var(--fondo);min-height:100vh;color:var(--texto);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0;font-family:Inter,system-ui,sans-serif;line-height:1.55}button{font:inherit;color:inherit}a.boton{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--acento);outline-offset:3px}.cabecera{z-index:10;background:color-mix(in srgb, var(--fondo) 72%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.4);border-bottom:1px solid var(--borde);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px max(16px,50% - 520px);display:flex;position:sticky;top:0}.marca{font-family:var(--titulos);letter-spacing:-.02em;align-items:center;gap:10px;margin:0;font-size:1.2rem;font-weight:700;display:flex}.logo{color:#fff;letter-spacing:0;background:linear-gradient(135deg,#ff8a4c,#d9481c);border-radius:10px;place-items:center;width:34px;height:34px;font-size:.8rem;display:grid;box-shadow:0 6px 16px -6px #e8622cb3,inset 0 1px #ffffff4d}.pestanas{background:var(--superficie);border:1px solid var(--borde);border-radius:14px;gap:2px;padding:4px;display:flex}.pestanas button{cursor:pointer;color:var(--texto-suave);background:0 0;border:0;border-radius:10px;padding:7px 14px;font-size:.92rem;font-weight:500;transition:background .2s,color .2s}.pestanas button:hover{color:var(--texto)}.pestanas button.activa{background:var(--tinta);color:var(--tinta-texto);box-shadow:0 4px 12px -4px #00000059}main{max-width:1040px;margin:0 auto;padding:36px 16px 80px}.intro{text-align:center;max-width:600px;margin:0 auto 28px}.etiqueta{border:1px solid var(--borde);background:var(--superficie);color:var(--texto-suave);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;margin-bottom:14px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.etiqueta:before{content:"";background:var(--acento);width:6px;height:6px;box-shadow:0 0 0 3px color-mix(in srgb, var(--acento) 25%, transparent);border-radius:50%}.intro h2{font-family:var(--titulos);letter-spacing:-.03em;text-wrap:balance;margin:0 0 8px;font-size:clamp(1.8rem,5vw,2.7rem);font-weight:700;line-height:1.08}.intro p{color:var(--texto-suave);text-wrap:pretty;margin:0}@keyframes subir{0%{opacity:0;transform:translateY(8px)}}.entrando>*{animation:.45s ease-out backwards subir}.entrando>:nth-child(2){animation-delay:60ms}.entrando>:nth-child(3){animation-delay:.12s}.acciones{flex-wrap:wrap;justify-content:center;gap:10px;margin:28px 0 0;display:flex}.boton{border:1px solid var(--borde);background:var(--superficie-solida);cursor:pointer;border-radius:12px;align-items:center;gap:8px;height:44px;padding:0 18px;font-size:.95rem;font-weight:500;transition:transform .15s,box-shadow .2s,border-color .2s,opacity .2s;display:inline-flex}.boton:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px -10px #0000004d}.boton:active:not(:disabled){transform:translateY(0)}.boton.primario{background:var(--tinta);border-color:var(--tinta);color:var(--tinta-texto)}.boton:disabled{opacity:.35;cursor:default}.icono{display:inline-flex}.icono svg{width:18px;height:18px}.tapete{border:1px solid var(--borde);background:radial-gradient(ellipse at 50% 40%, color-mix(in srgb, var(--acento) 10%, transparent), transparent 65%), radial-gradient(var(--punto) 1px, transparent 1px) 0 0 / 18px 18px, var(--superficie);box-shadow:var(--sombra-panel);border-radius:28px;padding:clamp(28px,5vw,48px) clamp(12px,3vw,32px) clamp(24px,4vw,36px);position:relative}.mesa{--ancho-palabra:min(290px, 42vw);min-height:calc(var(--ancho-palabra) * 1.28);justify-content:center;align-items:center;gap:clamp(16px,5vw,56px);display:flex}.ranura{flex-direction:column;align-items:center;gap:14px;display:flex}.ranura small{color:var(--texto-suave);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:600}.carta{perspective:1200px;cursor:pointer;background:0 0;border:0;border-radius:6%/4.5%;padding:0}.carta.imagen{width:calc(var(--ancho-palabra) * 63 / 90);aspect-ratio:63/88}.carta.palabra{width:var(--ancho-palabra);aspect-ratio:90/115}.carta:disabled{cursor:default}.carta-giro{width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.8,.2,1);position:relative}.carta.revelada .carta-giro{transform:rotateY(180deg)}.cara{backface-visibility:hidden;box-shadow:var(--sombra-carta);background:#fff;border-radius:6%/4.5%;position:absolute;inset:0;overflow:hidden}.cara.frente{transform:rotateY(180deg)}.cara img{object-fit:cover;width:100%;height:100%;display:block}.cara.reverso:after{content:"";background:linear-gradient(120deg,#0000 30%,#ffffff59 50%,#0000 70%);transition:transform .8s;position:absolute;inset:0;transform:translate(-100%)}.carta:not(:disabled):not(.revelada):hover .carta-giro{transform:translateY(-6px)rotate(-1deg)}.carta:not(:disabled):not(.revelada):hover .cara.reverso:after{transform:translate(100%)}.carta-palabra{color:#111;background:#fff;position:absolute;inset:0;container-type:inline-size}.carta-palabra .marco{border:max(1.5px, .45cqw) solid var(--rojo-marco);position:absolute;inset:11% 13.5%;overflow:hidden}.carta-palabra .marco img{object-fit:cover;width:100%;height:100%;display:block}.carta-palabra .p{white-space:nowrap;text-transform:uppercase;letter-spacing:.01em;font-family:Roboto Condensed,Arial Narrow,sans-serif;font-weight:700;line-height:1;font-size:min(8.5cqw, calc(118cqw / var(--largo,6)));position:absolute;top:50%;left:50%}.carta-palabra .p-arriba{top:5.6%;transform:translate(-50%,-50%)}.carta-palabra .p-abajo{top:94.4%;transform:translate(-50%,-50%)rotate(180deg)}.carta-palabra .p-izq{left:6.75%;transform:translate(-50%,-50%)rotate(-90deg)}.carta-palabra .p-der{left:93.25%;transform:translate(-50%,-50%)rotate(90deg)}.combinada{--ancho-palabra:min(330px, 68vw);min-height:calc(var(--ancho-palabra) * 1.3);place-items:center;display:grid}.combinada .girable{width:var(--ancho-palabra);aspect-ratio:90/115;box-shadow:var(--sombra-carta);border-radius:6%/4.5%;transition:transform .6s cubic-bezier(.2,.8,.2,1);animation:.5s ease-out aparecer;position:relative;overflow:hidden}@keyframes aparecer{0%{opacity:0;transform:scale(.94)}}.palabra-libre{flex-direction:column;align-items:center;gap:8px;margin-top:20px;display:flex}.palabra-libre label{color:var(--texto-suave);font-size:.9rem}.palabra-libre input,.nota textarea{font:inherit;color:var(--texto);background:var(--superficie-solida);border:1px solid var(--borde);border-radius:12px;padding:10px 14px;transition:border-color .2s,box-shadow .2s}.palabra-libre input:focus,.nota textarea:focus{border-color:var(--acento);box-shadow:0 0 0 4px color-mix(in srgb, var(--acento) 18%, transparent);outline:none}.palabra-libre input{text-align:center;width:min(260px,100%)}.nota{border:1px solid var(--borde);background:var(--superficie);max-width:640px;box-shadow:var(--sombra-panel);border-radius:24px;flex-direction:column;gap:8px;margin:24px auto 0;padding:clamp(20px,4vw,28px);display:flex}.nota label{font-family:var(--titulos);letter-spacing:-.02em;font-size:1.3rem;font-weight:700}.nota .ayuda{color:var(--texto-suave);margin:0 0 4px;font-size:.9rem}.nota textarea{resize:vertical;min-height:130px;line-height:1.55}.nota .acciones{justify-content:flex-start}.aviso{color:var(--acento);min-height:1.4em;margin:4px 0 0;font-size:.9rem;font-weight:500}.pasos{justify-content:center;gap:6px;margin:-12px 0 24px;display:flex}.pasos span{background:var(--borde);border-radius:4px;width:36px;height:4px;transition:background .3s}.pasos span.activo{background:var(--acento)}.abanico{border:1px solid var(--borde);background:radial-gradient(var(--punto) 1px, transparent 1px) 0 0 / 18px 18px, var(--superficie);max-width:880px;box-shadow:var(--sombra-panel);border-radius:28px;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:10px;margin:0 auto;padding:clamp(16px,3vw,28px);display:grid}.abanico button{cursor:pointer;background:0 0;border:0;border-radius:7px;padding:0;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s;overflow:hidden;box-shadow:0 2px 6px #00000029}.abanico button:hover,.abanico button:focus-visible{transform:translateY(-8px)rotate(-3deg)scale(1.06);box-shadow:0 14px 24px -8px #0006}.abanico img{width:100%;display:block}.abanico.imagenes img{aspect-ratio:63/88;object-fit:cover}.abanico.palabras img{aspect-ratio:90/115;object-fit:cover}.diario{gap:14px;max-width:720px;margin:0 auto;display:grid}.entrada{background:var(--superficie);border:1px solid var(--borde);box-shadow:var(--sombra-panel);border-radius:20px;grid-template-columns:104px 1fr;gap:20px;padding:18px;transition:transform .2s;display:grid}.entrada:hover{transform:translateY(-2px)}.entrada .mini-caja{align-self:start;place-items:center;display:grid}.entrada .mini{aspect-ratio:90/115;border-radius:6%/4.5%;width:100%;position:relative;overflow:hidden;box-shadow:0 6px 16px -6px #0000004d}.entrada h3{font-family:var(--titulos);letter-spacing:-.02em;margin:0;font-size:1.25rem;font-weight:700}.entrada time{color:var(--texto-suave);font-size:.82rem;display:block}.entrada p{white-space:pre-wrap;margin:10px 0 0}.entrada .borrar{border:1px solid var(--borde);color:var(--texto-suave);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;margin-top:12px;padding:4px 10px 4px 8px;font-size:.8rem;transition:color .2s,border-color .2s;display:inline-flex}.entrada .borrar:hover{color:#d33;border-color:currentColor}.entrada .borrar .icono svg{width:14px;height:14px}.vacio{text-align:center;max-width:480px;color:var(--texto-suave);border:1px dashed var(--borde);border-radius:20px;margin:0 auto;padding:40px 20px}body.sin-nav .pestanas{display:none}.panel{border:1px solid var(--borde);background:var(--superficie);box-shadow:var(--sombra-panel);border-radius:24px;padding:clamp(20px,4vw,28px)}.formulario{gap:22px;max-width:640px;margin:0 auto;display:grid}.campo{gap:8px;display:grid}.campo-etiqueta{letter-spacing:.08em;text-transform:uppercase;color:var(--texto-suave);font-size:.75rem;font-weight:600}.opciones{border:1px solid var(--borde);background:var(--superficie-solida);border-radius:14px;flex-wrap:wrap;gap:4px;padding:4px;display:flex}.opciones button{min-height:42px;color:var(--texto-suave);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:auto;padding:0 14px;font-weight:500;transition:background .2s,color .2s}.opciones button:hover{color:var(--texto)}.opciones button.activa{background:var(--tinta);color:var(--tinta-texto)}.resumen{background:color-mix(in srgb, var(--acento) 10%, transparent);color:var(--texto);border-radius:14px;margin:0;padding:14px 16px}.formulario .acciones{justify-content:flex-end;margin:0}.pildora{border:1px solid var(--borde);background:var(--superficie-solida);color:var(--texto-suave);border-radius:999px;align-items:center;gap:8px;padding:5px 12px;font-size:.82rem;font-weight:500;display:inline-flex}.pildora:before{content:"";background:#d4a017;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite latido}.pildora.conectada:before{background:#22a55b;animation:none;box-shadow:0 0 0 3px #22a55b33}.pildora.error:before{background:#d33;animation:none}@keyframes latido{50%{opacity:.3}}.invitacion{gap:10px;max-width:720px;margin:28px auto 0;display:grid}.invitacion-cabeza{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.invitacion h3{font-family:var(--titulos);letter-spacing:-.02em;margin:0;font-size:1.15rem}.invitacion .ayuda{color:var(--texto-suave);margin:0;font-size:.9rem}.enlace{flex-wrap:wrap;gap:8px;display:flex}.enlace input{border:1px solid var(--borde);background:var(--superficie-solida);min-width:0;height:44px;color:var(--texto-suave);font:inherit;border-radius:12px;flex:260px;padding:0 14px;font-size:.88rem}.enlace-botones{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.aviso-copia{color:var(--acento);min-height:1.3em;font-size:.88rem;font-weight:500}.tapete.espera{place-items:center;min-height:300px;display:grid}.mazos-espera{justify-content:center;align-items:center;gap:36px;padding:12px 0;display:flex}.pila{position:relative}.pila.imagen{aspect-ratio:63/88;width:96px}.pila.palabra{aspect-ratio:90/115;width:124px}.pila img{object-fit:cover;width:100%;height:100%;box-shadow:var(--sombra-carta);border-radius:8px;position:absolute;inset:0}.pila img:first-child{transform:rotate(-7deg)translate(-6px,4px)}.pila img:nth-child(2){transform:rotate(4deg)translate(5px,2px)}.pila img:nth-child(3){animation:3.2s ease-in-out infinite flotar}.pila.palabra img:nth-child(3){animation-delay:-1.6s}@keyframes flotar{50%{transform:translateY(-8px)}}.tapete.en-vivo{gap:28px;display:grid}.fila-vivo{justify-items:center;gap:12px;display:grid}.fila-vivo small{color:var(--texto-suave);letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:600}.ranuras-vivo{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.hueco{border:2px dashed var(--borde);border-radius:8px;position:relative}.hueco.imagen{aspect-ratio:63/88;width:clamp(64px,16vw,100px)}.hueco.palabra{aspect-ratio:90/115;width:clamp(84px,20vw,130px)}.hueco.lleno{box-shadow:var(--sombra-carta);background:#fff;border:0;animation:.4s ease-out aparecer;overflow:hidden}.hueco.lleno>img{object-fit:cover;width:100%;height:100%;display:block}.pares{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(20px,4vw,40px);display:flex}.par{justify-content:center;align-items:center;gap:clamp(10px,2vw,18px);display:flex}.carta.abrible.revelada,.carta-unida{cursor:zoom-in}.carta-unida{width:var(--ancho-palabra);aspect-ratio:90/115;box-shadow:var(--sombra-carta);border:0;border-radius:6%/4.5%;padding:0;transition:transform .2s;animation:.5s ease-out aparecer;position:relative;overflow:hidden}.carta-unida:hover{transform:translateY(-4px)}.lupa{z-index:100;-webkit-backdrop-filter:blur(8px);background:#0a0a0ec7;place-items:center;padding:16px;animation:.25s ease-out desvanecer;display:grid;position:fixed;inset:0}@keyframes desvanecer{0%{opacity:0}}.lupa-carta{background:#fff;border-radius:3%/2.2%;animation:.3s ease-out aparecer;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000080}.lupa-carta.imagen{aspect-ratio:63/88;width:min(92vw,61.5682vh)}.lupa-carta.palabra{aspect-ratio:90/115;width:min(92vw,67.3043vh)}.lupa-carta>img{object-fit:cover;width:100%;height:100%;display:block}.lupa-cerrar{color:#fff;cursor:pointer;background:#ffffff26;border:0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:fixed;top:16px;right:16px}.lupa-cerrar:hover{background:#ffffff40}.bienvenida{text-align:center;justify-items:center;gap:4px;max-width:560px;margin:0 auto;display:grid}.bienvenida p{color:var(--texto-suave);margin:0}.bienvenida .destacado{font-family:var(--titulos);letter-spacing:-.02em;color:var(--texto);margin:16px 0 4px;font-size:1.35rem;font-weight:700}.bienvenida .pildora{margin-top:16px}.bienvenida .acciones{margin-top:20px}.abanico button{scroll-margin:90px 0 110px;position:relative}.abanico button.elegida{outline:3px solid var(--acento);outline-offset:2px;transform:translateY(-6px)}.abanico.completa button:not(.elegida){opacity:.4}.marca-elegida{background:var(--acento);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:.8rem;font-weight:700;display:grid;position:absolute;top:6px;right:6px;box-shadow:0 2px 6px #0000004d}.marca-elegida:empty{display:none}.abanico.visibles.imagenes{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}.abanico.visibles.palabras{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}.cara-mini{background:#fff;position:relative}.abanico.imagenes .cara-mini{aspect-ratio:63/88}.abanico.palabras .cara-mini{aspect-ratio:90/115}.cara-mini>img{object-fit:cover;width:100%;height:100%;display:block}.bandeja{z-index:5;margin-top:20px;position:sticky;bottom:16px}.bandeja-interior{border:1px solid var(--borde);background:color-mix(in srgb, var(--superficie-solida) 88%, transparent);-webkit-backdrop-filter:blur(12px);border-radius:18px;justify-content:space-between;align-items:center;gap:12px;max-width:520px;margin:0 auto;padding:8px 8px 8px 20px;display:flex;box-shadow:0 16px 40px -12px #0000004d}.bandeja-texto{font-weight:600}.respaldo{text-align:center;max-width:520px;color:var(--texto-suave);justify-items:center;gap:10px;margin:28px auto 0;font-size:.9rem;display:grid}.respaldo p{margin:0}@media (width<=480px){.cabecera{justify-content:center}.entrada{grid-template-columns:76px 1fr;gap:14px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}