/*
 * Tema institucional CETI. Se carga después de bootstrap.min.css, app.min.css y preloader.min.css.
 *
 * La plantilla (Minia) se adaptó cambiando solo el color base de primary/secondary; sus estados (hover, active,
 * foco, fondos "subtle"), la barra de carga (pace) y algunos efectos conservaban la paleta original de la plantilla
 * (azul #5156be y gris azulado #74788d). Aquí se derivan de la paleta oficial con las mismas fórmulas de Bootstrap
 * (shade-color / tint-color), para no editar los .min.css del proveedor.
 *
 * Paleta oficial: tinto #611232 (primary), dorado #a57f2c (secondary), guinda #9d2449, dorado claro #bc955c,
 * verde #13322e.
 */

:root,
[data-bs-theme=light] {
    --ceti-tinto: #611232;
    --ceti-tinto-rgb: 97, 18, 50;
    --ceti-dorado: #a57f2c;
    --ceti-dorado-rgb: 165, 127, 44;
    --ceti-guinda: #9d2449;
    --ceti-dorado-claro: #bc955c;
    --ceti-verde: #13322e;

    /* Enlaces (también usados por nav-link, paginación y btn-link): hover era #414598 */
    --bs-link-hover-color: #4e0e28;
    --bs-link-hover-color-rgb: 78, 14, 40;

    /* Variantes "subtle" (alertas, badges, bg-*-subtle) */
    --bs-primary-text-emphasis: #270714;
    --bs-primary-bg-subtle: #dfd0d6;
    --bs-primary-border-subtle: #c0a0ad;
    --bs-secondary-text-emphasis: #423312;
    --bs-secondary-bg-subtle: #ede5d5;
    --bs-secondary-border-subtle: #dbccab;

    /* Efectos del menú lateral: eran rgba(81, 86, 190, …) */
    --bs-sidebar-menu-item-hover-effact-color: rgba(97, 18, 50, 0.2);
    --bs-sidebar-menu-item-active-effact-color: rgba(97, 18, 50, 0.2);
    --bs-sidebar-alert: rgba(97, 18, 50, 0.1);
}

[data-bs-theme=dark] {
    --bs-link-color: #a07184;
    --bs-link-color-rgb: 160, 113, 132;
    --bs-link-hover-color: #c0a0ad;
    --bs-link-hover-color-rgb: 192, 160, 173;
    --bs-primary-text-emphasis: #a07184;
    --bs-primary-bg-subtle: #13040a;
    --bs-primary-border-subtle: #3a0b1e;
}

/* ---------------------------------------------------------------- Botones */
.btn-primary {
    --bs-btn-hover-bg: #520f2a;
    --bs-btn-hover-border-color: #4e0e28;
    --bs-btn-focus-shadow-rgb: 121, 54, 81;
    --bs-btn-active-bg: #4e0e28;
    --bs-btn-active-border-color: #490e26;
}

.btn-secondary {
    --bs-btn-hover-bg: #8c6c25;
    --bs-btn-hover-border-color: #846623;
    --bs-btn-focus-shadow-rgb: 179, 146, 76;
    --bs-btn-active-bg: #846623;
    --bs-btn-active-border-color: #7c5f21;
}

.btn-link {
    --bs-btn-focus-shadow-rgb: 121, 54, 81;
}

.btn-primary.dropdown-toggle-split {
    background-color: #793651;
    border-color: #793651;
}

.btn-secondary.dropdown-toggle-split {
    background-color: #b3924c;
    border-color: #b3924c;
}

.badge.bg-primary[href]:focus,
.badge.bg-primary[href]:hover {
    background-color: #520f2a !important;
}

.badge.bg-secondary[href]:focus,
.badge.bg-secondary[href]:hover {
    background-color: #8c6c25 !important;
}

/* Efecto "waves" de la plantilla en botones */
.waves-effect.waves-primary .waves-ripple {
    background-color: rgba(97, 18, 50, 0.4);
}

/* ---------------------------------------------------------------- Formularios (borde de foco era #a8abdf) */
.form-control:focus,
.form-select:focus,
.form-check-input:focus,
.table-edits input:focus,
.table-edits select:focus {
    border-color: #b08898;
}

.form-switch .form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23b08898'/%3e%3c/svg%3e");
}

.form-switch .form-check-input:checked {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.form-range::-webkit-slider-thumb:active {
    background-color: #d0b8c2;
}

.form-range::-moz-range-thumb:active {
    background-color: #d0b8c2;
}

.table-primary {
    --bs-table-bg: #dfd0d6;
    --bs-table-striped-bg: #d4c6cb;
}

/* ---------------------------------------------------------------- Barra de carga superior (pace.js) */
.pace .pace-progress {
    background: linear-gradient(to right, #611232 0%, #9d2449 40%, #a57f2c 75%, #bc955c 100%);
}

.pace .pace-activity {
    background: #611232;
}

/* ---------------------------------------------------------------- SweetAlert2
 * Por defecto el botón de confirmar es violeta (#7066e0) y el foco usa ese mismo tono.
 * Especificidad mayor que la hoja de SweetAlert2 (que usa :where), así aplica en V1 (CDN) y V2 (npm).
 */
.swal2-styled.swal2-confirm {
    background-color: #611232;
}

.swal2-styled.swal2-cancel {
    background-color: #74788d;
}

.swal2-styled.swal2-deny {
    background-color: #fd625e;
}

.swal2-styled.swal2-confirm:focus,
.swal2-styled.swal2-confirm:focus-visible {
    box-shadow: 0 0 0 3px rgba(97, 18, 50, 0.35);
}

.swal2-styled.swal2-cancel:focus,
.swal2-styled.swal2-cancel:focus-visible {
    box-shadow: 0 0 0 3px rgba(116, 120, 141, 0.35);
}

.swal2-loader {
    border-color: #611232 transparent #611232 transparent;
}

.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step,
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
    background: rgba(97, 18, 50, 0.3);
}

/* ---------------------------------------------------------------- Otros componentes de la plantilla */
.flatpickr-day.today {
    background-color: rgba(97, 18, 50, 0.1);
}

.flatpickr-day.today:focus,
.flatpickr-day.today:hover {
    background-color: rgba(97, 18, 50, 0.15) !important;
}

.twitter-bs-wizard .twitter-bs-wizard-nav .step-icon {
    border-color: rgba(97, 18, 50, 0.2);
}

.twitter-bs-wizard .twitter-bs-wizard-nav .nav-link.active .step-icon {
    background-color: rgba(97, 18, 50, 0.2);
    border-color: rgba(97, 18, 50, 0.2);
}

.chat-list li.active a,
.chat-list li a:hover {
    background-color: rgba(97, 18, 50, 0.075);
}

.table-rep-plugin .btn-group .btn-default.btn-primary {
    box-shadow: 0 0 0 2px rgba(97, 18, 50, 0.5);
}