/* DopaminAPP · la puerta (login y crear cuenta) de Hoy y del Programa con la piel única:
   fondo #0c0c0c, rojo #e5483b, amarillo #e0c48a, DM Sans y Bebas Neue, esquinas rectas, y Chispa.
   Va DESPUÉS de auth-shell.css. Solo toca #authScreen: el portal y Libertos comparten auth-shell.css
   y siguen con su puerta de antes. */
#authScreen.mh-door{
  --bg:#0c0c0c; --alt:#161616; --luz:#0c0c0c;
  --ink:#f4f4f4; --ink-b:rgba(244,244,244,.9); --ink-m:rgba(244,244,244,.66); --text:rgba(244,244,244,.78);
  --line:rgba(255,255,255,.18); --line-suave:rgba(255,255,255,.1);
  --azul:#e5483b; --oro:#e0c48a; --oro-h:#d1b075; --brasa:#ff7a6e; --success:#8fc59a;
  --serif:'Bebas Neue',Impact,'Arial Narrow',sans-serif;
  --body:'DM Sans',system-ui,-apple-system,sans-serif;
  --focus-ring:0 0 0 2px #0c0c0c, 0 0 0 4px #e5483b;
  background:#0c0c0c; color:#f4f4f4;
  /* Centrado que no corta: si no cabe, empieza arriba y se desplaza. */
  justify-content:flex-start;
}
#authScreen .pl-brand{ margin-top:auto; }
#authScreen .pl-shell{ margin-bottom:auto; }
/* Chispa va abajo, después de Términos y Privacidad. */
#authScreen .puerta-chispa{ display:block; height:120px; width:auto; margin:30px auto 0; }
@media (max-height:700px){ #authScreen .puerta-chispa{ height:84px; margin-top:18px; } }
#authScreen .pl-brand{ color:#e0c48a; }
#authScreen .pl-brand-name{ color:#f4f4f4; }
#authScreen .pl-heading{ font-family:'Bebas Neue',Impact,sans-serif; font-weight:400; font-size:clamp(34px,5vw,44px); letter-spacing:.03em; text-transform:uppercase; color:#fff; }
#authScreen .auth-btn{ background:#e5483b; color:#fff; font-family:'Bebas Neue',Impact,sans-serif; font-weight:400; font-size:22px; letter-spacing:.08em; padding:16px 24px; }
#authScreen .auth-btn:hover:not(:disabled){ background:#c93b30; }
#authScreen .auth-btn--ghost{ background:transparent; color:#f4f4f4; border:1px solid rgba(255,255,255,.28); }
#authScreen .auth-btn--ghost:hover:not(:disabled){ background:#161616; border-color:#e0c48a; }
#authScreen .auth-input, #authScreen input[type="email"], #authScreen input[type="password"]{ background:#161616; color:#fff; border:1px solid rgba(255,255,255,.26); border-radius:0; }
#authScreen .auth-input:focus, #authScreen input[type="email"]:focus, #authScreen input[type="password"]:focus{ border-color:#e5483b; }
#authScreen .auth-back, #authScreen .auth-forgot, #authScreen .pl-note a{ color:#e0c48a; }
#authScreen .pl-foot a{ color:rgba(244,244,244,.72); }
@media (prefers-reduced-motion:no-preference){ #authScreen .puerta-chispa{ animation:puertaRebote 3s ease-in-out infinite; } }
@keyframes puertaRebote{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-4px); } }

/* Entrar con Google: blanco, con la G de colores; solo existe si Supabase tiene Google encendido. */
#authScreen .auth-btn--google{ display:flex; align-items:center; justify-content:center; gap:12px; background:#fff; color:#1f1f1f; font-family:'DM Sans',system-ui,sans-serif; font-weight:600; font-size:16px; letter-spacing:0; padding:16px 24px; }
#authScreen .auth-btn--google:hover:not(:disabled){ background:#ececec; }