:root{--cuero: #3b2a20;--cuero-suave: #6b5446;--crema: #f6f1ea;--papel: #fffdf9;--borde: #e6dccf;--miel: #b97a2e;--exito: #2f7d4f;--alerta: #b3361f;color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:18px;line-height:1.5;color:var(--cuero);background:var(--crema);-webkit-text-size-adjust:100%}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:var(--crema)}.portada{min-height:100dvh;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) 16px max(24px,env(safe-area-inset-bottom))}.tarjeta{width:100%;max-width:520px;background:var(--papel);border:1px solid var(--borde);border-radius:24px;padding:40px 28px;text-align:center;box-shadow:0 12px 32px #3b2a2014}.logo{display:block;margin:0 auto 16px;border-radius:20px}.marca{margin:0;font-size:.9rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--miel)}h1{margin:4px 0 24px;font-size:clamp(1.8rem,6vw,2.4rem);line-height:1.15}.etapa{display:inline-block;margin:0 0 24px;padding:6px 16px;border-radius:999px;background:var(--crema);border:1px solid var(--borde);font-weight:600;font-size:.95rem}.estado{list-style:none;margin:0 0 24px;padding:0;text-align:left;display:grid;gap:12px}.estado li{display:flex;gap:12px;align-items:flex-start}.marca-estado{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:#fff;font-size:.85rem;font-weight:700}.marca-ok{background:var(--exito)}.marca-error{background:var(--alerta)}.marca-espera{background:var(--cuero-suave)}.nota{margin:0;color:var(--cuero-suave);font-size:.95rem}.formulario{display:grid;gap:16px;text-align:left}.formulario .logo,.formulario .marca,.formulario h1{text-align:center}.formulario h1{margin-bottom:8px}.campo{display:grid;gap:6px;font-weight:600}.campo input{width:100%;min-height:56px;padding:12px 16px;font:inherit;font-weight:400;font-size:1.05rem;color:var(--cuero);background:#fff;border:2px solid var(--borde);border-radius:14px}.campo input:focus{outline:none;border-color:var(--miel)}.campo-clave{position:relative}.campo-clave input{padding-right:96px}.boton-ver{position:absolute;top:50%;right:8px;transform:translateY(-50%);min-height:40px;padding:0 14px;font:inherit;font-size:.9rem;font-weight:600;color:var(--cuero-suave);background:var(--crema);border:1px solid var(--borde);border-radius:10px;cursor:pointer}.boton{width:100%;min-height:56px;padding:12px 20px;font:inherit;font-size:1.1rem;font-weight:700;border-radius:14px;cursor:pointer}.boton:disabled{opacity:.6;cursor:default}.boton-principal{color:#fff;background:var(--cuero);border:none}.boton-secundario{margin-top:24px;color:var(--cuero);background:transparent;border:2px solid var(--borde)}.mensaje{margin:0;padding:12px 16px;border-radius:12px;font-size:.95rem}.mensaje-error{color:var(--alerta);background:#fbebeb}.mensaje-alerta{color:var(--cuero);background:#f9eeda}.tarjeta .nota+.boton{margin-top:24px}