/* GMAO · Pantallas de acceso (login y recuperación).
   Copia de la capa visual del acceso de cae.isorga.com (assets/css/modern.css,
   2026-09-17), para que los accesos de las aplicaciones de la casa se vean
   iguales. Solo lo que usa el acceso: no se carga en el resto de GMAO, que
   tiene su propio tema. Si cambia el acceso de CAE, se trae aquí a mano. */
:root, :root[data-theme="light"] {
 --bg:#f3f6fa; --surface:#ffffff; --surface-raised:#f8fafc;
 --text:#192d42; --text-muted:#5c6f82;
 --accent:#126b79; --accent-strong:#0d5360; --accent-soft:rgba(18,107,121,.09);
 --btn-on-accent:#fff; --border:#dce5ed; --border-strong:#8aadb5;
 --glow-accent:0 4px 14px rgba(18,107,121,.16); --glow-text:none; --glow-filter:none;
 --shadow-hover:0 12px 30px rgba(25,45,66,.09);
 --ui-shadow:0 3px 16px rgba(25,45,66,.045);
 --ui-navy:#152f46; --ui-on-navy:#f5f9fc; --ui-navy-muted:#b8ccda;
 --ui-photo-tint:rgba(13,47,62,.72);
 --clip-card:none; --clip-button:none; --radius-sm:9px; --tracking-wide:.035em;
 --sb-w:236px; --sb-w-min:68px;
 --bs-body-bg:var(--bg); --bs-body-color:var(--text); --bs-secondary-color:var(--text-muted);
 --bs-border-color:var(--border); --bs-primary:var(--accent); --bs-primary-rgb:18,107,121;
 --bs-link-color:var(--accent); --bs-link-color-rgb:18,107,121;
 --bs-link-hover-color:var(--accent-strong); --bs-link-hover-color-rgb:13,83,96;
}
body { background:var(--bg); color:var(--text); font-family:var(--font-display,system-ui,sans-serif); -webkit-font-smoothing:antialiased; }
.acceso-foto { background-image:linear-gradient(160deg,var(--ui-photo-tint),rgba(13,47,62,.28)),url('/assets/img/acceso-gmao.jpg'); background-position:15% center; }
.acceso-caption { left:clamp(2rem,5vw,5rem); bottom:4rem; }
.acceso-caption h2 { font-size:clamp(2rem,3.3vw,3.3rem); letter-spacing:-.04em; text-transform:none; }
.acceso-caption p { text-transform:none; letter-spacing:0; font-weight:400; font-size:1.05rem; }
.acceso-panel { background:radial-gradient(ellipse at 100% 0,var(--accent-soft),transparent 70%),var(--bg); }
.login-box { border-radius:22px; padding:clamp(1.4rem,3vw,2.5rem); max-width:420px; box-shadow:var(--shadow-hover); }
.login-logo h1 { text-transform:none; letter-spacing:-.035em; font-size:1.75rem; }
.login-logo p { font-size:.85rem; }
.login-box .form-control { padding:.75rem .85rem; }
@media(max-width:900px) {
 .acceso-panel { background:radial-gradient(ellipse at top,var(--accent-soft),transparent 70%),var(--bg); padding:1.5rem; }
}
.login-box .pass-campo .form-control { padding-right:42px; }
.login-box .btn-login { border-radius:9px; text-transform:none; letter-spacing:0; padding:.8rem 1rem; }
/* El isotipo de ISORGA lleva barras negras: necesita su disco claro. */
:root { --brand-logo-bg:#ffffff; }
/* Campos: los de CAE (modern.css, reglas generales de formulario). */
.form-control,.form-select { background-color:var(--surface); border-color:var(--border); border-radius:9px; color:var(--text); }
.form-control:not(.form-control-sm),.form-select:not(.form-select-sm) { min-height:43px; }
.form-control:focus,.form-select:focus { background-color:var(--surface); border-color:var(--accent); box-shadow:0 0 0 3px var(--accent-soft); color:var(--text); }
/* CAE pone el texto de sus botones en mayúsculas con assets/js/botones.js;
   aquí basta con CSS. */
.login-box .btn-login { text-transform:uppercase; font-weight:700; }