.puerta{position:relative;min-height:100vh;min-height:100dvh;display:flex;align-items:center}.puerta-hoja.shell{max-width:none}.puerta-hoja,.puerta-hoja.shell{margin:0;background:var(--noche)}.puerta-hoja{position:relative;width:min(420px,100%);padding:var(--esp-7) var(--esp-5)}@media (max-width:720px){.puerta{align-items:flex-start}.puerta-hoja{width:100%;padding:var(--esp-6) var(--esp-4) var(--esp-5)}}.puerta-marca{display:block;margin-bottom:var(--esp-6);color:var(--luz)}.puerta-marca>svg{height:28px;width:auto}.puerta .ojo{display:block;font-family:var(--tipo-titular),system-ui,sans-serif;font-weight:500;font-size:var(--esc-1);letter-spacing:.12em;text-transform:uppercase;color:var(--gris-lectura);margin-bottom:var(--esp-2)}.puerta h1{font-size:var(--esc-5);margin:0 0 var(--esp-3)}.puerta-p{margin:0 0 var(--esp-5);padding-bottom:var(--esp-4);border-bottom:1px solid var(--linea);font-size:var(--esc-2);line-height:var(--interlinea-media);color:var(--gris-lectura)}.puerta-forma{display:grid;grid-gap:var(--esp-4);gap:var(--esp-4)}.puerta .campo-s{display:block;min-width:0}.puerta .campo-s>span{display:block;font-family:var(--tipo-titular),system-ui,sans-serif;font-weight:500;font-size:var(--esc-1);letter-spacing:.12em;text-transform:uppercase;color:var(--gris-lectura);margin-bottom:var(--esp-1)}.puerta .entrada{width:100%;min-height:48px;background:transparent;border:1px solid var(--linea);border-radius:var(--radio);color:var(--luz);font-family:var(--tipo-cuerpo),system-ui,sans-serif;font-size:var(--esc-3);padding:var(--esp-2) var(--esp-3);transition:border-color var(--rapido) var(--curva)}.puerta .entrada::placeholder{color:var(--gris-medio)}.puerta .entrada:focus{border-color:var(--ambar)}.puerta-mal{margin:0;color:var(--ambar)}.puerta-entrando,.puerta-mal{font-size:var(--esc-2);line-height:var(--interlinea-media)}.puerta-entrando{margin:var(--esp-5) 0 0;color:var(--gris-lectura)}.puerta .btn{width:100%}.puerta-otra{margin:0;text-align:center}.puerta-otra>button{min-height:44px;padding:0 var(--esp-2);background:none;border:0;color:var(--gris-lectura);font-family:var(--tipo-cuerpo),system-ui,sans-serif;font-size:var(--esc-2);text-decoration:underline;text-underline-offset:3px;cursor:pointer;transition:color var(--rapido) var(--curva)}.puerta-otra>button:hover{color:var(--luz)}