.puerta{grid-template-columns:1.08fr .92fr;min-height:100dvh;display:grid}.puerta .escena{color:#f5f0ea;background:linear-gradient(158deg,#251b31 0%,#1a1a2e 46%,#2e1d13 100%);flex-direction:column;padding:44px 44px 38px;display:flex;position:relative;overflow:hidden}.puerta .escena:before,.puerta .escena:after{content:"";filter:blur(60px);pointer-events:none;border-radius:50%;position:absolute}.puerta .escena:before{background:radial-gradient(circle,#d4621a8c,#0000 68%);width:520px;height:520px;animation:17s ease-in-out infinite deriva-a;top:-170px;right:-150px}.puerta .escena:after{background:radial-gradient(circle,#e2703652,#0000 70%);width:430px;height:430px;animation:21s ease-in-out infinite deriva-b;bottom:-140px;left:-120px}.puerta .rejilla{pointer-events:none;opacity:.5;background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:52px 52px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(90% 70% at 50% 40%,#000 20%,#0000 78%);mask-image:radial-gradient(90% 70% at 50% 40%,#000 20%,#0000 78%)}.puerta .escena>*{z-index:1;position:relative}.puerta .escena .marca{align-items:center;gap:11px;animation:.6s cubic-bezier(.2,.7,.3,1) 50ms both subir;display:flex}.puerta .escena .marca b{letter-spacing:.2em;color:#fff;font-size:19px;font-weight:800}.puerta .escena .marca span{letter-spacing:.04em;color:#f5f0ea8c;border-left:1px solid #ffffff29;padding-left:11px;font-size:12px}.puerta .escena .titular{letter-spacing:-.022em;color:#fff;text-transform:none;max-width:20ch;margin:auto 0 0;font-size:34px;font-weight:700;line-height:1.16;animation:.6s cubic-bezier(.2,.7,.3,1) .13s both subir;display:block}.puerta .escena .titular em{background:linear-gradient(94deg,#f0a26a,#d4621a);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.puerta .escena .bajada{color:#f5f0ea9e;max-width:34ch;margin:13px 0 0;font-size:14.5px;line-height:1.6;animation:.6s cubic-bezier(.2,.7,.3,1) .2s both subir}.puerta .charla{flex-direction:column;gap:9px;width:100%;max-width:400px;min-height:270px;margin:38px 0 0;display:flex}.puerta .burbuja{border-radius:14px;max-width:80%;padding:10px 13px 7px;font-size:13.5px;line-height:1.5;animation:.42s cubic-bezier(.18,.9,.3,1.08) both brotar}.puerta .burbuja.de-el{color:#f5f0eaeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff16;border:1px solid #ffffff1a;border-bottom-left-radius:5px;align-self:flex-start}.puerta .burbuja.de-mise{color:#fff;background:linear-gradient(148deg,#d4621af0,#ac4a12f0);border:1px solid #ffffff24;border-bottom-right-radius:5px;align-self:flex-end;box-shadow:0 6px 22px -8px #d4621abf}.puerta .burbuja .hora{text-align:right;letter-spacing:.02em;opacity:.55;margin-top:3px;font-size:10px;display:block}.puerta .tecleando{background:#d4621a8c;border:1px solid #ffffff1f;border-radius:14px 14px 5px;align-self:flex-end;gap:4px;padding:12px 14px;animation:.3s cubic-bezier(.18,.9,.3,1.08) both brotar;display:flex}.puerta .tecleando i{background:#fff;border-radius:50%;width:5px;height:5px;animation:1.25s infinite puntos}.puerta .tecleando i:nth-child(2){animation-delay:.16s}.puerta .tecleando i:nth-child(3){animation-delay:.32s}.puerta .pie{color:#f5f0ea80;align-items:center;gap:9px;margin:26px 0 auto;font-size:12px;animation:.6s cubic-bezier(.2,.7,.3,1) .3s both subir;display:flex}.puerta .pie .vivo{background:#5fbe8c;border-radius:50%;flex:none;width:7px;height:7px;animation:2.4s infinite latido;box-shadow:0 0 #5fbe8c99}.puerta .acceso{background:var(--ground);place-items:center;padding:32px;display:grid}.puerta form{width:100%;max-width:348px}.puerta .marca-chica{letter-spacing:.18em;color:var(--brand);margin-bottom:18px;font-size:15px;font-weight:800;display:none}.puerta form h1{letter-spacing:-.02em;margin:0;font-size:27px;line-height:1.2;animation:.55s cubic-bezier(.2,.7,.3,1) .1s both subir}.puerta form .intro{color:var(--ink-3);margin:7px 0 28px;font-size:13.5px;line-height:1.55;animation:.55s cubic-bezier(.2,.7,.3,1) .16s both subir}.puerta .campo{margin-bottom:15px;animation:.55s cubic-bezier(.2,.7,.3,1) both subir}.puerta .campo.a{animation-delay:.22s}.puerta .campo.b{animation-delay:.28s}.puerta .campo label{color:var(--ink-2);margin-bottom:7px;font-size:12px;font-weight:600;display:block}.puerta .caja{align-items:center;display:flex;position:relative}.puerta .caja>svg{color:var(--ink-3);pointer-events:none;transition:color .18s;position:absolute;left:13px}.puerta .caja input{border:1px solid var(--line);background:var(--card);width:100%;color:var(--ink);font:inherit;border-radius:11px;padding:12px 14px 12px 40px;font-size:15px;transition:border-color .18s,box-shadow .18s}.puerta .caja input::placeholder{color:var(--ink-3);opacity:.65}.puerta .caja input:focus{border-color:var(--brand);box-shadow:0 0 0 3.5px color-mix(in srgb,var(--brand) 17%,transparent);outline:none}.puerta .caja:focus-within>svg{color:var(--brand)}.puerta .caja.con-ojo input{padding-right:42px}.puerta .ojo{width:32px;height:32px;color:var(--ink-3);border-radius:8px;place-items:center;transition:color .15s,background .15s;display:grid;position:absolute;right:6px}.puerta .ojo:hover{color:var(--ink-2);background:var(--line-soft)}.puerta .mal{background:var(--bad-soft);color:var(--bad);border:1px solid color-mix(in srgb,var(--bad) 26%,transparent);border-radius:10px;align-items:center;gap:9px;margin:0 0 15px;padding:10px 13px;font-size:13px;line-height:1.45;animation:.42s cubic-bezier(.36,.07,.19,.97) both temblar;display:flex}.puerta .mal svg{flex:none}.puerta .entrar{background:var(--brand);width:100%;color:var(--brand-ink);box-shadow:0 8px 20px -10px color-mix(in srgb,var(--brand) 85%,transparent);border-radius:11px;justify-content:center;align-items:center;gap:9px;padding:12px 16px;font-size:14.5px;font-weight:600;transition:transform .16s,box-shadow .16s,filter .16s;animation:.55s cubic-bezier(.2,.7,.3,1) .34s both subir;display:flex;position:relative;overflow:hidden}.puerta .entrar:hover:not(:disabled){filter:brightness(1.06);box-shadow:0 12px 26px -10px color-mix(in srgb,var(--brand) 95%,transparent);transform:translateY(-1.5px)}.puerta .entrar:active:not(:disabled){transform:translateY(0)}.puerta .entrar:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.puerta .entrar:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 38%,#ffffff47 50%,#0000 62%);position:absolute;inset:0;transform:translate(-130%)}.puerta .entrar:hover:not(:disabled):after{animation:.75s destello}.puerta .giro{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;flex:none;width:15px;height:15px;animation:.7s linear infinite girar}.puerta form .nota{color:var(--ink-3);text-align:center;margin:22px 0 0;font-size:11.5px;line-height:1.5;animation:.55s cubic-bezier(.2,.7,.3,1) .4s both subir}@keyframes subir{0%{opacity:0;transform:translateY(13px)}to{opacity:1;transform:none}}@keyframes brotar{0%{opacity:0;transform:translateY(11px)scale(.96)}to{opacity:1;transform:none}}@keyframes girar{to{transform:rotate(360deg)}}@keyframes destello{to{transform:translate(130%)}}@keyframes puntos{0%,60%,to{opacity:.45;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}@keyframes latido{0%{box-shadow:0 0 #5fbe8c8c}70%{box-shadow:0 0 0 8px #5fbe8c00}to{box-shadow:0 0 #5fbe8c00}}@keyframes temblar{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-6px)}40%,60%{transform:translate(6px)}}@keyframes deriva-a{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-46px,54px)scale(1.13)}}@keyframes deriva-b{0%,to{transform:translate(0)scale(1)}50%{transform:translate(52px,-42px)scale(1.1)}}@media (max-width:900px){.puerta{grid-template-rows:1fr;grid-template-columns:1fr}.puerta .escena{display:none}.puerta .marca-chica{display:block}.puerta .acceso{align-items:center;padding:40px 24px 48px}}@media (min-width:901px) and (max-height:640px){.puerta .escena{padding:30px 34px}.puerta .escena .titular{margin-top:20px;font-size:25px}.puerta .escena .bajada{display:none}}