/* ============================================================
   PLANTILLA ÚNICA DE LOGIN — Touring (SELLADA). Base: seguros-priv.
   NO duplicar ni rehacer: usar estas clases tal cual en TODO acceso.
   Lo ÚNICO que cambia por segmento:
     · --seg-bg  (foto de fondo)
     · la palabra del lockup  (Seguros / Gestión / Cars / Credit)
     · el rol (.gl-role, opcional)
     · el texto de .gl-sub
     · el label del 1er campo (Usuario / Email)
   Todo lo demás — posiciones, tamaños, tipografías — queda IGUAL siempre.
   ============================================================ */
:root{
  --negro:#0D0C0F;--grafito:#1A1A1F;--grafito2:#16161b;--blanco:#F2EFE9;
  --gris:#9A9A9A;--gris-d:#6c6c72;--line:#23232a;--line-soft:#1c1c22;
  --dorado:#C6993C;--dorado-soft:#d8b366;--dorado2:#d8b366;--r:18px;
  --seg-bg:url(/assets/img/02_f_Auto_en_Ruta.jpg)
}
.gl-body{background:linear-gradient(180deg,rgba(13,12,15,.82) 0%,rgba(13,12,15,.92) 46%,#0D0C0F 100%),var(--seg-bg) center/cover no-repeat fixed;color:var(--blanco);font-family:'Inter',system-ui,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased}
.gl-body a{color:inherit;text-decoration:none}
/* --- header: línea sutil, SIN franja negra (como Seguros) --- */
.gl-top{display:flex;align-items:center;justify-content:space-between;padding:16px clamp(20px,5vw,54px);border-bottom:1px solid var(--line-soft)}
.gl-brand{display:flex;align-items:center;gap:11px;text-decoration:none}
.gl-brand img{height:27px;width:auto;display:block}
.gl-wm{font-family:'Sora',sans-serif;font-weight:700;font-size:1.18rem;letter-spacing:-.01em;color:var(--blanco);line-height:1;white-space:nowrap}
.gl-wm em{font-style:normal;font-weight:300}
.gl-role{font-family:'Inter',sans-serif;font-weight:500;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gris);border-left:1px solid var(--line);padding-left:13px;transform:translateY(1.1px)}
.gl-out{color:var(--gris);font-family:'Sora',sans-serif;font-weight:500;font-size:.9rem;text-decoration:none;transition:color .2s;background:none;border:none;cursor:pointer}
.gl-out:hover{color:var(--blanco)}
/* --- cuerpo: posiciones SELLADAS --- */
.gl-wrap{max-width:840px;margin:0 auto;padding:clamp(46px,8vh,88px) clamp(20px,5vw,54px)}
.surface{background:rgba(13,12,15,.5);border:1px solid rgba(255,255,255,.07);border-radius:20px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.gl-login{max-width:460px;margin:6vh auto 0;padding:clamp(28px,4vw,38px);background:rgba(13,12,15,.5);border:1px solid rgba(255,255,255,.07);border-radius:20px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.gl-eyebrow{font-family:'Inter';font-weight:600;font-size:.68rem;letter-spacing:.26em;text-transform:uppercase;color:var(--dorado);margin-bottom:16px}
.gl-h1{font-family:'Sora';font-weight:600;font-size:clamp(1.7rem,4.5vw,2.5rem);line-height:1.08;letter-spacing:-.01em;color:var(--blanco);margin-bottom:10px}
.gl-sub{color:var(--gris);font-size:1.02rem;line-height:1.6;max-width:56ch}
.gl-fld{display:block;margin-top:20px}
.gl-fld>span{display:block;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gris);margin-bottom:8px}
.gl-fld input{width:100%;background:#111015;border:1px solid var(--line);border-radius:13px;padding:.85em 1em;color:var(--blanco);font-family:'Inter';font-size:1rem;outline:none;transition:border-color .2s}
.gl-fld input:focus{border-color:var(--dorado)}
.gl-err{color:#e0736a;font-size:.9rem;margin-top:16px;min-height:1.1em}
.gl-err:empty{display:none}
.gl-act{display:inline-flex;align-items:center;gap:9px;font-family:'Sora',sans-serif;font-weight:700;font-size:1.02rem;line-height:1;color:var(--dorado);text-decoration:none;background:none;border:none;cursor:pointer;padding:0;margin-top:21px;transition:gap .2s,color .2s}
.gl-act:hover{color:var(--dorado-soft);gap:14px}