.auth-wrap{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px 16px;
}
.auth-card{
  width:100%;
  max-width:400px;
  background:var(--tarjeta);
  border:1px solid var(--borde);
  border-radius:20px;
  padding:32px 28px;
}
.auth-logo{ display:flex; justify-content:center; margin-bottom:20px; }
.auth-logo svg{ height:30px; width:auto; }
.auth-card h1{ font-size:22px; text-align:center; color:var(--morado-oscuro); }
.auth-card p.sub{ text-align:center; color:var(--texto-sec); font-size:14px; margin-top:6px; }

.field{ margin-top:18px; }
.field label{ display:block; font-size:13px; font-weight:600; margin-bottom:6px; }
.field input{
  width:100%;
  border:1px solid var(--borde);
  border-radius:10px;
  padding:12px 14px;
  font-size:15px;
  font-family:'Poppins', sans-serif;
  background:var(--fondo);
}
.field input:focus{ outline:2px solid var(--morado-suave); border-color:var(--morado); }

.geo-status{ font-size:12px; color:var(--texto-sec); margin-top:10px; text-align:center; min-height:16px; }

.btn-submit{
  width:100%;
  margin-top:22px;
  background:var(--morado);
  color:#fff;
  font-weight:600;
  font-size:15px;
  padding:13px;
  border-radius:12px;
}
.btn-submit:hover{ background:var(--morado-oscuro); }

.auth-alt{ text-align:center; font-size:13px; color:var(--texto-sec); margin-top:18px; }
.auth-alt a{ color:var(--morado); font-weight:600; }

.divider{
  display:flex; align-items:center; gap:12px;
  margin:22px 0; color:var(--texto-sec); font-size:12px;
}
.divider::before, .divider::after{ content:""; flex:1; height:1px; background:var(--borde); }

.btn-social{
  width:100%;
  display:flex; align-items:center; justify-content:center; gap:10px;
  border:1px solid var(--borde);
  background:var(--tarjeta);
  color:var(--texto);
  font-weight:600;
  font-size:14px;
  padding:12px;
  border-radius:12px;
  margin-top:10px;
}
.btn-social:hover{ background:var(--fondo); }
.btn-social svg{ width:18px; height:18px; flex-shrink:0; }

.alert{
  border-radius:10px;
  padding:10px 14px;
  font-size:13px;
  margin-bottom:16px;
}
.alert-error{ background:var(--terracota-suave); color:#8C4A31; }
.alert-success{ background:#E6EFE8; color:#3D5E48; }