:root {
  --marca: #1F3A5F;
  --marca-oscuro: #162a45;
  --marca-suave: #eef2f7;
}

body { background: #f6f8fb; }

.barra-marca { background: var(--marca); }

.btn-marca {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--marca);
  --bs-btn-border-color: var(--marca);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--marca-oscuro);
  --bs-btn-hover-border-color: var(--marca-oscuro);
  --bs-btn-active-bg: var(--marca-oscuro);
}

/* Pantalla de acceso */
.pagina-acceso { background: linear-gradient(160deg, var(--marca) 0%, #2d5585 100%); min-height: 100vh; }
.acceso { min-height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 16px; }
.acceso-card { width: 100%; max-width: 400px; border: 0; border-radius: 14px; }
.acceso + * , .acceso > p { color: rgba(255,255,255,.75) !important; }
/* Logo */
.logo-barra { height: 24px; width: auto; display: block; }
.separador-marca { width: 1px; height: 22px; background: rgba(255,255,255,.45); margin: 0 12px; }
.logo-acceso { width: 200px; max-width: 70%; height: auto; display: block; margin: 4px auto 14px; }

.acceso-logo {
  width: 56px; height: 56px; border-radius: 14px; margin: 0 auto 12px;
  display: grid; place-items: center; font-size: 28px;
  background: var(--marca-suave); color: var(--marca);
}

/* Inicio */
.tarjeta-modulo { border: 0; border-radius: 12px; box-shadow: 0 1px 3px rgba(16, 24, 40, .08); }
.icono-modulo { font-size: 28px; color: var(--marca); }
.dato-saldo { background: #fff; border-radius: 12px; padding: 10px 16px; box-shadow: 0 1px 3px rgba(16, 24, 40, .08); }

.pagina-acceso .container .card { border-radius: 12px; }

/* Administración */
.card { border-radius: 12px; }
.clave-temporal {
  font-size: 1.15rem; letter-spacing: .06em; color: var(--marca);
  background: var(--marca-suave); padding: 4px 10px; border-radius: 8px;
}
.panel-clave { background: #f3fbf6; }

@media print {
  .navbar, .no-imprimir, nav.small { display: none !important; }
  body { background: #fff; }
  .card { box-shadow: none !important; border: 1px solid #ccc; }
}

.tarjeta-activa { transition: transform .12s, box-shadow .12s; }
.tarjeta-activa:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(16, 24, 40, .12); }
.miniatura-pdf { width: 100%; height: auto; border: 1px solid #dee2e6; border-radius: 6px; background: #fff; }

/* Solicitudes */
.text-marca { color: var(--marca) !important; }
.ruta-aprobacion li { position: relative; padding: 0 0 18px 30px; }
.ruta-aprobacion li:last-child { padding-bottom: 0; }
.ruta-aprobacion li::before {
  content: ""; position: absolute; left: 4px; top: 4px; width: 14px; height: 14px; border-radius: 50%;
  border: 2px solid #adb5bd; background: #fff;
}
.ruta-aprobacion li:not(:last-child)::after {
  content: ""; position: absolute; left: 10px; top: 20px; bottom: 2px; width: 2px; background: #dee2e6;
}
.ruta-aprobacion .paso-ok::before { background: #198754; border-color: #198754; }
.ruta-aprobacion .paso-no::before { background: #dc3545; border-color: #dc3545; }
.ruta-aprobacion .paso-actual::before { background: #ffc107; border-color: #ffc107; box-shadow: 0 0 0 4px rgba(255, 193, 7, .25); }
.ruta-aprobacion .paso-omitido { opacity: .55; }