/**
 * ChaQuu — primario rojo (carga al final del layout para ganar especificidad).
 */
:root {
    --primary-clr: #dc2626;
    --primary-clr-rgb: 220, 38, 38;
    --primary: #b91c1c;
    --dark-clr: #7f1d1d;
    --theme-clr: #dc2626;
    --base: #b91c1c;
    --blue: #dc2626;
}

body.v2-chrome {
    --v2-bg: #faf8f8;
    --v2-primary: #dc2626;
    --v2-primary-deep: #b91c1c;
    --v2-primary-tint: #fee2e2;
    --v2-primary-tint-strong: #fecaca;
    --v2-module: #dc2626;
    --v2-module-deep: #b91c1c;
    --v2-module-tint: #fee2e2;
    --v2-module-tint-strong: #fecaca;
}

/* Bootstrap + theme primary buttons */
.btn-primary,
.btn-primary.disabled,
.btn-primary:disabled {
    background-color: #dc2626 !important;
    border-color: #dc2626 !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
    background-color: #b91c1c !important;
    border-color: #b91c1c !important;
    color: #fff !important;
}

.btn--primary,
.btn--primary:hover,
.btn--primary:focus,
.btn--primary:active {
    background: #dc2626 !important;
    border-color: #dc2626 !important;
    color: #fff !important;
}

.btn-outline-primary {
    color: #dc2626 !important;
    border-color: #dc2626 !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
    background: #dc2626 !important;
    border-color: #dc2626 !important;
    color: #fff !important;
}

.auth-wrapper-right .btn--primary,
.forget-pass-content .btn--primary,
.otp-card .btn--primary,
.auth-wrapper-right .reset-password .btn--primary,
.auth-wrapper-right .otp-card .btn--primary {
    background: #dc2626 !important;
    border-color: #dc2626 !important;
}

.text--039D55 {
    color: #dc2626 !important;
}

.text-primary,
a.text-primary:hover,
a.text-primary:focus {
    color: #dc2626 !important;
}

.bg-primary,
.badge-primary {
    background-color: #dc2626 !important;
}

.badge-soft-primary {
    color: #b91c1c !important;
    background-color: rgba(220, 38, 38, 0.1) !important;
    border-color: rgba(220, 38, 38, 0.35) !important;
}

a.badge-soft-primary:hover,
a.badge-soft-primary:focus {
    background: #dc2626 !important;
    color: #fff !important;
}

.page-item.active .page-link {
    background-color: #dc2626 !important;
    border-color: #dc2626 !important;
}

.add-content-btn,
.__plan-item,
.bg-not-hover-primary-ash:not(:hover) {
    --primary-clr: #dc2626;
}

.bg-1079801A,
.bg-not-hover-primary-ash:not(:hover) {
    background: rgba(220, 38, 38, 0.08) !important;
    border-color: rgba(220, 38, 38, 0.35) !important;
}

/* Botón suave primario (vista comercio): sin mezclar con .btn--primary sólido */
.bg--soft-priamry-10,
.bg--soft-primary-10 {
    background: rgba(220, 38, 38, 0.1) !important;
    border: 1px solid rgba(220, 38, 38, 0.28) !important;
    color: #b91c1c !important;
}

.bg--soft-priamry-10:hover,
.bg--soft-primary-10:hover,
a.bg--soft-priamry-10:hover,
a.bg--soft-primary-10:hover {
    background: #dc2626 !important;
    border-color: #dc2626 !important;
    color: #fff !important;
}

.apex-legends div.before-bg-107980::before {
    background: #dc2626 !important;
}

body.v2-chrome .v2-dot--blue {
    background: var(--v2-primary) !important;
}

.custom-control-input:checked ~ .custom-control-label::before,
.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #dc2626 !important;
    border-color: #dc2626 !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #dc2626 !important;
}

.drp-buttons .btn-primary {
    background: #dc2626 !important;
    border-color: #dc2626 !important;
}