:root{--fondo:#1a1c1e;--panel:#121416d1;--linea:#ffffff24;--texto:#eceae6;--suave:#a3a7ab;--acento:#c8a86e;--display:"Jost", "Futura", "Avenir Next", sans-serif;--mono:"IBM Plex Mono", ui-monospace, Menlo, monospace}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--fondo);height:100%;color:var(--texto);font:16px/1.4 var(--display);margin:0;overflow:hidden}#escena{touch-action:none;width:100vw;height:100vh;display:block;position:fixed;inset:0}.barra{z-index:3;padding:calc(18px + env(safe-area-inset-top,0px)) 28px 18px;background:linear-gradient(#00000073,#0000);flex-wrap:wrap;align-items:center;gap:16px;display:flex;position:fixed;top:0;left:0;right:0}.marca{font:600 1.5rem/1 var(--display);letter-spacing:.4em}.sub{font:400 .75rem/1 var(--mono);color:var(--suave)}.chip{font:500 .9rem/1 var(--display);cursor:pointer;border:1px solid var(--linea);color:var(--texto);background:#ffffff0f;border-radius:999px;padding:12px 18px}.semilla{font:400 .72rem/1 var(--mono);color:var(--suave)}.panel{z-index:3;background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--linea);border-radius:10px;flex-direction:column;gap:22px;width:360px;padding:22px;display:flex;position:fixed;top:84px;bottom:24px;right:24px;overflow-y:auto}.panel h2{font:500 .78rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--suave);margin:0 0 12px}.opciones{gap:8px;display:grid}.opciones.dos{grid-template-columns:repeat(3,1fr)}.opcion{text-align:left;cursor:pointer;min-height:56px;font:500 1rem/1.2 var(--display);color:var(--texto);border:1px solid var(--linea);background:#ffffff0d;border-radius:8px;padding:12px 16px}.opciones.dos .opcion{text-align:center;padding:12px 8px}.opcion.activa{border-color:var(--acento);background:#c8a86e29}.opcion small{font:400 .72rem/1.3 var(--mono);color:var(--suave);margin-top:2px;display:block}.muestras{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:10px;display:grid}.muestra{cursor:pointer;color:var(--texto);background:0 0;border:0;justify-items:center;gap:6px;padding:0;display:grid}.muestra i{width:64px;height:64px;box-shadow:inset 0 0 0 1px var(--linea);border:2px solid #0000;border-radius:8px}.muestra.activa i{border-color:var(--acento)}.muestra span{font:400 .72rem/1.2 var(--mono);text-align:center}.enlace{color:var(--acento);font:500 .9rem/1.3 var(--display);cursor:pointer;text-align:left;background:0 0;border:0;margin-top:12px;padding:6px 0}.finalizar{cursor:pointer;min-height:60px;font:600 1.05rem/1 var(--display);letter-spacing:.04em;background:var(--acento);color:#17150f;border:0;border-radius:8px;margin-top:auto}.finalizar:disabled{opacity:.4;cursor:not-allowed}.mando{z-index:3;gap:12px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(calc(-50% - 190px))}.grande{cursor:pointer;min-width:150px;min-height:68px;font:600 1.2rem/1 var(--display);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--linea);background:var(--panel);color:var(--texto);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px}.grande:active{background:var(--acento);color:#17150f}.modal{z-index:10;background:#0000008c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.caja{border:1px solid var(--linea);background:#202326;border-radius:12px;width:min(560px,100%);max-height:90vh;padding:26px;position:relative;overflow:auto}.caja.ancha{width:min(980px,100%)}.caja h3{font:500 1.4rem/1.2 var(--display);margin:0 0 12px}.caja pre{font:400 .8rem/1.5 var(--mono);background:#121416;border-radius:8px;max-height:50vh;margin:0;padding:14px;overflow:auto}.nota{color:var(--suave);margin:10px 0 0;font-size:.9rem}.x{color:var(--texto);cursor:pointer;background:0 0;border:0;font-size:1.8rem;position:absolute;top:10px;right:14px}.cal-fila{grid-template-columns:minmax(0,1.4fr) minmax(220px,1fr);gap:20px;margin-top:14px;display:grid}#cal-foto{cursor:crosshair;background:#111;border-radius:8px;width:100%;height:auto}.cal-lado{flex-direction:column;gap:14px;display:flex}.cal-lado label{font:400 .8rem/1.2 var(--mono);color:var(--suave);gap:6px;display:grid}.subir{cursor:pointer;border:1px dashed var(--linea);text-align:center;border-radius:8px;padding:12px;color:var(--texto)!important}.subir input{display:none}.comp{font:400 .8rem/1.2 var(--mono);color:var(--suave);justify-content:space-between;align-items:center;gap:10px;display:flex}.comp i{width:90px;height:40px;box-shadow:inset 0 0 0 1px var(--linea);background:#333;border-radius:6px}button:focus-visible,input:focus-visible{outline:2px solid var(--acento);outline-offset:2px}@media (width<=900px){.panel{gap:16px;width:auto;max-height:46vh;padding:16px;inset:auto 12px 12px}.mando{bottom:calc(46vh + 24px);left:12px;transform:none}.grande{min-width:110px;min-height:52px;font-size:1rem}.sub,.semilla{display:none}.cal-fila{grid-template-columns:1fr}}