/* Ajustes propios de Prestapp sobre la plantilla (se carga después de style.css). */

/*
 * Colores de la marca (tomados del logo en html/prestapp-assets):
 *   azul marino #004377 ("prest" e icono) → principal: botones, menú activo, enlaces
 *   turquesa    #00B89F ("app")           → acento
 *   turquesa oscuro #00806E (slogan)       → texto turquesa sobre fondo claro
 * La plantilla toma casi todo de estas variables; también se ajustan las de Bootstrap.
 */
:root,
[data-color=primary] {
  --primary: #004377;
  --primary-rgb: 0, 67, 119;
  --primary-hover: #00355E;
  --primary-transparent: #E6EEF4;
  --secondary: #00B89F;
  --secondary-rgb: 0, 184, 159;
  --secondary-hover: #00A08A;
  --secondary-transparent: #E6F8F5;
  --marca-turquesa-texto: #00806E;
  --bs-primary: #004377;
  --bs-primary-rgb: 0, 67, 119;
  --bs-link-color: #004377;
  --bs-link-color-rgb: 0, 67, 119;
  --bs-link-hover-color: #00355E;
  --bs-link-hover-color-rgb: 0, 53, 94;
  --bs-secondary: #00B89F;
  --bs-secondary-rgb: 0, 184, 159;
}

/* En modo oscuro el azul marino no se lee sobre el fondo: se usa un azul más claro de la misma familia. */
:root[data-bs-theme=dark] {
  --primary: #3D8FD1;
  --primary-rgb: 61, 143, 209;
  --primary-hover: #5AA3DD;
  --primary-transparent: #0F2233;
  --secondary-transparent: #0D2E2A;
  --marca-turquesa-texto: #00B89F;
  --bs-primary: #3D8FD1;
  --bs-primary-rgb: 61, 143, 209;
  --bs-link-color: #3D8FD1;
  --bs-link-color-rgb: 61, 143, 209;
  --bs-link-hover-color: #5AA3DD;
  --bs-link-hover-color-rgb: 90, 163, 221;
}

/* Texto turquesa legible sobre fondo claro (el turquesa del logo es muy claro para texto). */
.text-secondary {
  color: var(--marca-turquesa-texto) !important;
}

/* Logo (html/prestapp-assets): se fija el alto y el ancho se ajusta a la proporción. */
.sidebar .sidebar-logo .logo-normal img,
.sidebar .sidebar-logo .dark-logo img,
.navbar-header .logo .logo-lg img {
  width: auto;
  height: 36px;
}
.sidebar .sidebar-logo .logo-small img,
.navbar-header .logo .logo-sm img {
  width: auto;
  height: 34px;
}
.logo-marca {
  width: 100%;
  max-width: 280px;
  height: auto;
}

/* Fondo del login: el de la plantilla, recoloreado con el azul de la marca. */
.auth-bg-custom {
  background-image: url(../img/marca/auth-bg.jpg);
}