.puerta{background:radial-gradient(38rem 26rem at 12% 8%, #00a3de29, transparent 70%), radial-gradient(30rem 22rem at 92% 88%, #ff5a0017, transparent 70%), radial-gradient(26rem 20rem at 85% 10%, #e60c350f, transparent 70%), var(--fondo);grid-template-rows:auto 1fr;min-height:100dvh;display:grid}.puerta__barra{justify-content:space-between;align-items:center;padding-block:16px;display:flex}.puerta__barra>a{color:inherit;text-decoration:none;display:inline-flex}.puerta__centro{align-content:center;justify-items:center;gap:18px;padding:8px 16px 64px;display:grid}.puerta .puerta__caja{background:var(--superficie-solida);width:min(100%,25rem);box-shadow:var(--sombra);grid-template-columns:minmax(0,1fr);padding:28px 24px 24px}.puerta__icono{background:var(--celeste-700);width:48px;height:48px;color:var(--blanco);border-radius:14px;place-items:center;display:grid}.puerta__titulo{font:1.6rem/1.2 var(--fuente-titulo);color:var(--texto);margin:0}.puerta__bajada{color:var(--texto-suave);margin:6px 0 0;line-height:1.5}.puerta__caja .campo input#codigo{letter-spacing:.3em;font-variant-numeric:tabular-nums}.puerta__caja .campo input#codigo::placeholder{letter-spacing:normal}.puerta .formulario__enviar{width:100%}.puerta__error{color:#b0102c;background:#e60c351a;border-radius:10px;margin:0;padding:10px 14px;font-weight:600}[data-tema=oscuro] .puerta__error{color:#ff8a9a;background:#ff6b7f24}.puerta__volver{color:var(--texto-suave);align-items:center;gap:6px;font-weight:600;text-decoration:none;display:inline-flex}.puerta__volver:hover{color:var(--acento)}.puerta__girando{animation:.9s linear infinite puerta-gira}@keyframes puerta-gira{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.puerta__girando{animation:none}}
