/* ==========================================================================
   Temas de las pantallas de acceso (ingreso, recuperar, restablecer y cambiar
   contraseña; sobre login.css, recuperar_password.css y resetear_password.css):
   claro, azul e Intelliti (01-10/02-10-2026). El oscuro es el estilo propio de
   cada hoja. El tema lo fija ../js/temas_paginas.js en <html data-theme>
   (Intelliti por defecto), que además pone el botón para cambiarlo.
   Intelliti: paleta e intención de intelliti.cl (ver intelliti_tema.css).
   ========================================================================== */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");

/* ── Claro y azul: paletas de RutaCC ── */
html[data-theme="light"] {
  --bg: #f8fafc; --surface: #ffffff; --surface2: #f1f5f9; --border: #cbd5e1;
  --accent: #0284c7; --accent2: #ea580c; --accent3: #16a34a; --text: #090d16; --muted: #475569;
  color-scheme: light;
}
html[data-theme="light"] .btn-submit { color: #FFFFFF; }
html[data-theme="light"] .btn-submit:hover { background: #0369a1; box-shadow: none; }
html[data-theme="light"] .field-input:focus { box-shadow: 0 0 0 3px rgba(2, 132, 199, .12); }
html[data-theme="light"] :is(.error-msg, .msg.error) { background: #FEF2F2; border-color: #FECACA; color: #B91C1C; }
html[data-theme="light"] .msg.success { background: #F0FDF4; border-color: #BBF7D0; color: #15803D; }
html[data-theme="light"] :is(.orb, .scanline) { opacity: .05; }
html[data-theme="blue"] {
  --bg: #0b132b; --surface: #1c2541; --surface2: #3a506b; --border: #48cae4;
  --accent: #00b4d8; --accent2: #ea580c; --accent3: #00f5d4; --text: #edf2f4; --muted: #a2d2ff;
  color-scheme: dark;
}
html[data-theme="blue"] .btn-submit:hover { background: #0096b4; }

/* ── Intelliti ── */

html[data-theme="intelliti"] {
  --bg: #F6F8FA;
  --surface: #FFFFFF;
  --surface2: #FBFCFD;
  --border: #E2EAF0;
  --accent: #0E7C86;
  --accent2: #14B8C4;
  --accent3: #15803d;
  --text: #102A43;
  --muted: #52677A;
  color-scheme: light;
}
html[data-theme="intelliti"] body {
  background: radial-gradient(circle at 88% 22%, rgba(20, 184, 196, .13), transparent 30%),
              radial-gradient(circle at 12% 86%, rgba(16, 42, 67, .055), transparent 32%),
              linear-gradient(135deg, #FFFFFF 0%, #F9FBFC 58%, #EEF8F9 100%);
  color: #102A43;
}
html[data-theme="intelliti"] body *:not(code):not(pre) {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
}
html[data-theme="intelliti"] .grid-bg,
html[data-theme="intelliti"] .orb,
html[data-theme="intelliti"] .scanline { display: none; }

html[data-theme="intelliti"] .card {
  background: #FFFFFF; border: 1px solid #E2EAF0; border-radius: 18px;
  box-shadow: 0 14px 36px rgba(16, 42, 67, .085);
}
html[data-theme="intelliti"] .card::before {
  left: 28px; right: 28px; height: 3px; border-radius: 0 0 3px 3px;
  background: linear-gradient(90deg, #102A43, #14B8C4);
}
html[data-theme="intelliti"] .logo { color: #102A43; font-weight: 800; letter-spacing: -0.02em; }
html[data-theme="intelliti"] .logo span { color: #0E7C86; }
html[data-theme="intelliti"] .logo-sub { color: #52677A; letter-spacing: .14em; font-weight: 600; }
html[data-theme="intelliti"] .field-label { color: #52677A; font-weight: 600; letter-spacing: .12em; }
html[data-theme="intelliti"] .field-input {
  background: #FBFCFD; border-color: #D7E1E8; border-radius: 9px; color: #102A43;
}
html[data-theme="intelliti"] .field-input:focus {
  border-color: #0E7C86; background: #FFFFFF; box-shadow: 0 0 0 3px rgba(20, 184, 196, .12);
}
html[data-theme="intelliti"] .btn-submit {
  background: #102A43; color: #FFFFFF; border-radius: 9px; font-weight: 600; letter-spacing: .06em;
}
html[data-theme="intelliti"] .btn-submit:hover {
  background: #0B2239; box-shadow: none; transform: translateY(-1px);
}
html[data-theme="intelliti"] .forgot,
html[data-theme="intelliti"] .back-link,
html[data-theme="intelliti"] .link-volver { color: #0E7C86; font-weight: 600; }
html[data-theme="intelliti"] .error-msg,
html[data-theme="intelliti"] .msg.error { background: #FEF2F2; border-color: #FECACA; color: #B91C1C; }
html[data-theme="intelliti"] .msg.success { background: #F0FDF4; border-color: #BBF7D0; color: #15803D; }
html[data-theme="intelliti"] .version,
html[data-theme="intelliti"] .description { color: #52677A; }
html[data-theme="intelliti"] .status-dot { color: #0E7C86; }
html[data-theme="intelliti"] .dot { background: #14B8C4; }
html[data-theme="intelliti"] .btn-empresa { background: #FBFCFD; border-color: #E2EAF0; color: #102A43; }
html[data-theme="intelliti"] .btn-empresa:hover:not(:disabled),
html[data-theme="intelliti"] .btn-empresa:focus-visible { border-color: #0E7C86; background: #EFF8F9; }
html[data-theme="intelliti"] a:focus-visible,
html[data-theme="intelliti"] button:focus-visible,
html[data-theme="intelliti"] input:focus-visible { outline: 3px solid #0E7C86; outline-offset: 2px; }