.puerta-kike{--tinta-fondo:#151112;--tinta-panel:#ffffff0a;--tinta-borde:#ffffff1a;--tinta-texto:#f4f0ec;--tinta-texto-2:#f4f0ec8c;--tinta-texto-3:#f4f0ec52;background:radial-gradient(ellipse 720px 420px at 50% 18%, #77121438, transparent 70%), var(--tinta-fondo);color:var(--tinta-texto)}.puerta-marca-agua{pointer-events:none;position:absolute;inset:0;overflow:hidden}.puerta-marca-agua:after{content:"";opacity:.05;filter:invert();background:url(/marca/isotipo-kike.svg) 50%/contain no-repeat;width:62vmin;height:62vmin;position:absolute;bottom:-18%;right:-12%}@keyframes puerta-revelar{0%{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}@keyframes puerta-subir{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.puerta-logo{animation:puerta-revelar .4s var(--ease) both}.puerta-tagline{animation:puerta-subir .35s var(--ease) .22s both}.puerta-saludo{animation:puerta-subir .35s var(--ease) .32s both}.puerta-tarjeta{animation:puerta-subir .3s var(--ease) both;animation-delay:calc(.38s + var(--orden,0) * 55ms)}.puerta-panel{animation:puerta-subir .3s var(--ease) both}.puerta-usuario{background:var(--tinta-panel);border:1px solid var(--tinta-borde);transition:border-color var(--fast) var(--ease), background-color var(--fast) var(--ease), box-shadow var(--base) var(--ease)}.puerta-usuario:hover{background:#ffffff12;border-color:#ac1014a6;box-shadow:0 8px 30px #ac101429}.puerta-usuario:active{background:#ffffff0d;border-color:#771214}.puerta-usuario:focus-visible{outline:none;box-shadow:0 0 0 2px #ac101499}@keyframes punto-encender{0%{opacity:.4;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.puerta-punto{border:1.5px solid var(--tinta-texto-3);width:14px;height:14px;transition:border-color var(--fast) var(--ease);border-radius:9999px}.puerta-punto[data-lleno=true]{animation:punto-encender .18s var(--spring);background:#ac1014;border-color:#0000;box-shadow:0 0 10px #ac10148c}.puerta-punto[data-error=true]{border-color:#e11d48}.puerta-punto[data-lleno=true][data-error=true]{background:#e11d48;box-shadow:0 0 10px #e11d4880}@keyframes puerta-sacudida{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(3px)}30%,50%,70%{transform:translate(-5px)}40%,60%{transform:translate(5px)}}.puerta-sacudida{animation:puerta-sacudida .4s var(--ease)}.puerta-entrada{border-radius:var(--radius-md);width:100%;color:var(--tinta-texto);text-align:center;transition:border-color var(--fast) var(--ease), box-shadow var(--fast) var(--ease);background:#ffffff0d;border:1px solid #ffffff1f;outline:none;padding:.85rem 1rem;font-size:15px}.puerta-entrada::placeholder{color:var(--tinta-texto-3)}.puerta-entrada:focus{border-color:#ac1014b3;box-shadow:0 0 0 3px #ac101438}.puerta-entrada:disabled{opacity:.5;cursor:not-allowed}.puerta-tecla{color:var(--tinta-texto);border-radius:var(--radius-md);transition:background-color var(--fast) var(--ease), border-color var(--fast) var(--ease);background:#ffffff0d;border:1px solid #ffffff17}.puerta-tecla:hover:not(:disabled){background:#ffffff1a}.puerta-tecla:active:not(:disabled){background:#ac101447;border-color:#ac101480}.puerta-tecla:disabled{opacity:.35;cursor:not-allowed}.puerta-tecla:focus-visible{outline:none;box-shadow:0 0 0 2px #ac10148c}