/* DG PoS · Inicio de sesión (rediseño sep-2026) */
:root{
  --blue:#2B62C9; --blue-600:#1F4FA8; --blue-50:#EDF2FC; --red:#D93631; --red-600:#B92A26;
  --ink:#14161B; --text:#161A23; --text-2:#5F6778; --border:#D9DEE7;
  --font:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html,body{height:100%}
body{font-family:var(--font);color:var(--text);background:#fff;-webkit-font-smoothing:antialiased}

.dg-auth{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}

/* ---------- Lado de marca ---------- */
.dg-auth-art{position:relative;overflow:hidden;color:#fff;padding:44px 52px;display:flex;flex-direction:column;justify-content:space-between;
  background:radial-gradient(circle at 12% 8%,rgba(43,98,201,.55),transparent 42%),radial-gradient(circle at 95% 100%,rgba(217,54,49,.45),transparent 40%),var(--ink)}
.dg-auth-art::before{content:"";position:absolute;width:560px;height:560px;border-radius:50%;right:-190px;top:-190px;
  border:70px solid rgba(255,255,255,.035)}
.dg-auth-art::after{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--blue) 0 55%,var(--red) 55% 100%)}
.dg-auth-brand{display:flex;align-items:center;gap:14px;position:relative}
.dg-auth-brand img{width:52px;height:52px;border-radius:50%;background:#fff;padding:2px}
.dg-auth-brand b{display:block;font-size:22px;letter-spacing:.01em}
.dg-auth-brand b span{color:#FF6B66}
.dg-auth-brand small{color:#9AA1AF;font-size:12px}
.dg-auth-copy{position:relative;max-width:500px}
.dg-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-size:12.5px;color:#D5DAE4}
.dg-pill i{color:#FFB020}
.dg-auth-copy h1{font-size:46px;line-height:1.08;letter-spacing:-.02em;margin:22px 0 16px;font-weight:800}
.dg-auth-copy h1 em{font-style:normal;background:linear-gradient(90deg,#7FA6F2,#FF7A75);-webkit-background-clip:text;background-clip:text;color:transparent}
.dg-auth-copy p{color:#B7BDC9;font-size:15.5px;line-height:1.65}
.dg-feats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px}
.dg-feats div{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07)}
.dg-feats i{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:rgba(43,98,201,.25);color:#9DBBF5;flex-shrink:0}
.dg-feats div:nth-child(even) i{background:rgba(217,54,49,.22);color:#FF9A96}
.dg-feats b{display:block;font-size:13.5px;color:#fff;margin-bottom:2px}
.dg-feats span{font-size:12.5px;color:#9AA1AF;line-height:1.4}
.dg-auth-foot{position:relative;display:flex;align-items:center;gap:11px;font-size:11.5px;line-height:1.35;color:#6D7482}
.dg-auth-foot img{width:34px;height:34px;opacity:.9;flex-shrink:0}
.dg-auth-foot b{color:#9CA3B1;font-weight:600}

/* ---------- Formulario ---------- */
.dg-auth-form{display:flex;align-items:center;justify-content:center;padding:40px 24px;background:#fff}
.dg-form{width:100%;max-width:380px;display:flex;flex-direction:column}
.dg-form-logo{width:64px;height:64px;border-radius:50%;box-shadow:0 8px 24px rgba(20,22,27,.12);margin-bottom:22px}
.dg-form h2{font-size:28px;font-weight:800;letter-spacing:-.01em}
.dg-sub{color:var(--text-2);margin:6px 0 24px;font-size:14.5px;line-height:1.5}
.dg-form label{font-size:12.5px;font-weight:700;color:var(--text-2);margin:14px 0 7px}
.dg-field{position:relative}
.dg-field > i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#9AA1AF;font-size:14px;pointer-events:none}
.dg-field input{width:100%;height:50px;padding:0 44px 0 42px;border:1px solid var(--border);border-radius:12px;font:500 15px var(--font);color:var(--text);background:#fff;transition:.15s}
.dg-field input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 4px rgba(43,98,201,.14)}
.dg-field input:focus + .toggle-password,.dg-field:focus-within > i{color:var(--blue)}
.toggle-password{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:38px;height:38px;display:grid;place-items:center;border-radius:10px;color:#9AA1AF;cursor:pointer}
.toggle-password:hover{background:#F4F6FA;color:var(--text)}
.dg-btn{margin-top:26px;height:52px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--blue-600));color:#fff;
  font:700 15px var(--font);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 10px 24px rgba(43,98,201,.28);transition:.15s}
.dg-btn:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(43,98,201,.34)}
.dg-alert{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;font-size:13.5px;line-height:1.45;margin-bottom:6px}
.dg-alert i{margin-top:2px}
.dg-alert.ok{background:#E8F7EE;color:#146C36;border:1px solid #C6EBD3}
.dg-alert.bad{background:#FDEEED;color:#9B221E;border:1px solid #F4C7C5}
.dg-register{margin-top:26px;padding-top:20px;border-top:1px solid #EEF1F5;text-align:center;font-size:13.5px;color:var(--text-2)}
.dg-register a{color:var(--red);font-weight:700;text-decoration:none}
.dg-register a:hover{text-decoration:underline}

@media (max-width:920px){
  .dg-auth{grid-template-columns:1fr}
  .dg-auth-art{display:none}
  .dg-auth-form{min-height:100vh;background:linear-gradient(180deg,#F3F5F9,#fff 40%)}
}