/* ============================================================
   Comunidad Industrial — Tema de marca (override global)
   Remapea el "primary" azul de Bootstrap (#0D6EFD) a amarillo
   industrial (#F5C800). En rellenos, el texto va en gris carbón
   (#1E1E1E) para no perderse; en texto/enlaces sobre fondo claro
   se usa un ámbar oscuro (#B8860B) legible.
   Cargar SIEMPRE después de bootstrap.min.css.
   ============================================================ */

:root {
    --bs-primary: #F5C800;
    --bs-primary-rgb: 245, 200, 0;

    /* Enlaces / acento sobre claro: oro vivo (familia amarilla). El amarillo
       #F5C800 puro no se lee sobre blanco, así que en texto se profundiza al
       oro más vivo que aún es legible; el #F5C800 pleno va en rellenos y en el
       sidebar oscuro. */
    --bs-link-color: #C8890B;
    --bs-link-color-rgb: 200, 137, 11;
    --bs-link-hover-color: #A5710A;
    --bs-link-hover-color-rgb: 165, 113, 10;
    /* Info (cian, familia azul) → oro cálido para eliminar el azul */
    --bs-info-rgb: 176, 126, 0;

    /* Anillo de foco */
    --bs-focus-ring-color: rgba(245, 200, 0, .35);
}

/* ----------  Botón sólido primary: amarillo + texto oscuro  ---------- */
.btn-primary {
    --bs-btn-color: #1E1E1E;
    --bs-btn-bg: #F5C800;
    --bs-btn-border-color: #F5C800;
    --bs-btn-hover-color: #1E1E1E;
    --bs-btn-hover-bg: #FFD524;
    --bs-btn-hover-border-color: #FFD524;
    --bs-btn-focus-shadow-rgb: 245, 200, 0;
    --bs-btn-active-color: #1E1E1E;
    --bs-btn-active-bg: #E6B800;
    --bs-btn-active-border-color: #E6B800;
    --bs-btn-disabled-color: #1E1E1E;
    --bs-btn-disabled-bg: #F5C800;
    --bs-btn-disabled-border-color: #F5C800;
}

/* ----------  Botón outline primary  ---------- */
.btn-outline-primary {
    --bs-btn-color: #B07E00;             /* legible sobre blanco */
    --bs-btn-border-color: #F5C800;
    --bs-btn-hover-color: #1E1E1E;
    --bs-btn-hover-bg: #F5C800;
    --bs-btn-hover-border-color: #F5C800;
    --bs-btn-focus-shadow-rgb: 245, 200, 0;
    --bs-btn-active-color: #1E1E1E;
    --bs-btn-active-bg: #F5C800;
    --bs-btn-active-border-color: #F5C800;
    --bs-btn-disabled-color: #B07E00;
    --bs-btn-disabled-border-color: #F5C800;
}

/* ----------  Fondos primary: relleno amarillo, texto oscuro  ---------- */
.bg-primary {
    background-color: #F5C800 !important;
    color: #1E1E1E !important;
}
.bg-primary .text-white,
.bg-primary.text-white {
    color: #1E1E1E !important;   /* evita texto blanco perdido sobre amarillo */
}

/* ----------  Acento (texto/enlaces) sobre fondo claro  ---------- */
/* El amarillo #F5C800 puro es ilegible sobre blanco (~1.4:1). En TEXTO sobre
   claro se usa el oro más vivo que aún se lee (#C8890B). El amarillo pleno
   #F5C800 va en rellenos (con texto oscuro) y en el sidebar oscuro. */
.text-primary {
    color: #C8890B !important;
}
.link-primary {
    color: #C8890B !important;
}
.link-primary:hover,
.link-primary:focus {
    color: #A5710A !important;
}
a {
    color: #C8890B;
}
a:hover {
    color: #A5710A;
}
/* Dentro de rellenos amarillos, el acento va en carbón para no perderse */
.bg-primary .text-primary,
.bg-primary .text-warning,
.bg-primary .text-white,
.bg-primary a {
    color: #1E1E1E !important;
}
/* Título de página en el navbar blanco: gris carbón (no un oro apagado) */
.navbar-brand.text-primary {
    color: #1E1E1E !important;
}

/* ----------  Bordes primary  ---------- */
.border-primary {
    border-color: #F5C800 !important;
}

/* ----------  Formularios  ---------- */
.form-control:focus,
.form-select:focus {
    border-color: #F5C800;
    box-shadow: 0 0 0 .25rem rgba(245, 200, 0, .30);
}
.form-check-input:checked {
    background-color: #F5C800;
    border-color: #F5C800;
}
/* Palomita / punto en gris carbón para que no se pierda sobre el amarillo vivo */
.form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%231E1E1E' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E");
}
.form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='2' fill='%231E1E1E'/%3E%3C/svg%3E");
}
.form-check-input:focus {
    border-color: #F5C800;
    box-shadow: 0 0 0 .25rem rgba(245, 200, 0, .30);
}

/* ----------  Componentes con estado activo azul  ---------- */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: #F5C800;
    color: #1E1E1E;
}
.nav-link {
    --bs-nav-link-color: #C8890B;
    --bs-nav-link-hover-color: #A5710A;
}
.nav-tabs .nav-link.active {
    color: #1E1E1E;
}

/* ============  Sidebar (gris claro): la LETRA activa enciende en AMARILLO VIVO  ============ */
/* Fondo gris claro. La letra activa/hover usa el amarillo vivo #F5C800; como sobre
   fondo claro se perdería, se le da un HALO/contorno oscuro muy fino (text-shadow)
   que la define y la hace legible sin barra ni fondo. El ícono hereda color y halo. */
.sidebar {
    background-color: #F5F5F5 !important;   /* gris claro (como estaba antes) */
    border-right: 1px solid rgba(0, 0, 0, .06);
}
.sidebar .nav-link {
    font-weight: 500;
    background-color: transparent !important;
    transition: color .15s ease;
}
.sidebar .nav-link i {
    color: inherit !important;              /* el ícono sigue el color de la letra */
}
/* Inactivo: texto oscuro normal (viene de .text-dark en el markup). */
/* Activo / hover: la letra cambia a oro #B8860B, legible sobre el gris claro
   (el amarillo #F5C800 puro se perdería). Sin barra, sin fondo, sin sombra. */
.sidebar .nav-link.active,
.sidebar .nav-link.active.text-primary,
.sidebar .nav-link.active.bg-light,
.sidebar .nav-link.text-dark:hover,
.sidebar .nav-link:hover,
.sidebar .nav-link:focus {
    color: #B8860B !important;
    background-color: transparent !important;  /* sin barra */
    box-shadow: none;
    text-shadow: none;
}
.sidebar .nav-link.active,
.sidebar .nav-link.active.text-primary {
    font-weight: 700;                        /* la página actual, en negrita */
}

.page-link {
    color: #B07E00;
}
.page-item.active .page-link {
    background-color: #F5C800;
    border-color: #F5C800;
    color: #1E1E1E;
}

.list-group-item.active {
    background-color: #F5C800;
    border-color: #F5C800;
    color: #1E1E1E;
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: #F5C800;
    color: #1E1E1E;
}

.progress-bar {
    background-color: #F5C800;
    color: #1E1E1E;
}

/* Spinners / iconografía que usaba text-primary */
.spinner-border.text-primary,
.spinner-grow.text-primary {
    color: #F5C800 !important;
}

/* Badges primary */
.badge.bg-primary,
.badge.text-bg-primary,
.text-bg-primary {
    background-color: #F5C800 !important;
    color: #1E1E1E !important;
}

/* Alertas primary (tono suave amarillo, texto oscuro legible) */
.alert-primary {
    --bs-alert-color: #6B5900;
    --bs-alert-bg: #FDF3CC;
    --bs-alert-border-color: #FBE99B;
    --bs-alert-link-color: #4D4000;
}

/* Form switches (usan el azul en el "on") */
.form-switch .form-check-input:checked {
    background-color: #F5C800;
    border-color: #F5C800;
}

/* SweetAlert2: botón de confirmar en amarillo vivo con texto oscuro
   (evita el azul/naranja por defecto; el confirmButtonColor inline queda anulado) */
.swal2-styled.swal2-confirm {
    background-color: #F5C800 !important;
    color: #1E1E1E !important;
    font-weight: 600;
}
.swal2-styled.swal2-confirm:focus {
    box-shadow: 0 0 0 3px rgba(245, 200, 0, .5) !important;
}

/* Tablas primary */
.table-primary {
    --bs-table-color: #1E1E1E;
    --bs-table-bg: #FCEFB5;
    --bs-table-border-color: #F1DE86;
    --bs-table-striped-bg: #F6E7A4;
    --bs-table-hover-bg: #F2E198;
    color: #1E1E1E;
}

/* Acordeón: quitar el azul del foco y del estado abierto */
.accordion {
    --bs-accordion-btn-focus-border-color: #F5C800;
    --bs-accordion-btn-focus-box-shadow: 0 0 0 .25rem rgba(245, 200, 0, .30);
    --bs-accordion-active-color: #1E1E1E;
    --bs-accordion-active-bg: #FCEFB5;
}

/* Anillos de foco de botones que por defecto usan el azul */
.btn:focus-visible,
.btn-check:focus-visible + .btn {
    --bs-btn-focus-shadow-rgb: 245, 200, 0;
}