/* ---- MODAL DE AUTH — magic link, companion de js/core/auth.js ---- */
.auth-modal{
  position:fixed;inset:0;z-index:200;
  display:flex;align-items:center;justify-content:center;
  padding:24px;
}
.auth-modal[hidden]{display:none;}
.auth-modal-backdrop{
  position:absolute;inset:0;
  /* Scrim de atenuación tras el modal — se mantiene oscuro a propósito
     (patrón universal para enfocar un modal), pero cálido y translúcido,
     no el navy sólido de antes: es una capa transitoria, no la base
     visual del sitio (Enmienda 4 solo prohíbe esto último). */
  background:rgba(0,0,0,0.45);
  backdrop-filter:blur(12px);
}
.auth-modal-card{
  position:relative;
  max-width:420px;width:100%;
  padding:40px 36px;
  background:var(--card-gradient);
  border:1px solid var(--modal-border);
  box-shadow:0 40px 120px rgba(0,0,0,0.32), 0 0 80px var(--modal-glow);
  text-align:center;
  animation:authModalIn 0.35s var(--ease-premium) both;
}
@keyframes authModalIn{from{opacity:0;transform:scale(0.94) translateY(20px);}to{opacity:1;transform:scale(1) translateY(0);}}
.auth-modal-close{
  position:absolute;top:16px;right:16px;
  background:none;border:none;color:var(--muted);
  font-size:14px;cursor:pointer;line-height:1;padding:4px;
  transition:color var(--dur-micro) var(--ease-premium);
}
.auth-modal-close:hover{color:var(--gold-soft);}
.auth-modal-seal{
  display:block;width:36px;height:36px;margin:0 auto 20px;color:var(--gold);
  filter:drop-shadow(0 0 14px var(--seal-glow));
}
.auth-modal-title{
  font-family:'Fraunces','Georgia',serif;font-weight:400;
  font-size:24px;margin-bottom:10px;text-wrap:balance;
}
.auth-modal-text{font-size:13px;color:var(--muted);margin-bottom:24px;line-height:1.5;}
.auth-modal-text strong{color:var(--gold-soft);font-weight:500;}
.auth-modal-form{display:flex;flex-direction:column;gap:12px;}
.auth-modal-note{font-size:12px;color:var(--muted);margin:16px 0 0;line-height:1.5;}
.auth-modal-status{margin-top:16px;font-size:13px;color:var(--gold-soft);}
.auth-modal-status.is-error{color:var(--danger);}
.auth-modal-switch{
  font-family:inherit;font-size:11px;font-weight:500;letter-spacing:1px;text-transform:uppercase;
  color:var(--gold);background:none;border:none;border-bottom:1px solid var(--link-underline);
  padding:4px 0;margin-top:22px;cursor:pointer;
  transition:color var(--dur-micro) var(--ease-premium);
}
.auth-modal-switch:hover{color:var(--gold-soft);}
@media (prefers-reduced-motion: reduce){
  .auth-modal-card{animation:none;}
}