/* ============ Pantallas de acceso / registro / instalador ============ */
.auth{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:var(--bg)}

.auth-arte{
  background:var(--nav-bg);color:var(--nav-text);
  padding:52px 50px;display:flex;flex-direction:column;justify-content:space-between;
  position:relative;overflow:hidden;
}
.auth-arte .marca{display:flex;align-items:center;gap:12px;position:relative;z-index:1}
.auth-arte .marca .monograma{width:44px;height:44px;border-radius:12px;background:var(--accent);color:var(--accent-ink);display:flex;align-items:center;justify-content:center}
.auth-arte .marca .monograma svg{width:24px;height:24px}
.auth-arte .marca b{font-family:var(--display);font-size:22px;text-transform:uppercase;letter-spacing:.5px;color:#fff}
.auth-arte .pitch{position:relative;z-index:1;max-width:42ch}
.auth-arte .pitch h2{color:#fff;font-size:38px;margin-bottom:16px;line-height:1.08;letter-spacing:-.02em}
.auth-arte .pitch p{color:var(--nav-text);font-size:14.5px;line-height:1.65}
.auth-arte .lista{position:relative;z-index:1;display:grid;gap:11px;margin-top:24px}
.auth-arte .lista li{display:flex;gap:11px;align-items:flex-start;font-size:13.5px;color:var(--nav-text);list-style:none}
.auth-arte .lista i{color:var(--accent);margin-top:3px}
.auth-arte .firma{position:relative;z-index:1;font-size:12px;color:var(--nav-text-dim)}

.auth-panel{display:flex;align-items:center;justify-content:center;padding:52px 32px;background:var(--surface)}
.auth-caja{width:100%;max-width:420px}
.auth-caja .encabezado{margin-bottom:26px}
.auth-caja h1{font-size:32px;margin-bottom:8px;color:var(--text)}
.auth-caja .encabezado p{color:var(--text-2);font-size:14px}
.auth-caja .pie-links{margin-top:22px;font-size:13.5px;color:var(--text-2);text-align:center}
.auth-marca-mini{display:none;align-items:center;gap:11px;margin-bottom:26px}
.auth-marca-mini .monograma{width:38px;height:38px;border-radius:10px;background:var(--accent);color:var(--accent-ink);display:flex;align-items:center;justify-content:center}
.auth-marca-mini .monograma svg{width:20px;height:20px}
.auth-marca-mini b{font-family:var(--display);font-size:19px;text-transform:uppercase;color:var(--text)}

.estado-tarjeta{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:36px;text-align:center;max-width:460px;margin:9vh auto}
.estado-tarjeta .icono{width:60px;height:60px;border-radius:var(--r-md);margin:0 auto 18px;display:flex;align-items:center;justify-content:center;font-size:24px;background:var(--tint);color:var(--tint-text)}
.estado-tarjeta.espera .icono{background:var(--warn-bg);color:var(--warn-text)}
.estado-tarjeta h1{font-size:24px;margin-bottom:10px;color:var(--text)}
.estado-tarjeta p{color:var(--text-2);font-size:14px;line-height:1.6;max-width:42ch;margin:0 auto}
.estado-tarjeta .btn{margin-top:22px}

@media(max-width:920px){
  .auth{grid-template-columns:1fr}
  .auth-arte{display:none}
  .auth-marca-mini{display:flex}
}