/*
 * Tema de marca CONFIRMA.
 *
 * El bootstrap.css (BS3.4.1) que había en develop NO era el Bootstrap de
 * fábrica: estaba compilado con los colores "primary/success/info/warning/
 * danger" sustituidos por la paleta de marca (gris oscuro #24292E, verde
 * azulado #1a9988, cian #00B0C7, coral #dd7e6b, etc.), y con los enlaces
 * en gris oscuro sin subrayado en vez del azul de Bootstrap por defecto.
 *
 * Al sustituir bootstrap.css por un Bootstrap 5.3.8 de fábrica (necesario
 * para solucionar la vulnerabilidad de BS3), esa paleta de marca se perdió:
 * botones, enlaces, navbar, paneles, alertas, etc. volvieron a los colores
 * genéricos de Bootstrap. Esta hoja la restaura, apoyándose en las custom
 * properties de BS5 (--bs-primary, --bs-btn-bg, --bs-alert-bg, etc.) en vez
 * de pelearse con cada selector como había que hacer en BS3.
 *
 * Cargar DESPUÉS de bootstrap.css y bootstrap3-compat.css.
 */

/* ---------- Paleta base ----------
   Sustituye los "theme colors" de BS5 por los de marca. Esto alimenta
   automáticamente utilidades que ya usan estas variables: text-primary,
   bg-primary, border-primary, text-bg-primary (badges), focus rings, etc. */
:root {
    --bs-primary: #434343;
    --bs-primary-rgb: 67, 67, 67;
    --bs-success: #1a9988;
    --bs-success-rgb: 26, 153, 136;
    --bs-info: #24292E;
    --bs-info-rgb: 36, 41, 46;
    --bs-warning: #00B0C7;
    --bs-warning-rgb: 0, 176, 199;
    --bs-danger: #dd7e6b;
    --bs-danger-rgb: 221, 126, 107;
    --bs-link-color: #24292E;
    --bs-link-color-rgb: 36, 41, 46;
    --bs-link-hover-color: #737373;
    --bs-link-hover-color-rgb: 115, 115, 115;
}

/* ---------- Enlaces ----------
   La marca usa enlaces sin subrayar, en gris oscuro (no el azul de BS5). */
a {
    text-decoration: none;
}

/* ---------- Botones ----------
   Cada .btn-* de BS5 define sus propios --bs-btn-* con el color de fábrica
   ya "quemado", así que hay que redefinirlos aquí (cambiar solo la variable
   raíz --bs-primary etc. no llega a los botones). */
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #434343;
    --bs-btn-border-color: #434343;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #434343;
    --bs-btn-hover-border-color: #434343;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #434343;
    --bs-btn-active-border-color: #434343;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #434343;
    --bs-btn-disabled-border-color: #434343;
}
.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #00B0C7;
    --bs-btn-border-color: #00B0C7;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #00B0C7;
    --bs-btn-hover-border-color: #00B0C7;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #00B0C7;
    --bs-btn-active-border-color: #00B0C7;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #00B0C7;
    --bs-btn-disabled-border-color: #00B0C7;
}
.btn-info {
    --bs-btn-color: #fff;
    --bs-btn-bg: #24292E;
    --bs-btn-border-color: #24292E;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #737373;
    --bs-btn-hover-border-color: #737373;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #737373;
    --bs-btn-active-border-color: #737373;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #24292E;
    --bs-btn-disabled-border-color: #24292E;
}
.btn-warning {
    --bs-btn-color: #fff;
    --bs-btn-bg: #00B0C7;
    --bs-btn-border-color: #00B0C7;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #00B0C7;
    --bs-btn-hover-border-color: #00B0C7;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #00B0C7;
    --bs-btn-active-border-color: #00B0C7;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #00B0C7;
    --bs-btn-disabled-border-color: #00B0C7;
}
.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #dd7e6b;
    --bs-btn-border-color: #dd7e6b;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #dd7e6b;
    --bs-btn-hover-border-color: #dd7e6b;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #dd7e6b;
    --bs-btn-active-border-color: #dd7e6b;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #dd7e6b;
    --bs-btn-disabled-border-color: #dd7e6b;
}
.btn-link {
    color: #24292E;
}
.btn-link:hover,
.btn-link:focus {
    color: #737373;
}

/* ---------- Badges / text-bg-* ----------
   .text-bg-info y .text-bg-warning fijan color:#000 con !important en BS5;
   con fondo oscuro/saturado de marca hace falta texto blanco, como en la
   plataforma original. */
.text-bg-info,
.text-bg-warning {
    color: #fff !important;
}

/* ---------- text-info ----------
   En develop .text-info NO usaba el color de marca "info" (#24292E, el de
   paneles/alertas/botones): era una variable de estado independiente
   (Bootstrap separa $brand-info de $state-info-text) recompilada aparte a
   un verde grisáceo claro (#B8C1B5). BS5 sí liga .text-info directamente a
   --bs-info (nuestro #24292E), así que el icono de "cerrar sesión" del
   menú (icon .text-info sobre fondo oscuro #2b3136) sale casi invisible:
   oscuro sobre oscuro. Se restaura el valor real de develop.
   Nota: como BS5 ya traía .text-info con !important, aquí hace falta
   !important también para ganarle (si no, gana el !important de BS5 y
   volvemos al problema). Eso sí puede tapar un color más específico puesto
   aposta encima en algún sitio puntual (p. ej. .sil-color-333 en el título
   del modal de perfil, que quiere #333 en vez del verde); esos casos
   puntuales llevan su propio !important en in_line.css para poder ganarle
   a este. */
.text-info {
    color: #B8C1B5 !important;
}

/* ---------- Alertas ---------- */
.alert-success {
    --bs-alert-color: #0d5a51;
    --bs-alert-bg: #d6f0ed;
    --bs-alert-border-color: #1a9988;
}
.alert-info {
    --bs-alert-color: #455660;
    --bs-alert-bg: #B8C1B5;
    --bs-alert-border-color: #B8C1B5;
}
.alert-info .alert-link {
    color: #24292E;
}
.alert-warning {
    --bs-alert-color: #00738a;
    --bs-alert-bg: #cceff5;
    --bs-alert-border-color: #00B0C7;
}
.alert-danger {
    --bs-alert-color: #8a4536;
    --bs-alert-bg: #f7e2dd;
    --bs-alert-border-color: #dd7e6b;
}

/* ---------- Navbar ----------
   BS5 no tiene estilo alguno para .navbar-default (se eliminó al pasar a
   navbar-light/navbar-dark); se restaura el fondo oscuro de marca. El
   contraste del texto (claro sobre fondo oscuro) lo da la clase real
   .navbar-dark añadida en menu.php. */
.navbar-default {
    background-color: #24292E;
    border-color: #333;
}

/* panel-info y breadcrumb ya llevan sus valores de marca correctos
   directamente en bootstrap3-compat.css (no hace falta pisarlos aquí). */

/* ---------- input-group + .sil-w-100 ----------
   .sil-w-100 pone width:100% !important en el form-control; dentro de un
   .input-group (p.ej. el campo de contraseña con el botón de "ver/ocultar"
   en login.php) eso rompe el mecanismo flex de BS5, que necesita que el
   .form-control tenga width:1% para encogerse y dejar sitio al botón. Se
   restringe a 1% solo cuando .sil-w-100 está dentro de un .input-group. */
.input-group > .sil-w-100 {
    width: 1% !important;
}

/* ---------- pagination ----------
   Activo charcoal (como referencia UI); el resto vive en bootstrap3-compat. */
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.page-item.active .page-link {
    color: #fff;
    background-color: #212529;
    border-color: #212529;
}