:root{--bg:#fff;--surf:#fafafa;--ink:#0b0b0c;--ink2:#63636b;--ink3:#8c8c94;--hair:#e8e8ea;--iris-1:#2ed3c6;--iris-2:#6d5bff;--iris-3:#ff6b9a;--iris-4:#ffc15e;--fondo-turquesa:#daf3f0;--fondo-violeta:#eeecff;--fondo-rosa:#ffe8f0;--fondo-ambar:#f8ecd9;--ease:cubic-bezier(.22,.9,.24,1);--radio-caja:14px;--radio-campo:10px;--radio-pill:999px;--sombra-flotante:0 8px 26px -14px #0b0b0c66;--sans:"Geist",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;--mono:"Geist Mono",ui-monospace,"SF Mono",Menlo,monospace}*{box-sizing:border-box}html,body{background:var(--bg)url(/empapelado.svg);color:var(--ink);font-family:var(--sans);margin:0;padding:0}main{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.titulo{text-align:center;letter-spacing:-.02em;margin:0;padding:1.1rem 1rem 0;font-size:clamp(1.35rem,3vw,1.9rem);font-weight:650}.titulo .marcada{white-space:nowrap;position:relative}.titulo .marcada svg{width:104%;height:.4em;position:absolute;bottom:-.28em;left:-2%}.escena{flex:1;justify-content:center;align-items:flex-end;min-height:0;display:flex;position:relative}.escena canvas,.escena img.pose{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.franja{background:var(--fondo-violeta);border:1px solid var(--hair);border-radius:var(--radio-caja);min-height:3.6rem;box-shadow:var(--sombra-flotante);justify-content:center;align-items:center;padding:.5rem 1rem;display:flex;position:absolute;bottom:.75rem;left:max(.75rem,4%);right:max(.75rem,4%)}.subtitulos{color:var(--ink);text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:1.05rem;line-height:1.4;display:-webkit-box;overflow:hidden}.subtitulos .vigente{font-weight:700}.subtitulos:empty:after{content:"…";color:var(--ink3)}.controles{flex-direction:column;align-items:center;gap:.55rem;width:min(26rem,92%);margin:0 auto;padding:.9rem 1.1rem 1rem;display:flex}.controles .linea{min-height:1.4rem;color:var(--ink2);margin:0;font-size:.95rem}.linea .puntos i{background:var(--iris-2);width:.3em;height:.3em;animation:respirar 1.2s infinite var(--ease);border-radius:50%;margin:0 .09em;display:inline-block}.linea .puntos i:nth-child(2){animation-delay:.15s}.linea .puntos i:nth-child(3){animation-delay:.3s}@keyframes respirar{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-.18em)}}.clave{border:1px solid var(--hair);border-radius:var(--radio-campo);font-size:1rem;font-family:var(--sans);text-align:center;background:var(--surf);color:var(--ink);width:100%;max-width:17rem;transition:border-color .15s var(--ease);padding:.6rem 1.1rem}.clave:focus{border-color:var(--iris-1);outline:none}.clave::placeholder{color:var(--ink3)}button.cta{background:var(--iris-1);color:#06201c;border-radius:var(--radio-pill);font-size:1.08rem;font-weight:700;font-family:var(--sans);cursor:pointer;box-shadow:var(--sombra-flotante);transition:transform .15s var(--ease),box-shadow .15s var(--ease);animation:llamar 2.6s infinite var(--ease);border:0;padding:.85rem 2.3rem}button.cta:hover{transform:translateY(-2px);box-shadow:0 20px 40px -26px #0b0b0c80}@keyframes llamar{0%,to{box-shadow:var(--sombra-flotante)}50%{box-shadow:0 8px 30px -10px #2ed3c6a6}}button.cortar{background:var(--surf);color:var(--ink2);border:1px solid var(--hair);border-radius:var(--radio-pill);font-size:.98rem;font-weight:600;font-family:var(--sans);cursor:pointer;padding:.65rem 1.7rem}.aviso{color:var(--ink3);text-align:center;max-width:34rem;margin:0;font-size:.72rem}.error{color:var(--error,#b3261e);margin:0;font-size:.9rem}.en-vivo{font-family:var(--mono);color:var(--ink2);align-items:center;gap:.45rem;font-size:.78rem;display:inline-flex}.en-vivo:before{content:"";background:var(--iris-3);width:.55em;height:.55em;animation:respirar 1.4s infinite var(--ease);border-radius:50%}@media (max-width:640px){.titulo{padding-top:.9rem}.franja{min-height:3.2rem;font-size:.95rem}.subtitulos{font-size:.95rem}}