.unlogged-left {
    background-color: #8e162e;
}

body {
    font-family: "Maven Pro", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

/* Variables principales de Bootstrap - Reemplazar primary por burdeos */
:root,
[data-bs-theme=light] {
    --bs-primary: #8e162e !important;
    --bs-primary-rgb: 142, 22, 46 !important;
    --bs-primary-text: #8e162e !important;
    --bs-primary-bg-subtle: #f8e6ed !important;
    --bs-primary-border-subtle: #e6b3c3 !important;
    --bs-primary-inverse: #ffffff !important;
    --bs-primary-active: #8c1133 !important;
    --bs-primary-light: #f8e6ed !important;
    --bs-link-color: #8e162e !important;
    --bs-link-color-rgb: 142, 22, 46 !important;
    --bs-link-hover-color: #8c1133 !important;
    --bs-link-hover-color-rgb: 140, 17, 51 !important;
    --bs-component-active-bg: #8e162e !important;
    --bs-component-hover-color: #8e162e !important;
    --bs-component-checked-bg: #8e162e !important;
    --bs-text-primary: #8e162e !important;
    --bs-menu-link-color-hover: #8e162e !important;
    --bs-menu-link-color-active: #8e162e !important;
}

/* Variables para tema oscuro */
[data-bs-theme=dark] {
    --bs-primary: #8e162e !important;
    --bs-primary-rgb: 142, 22, 46 !important;
    --bs-primary-text: #8e162e !important;
    --bs-primary-bg-subtle: #f8e6ed !important;
    --bs-primary-border-subtle: #e6b3c3 !important;
    --bs-primary-inverse: #ffffff !important;
    --bs-primary-active: #8c1133 !important;
    --bs-primary-light: #2a1e24 !important;
    --bs-link-color: #8e162e !important;
    --bs-link-color-rgb: 142, 22, 46 !important;
    --bs-link-hover-color: #8c1133 !important;
    --bs-link-hover-color-rgb: 140, 17, 51 !important;
    --bs-component-active-bg: #8e162e !important;
    --bs-component-hover-color: #8e162e !important;
    --bs-component-checked-bg: #8e162e !important;
    --bs-text-primary: #8e162e !important;
    --bs-menu-link-color-hover: #8e162e !important;
    --bs-menu-link-color-active: #8e162e !important;
}

/* Sobrescribir variables internas de botones primary */
.btn-primary {
    --bs-btn-color: #fff !important;
    --bs-btn-bg: #8e162e !important;
    --bs-btn-border-color: #8e162e !important;
    --bs-btn-hover-color: #fff !important;
    --bs-btn-hover-bg: #8c1133 !important;
    --bs-btn-hover-border-color: #8c1133 !important;
    --bs-btn-active-color: #fff !important;
    --bs-btn-active-bg: #8c1133 !important;
    --bs-btn-active-border-color: #8c1133 !important;
    --bs-btn-focus-shadow-rgb: 140, 17, 51 !important;
    --bs-btn-disabled-color: #fff !important;
    --bs-btn-disabled-bg: #e6b3c3 !important;
    --bs-btn-disabled-border-color: #e6b3c3 !important;
   
}

/* Forzar utilidades que en la plantilla tienen color fijo */
.text-primary {
    color: #8e162e !important;
}

.bg-primary {
    background-color: #8e162e !important;
}

.border-primary {
    border-color: #8e162e !important;
}

.link-primary {
    color: #8e162e !important;
}

    .link-primary:hover,
    .link-primary:focus {
        color: #8c1133 !important;
    }



/* Botón Primary - Asegurar colores en todos los estados */
.btn-primary,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
    color: #fff !important;
    background-color: #8e162e !important;
    border-color: #8e162e !important;
}

    .btn-primary:hover,
    .btn-primary:focus {
        background-color: #8c1133 !important;
        border-color: #8c1133 !important;
    }

    .btn-primary:active,
    .btn-primary.active,
    .show > .btn-primary.dropdown-toggle {
        background-color: #8c1133 !important;
        border-color: #8c1133 !important;
    }

    .btn-primary:disabled,
    .btn-primary.disabled {
        background-color: #e6b3c3 !important;
        border-color: #e6b3c3 !important;
    }

/* Progress bar primary */
.progress-bar {
    background-color: #8e162e !important;
}

/* Menu y navegación */
.menu-link-color-hover,
.menu-link-color-show,
.menu-link-color-here,
.menu-link-color-active {
    color: #8e162e !important;
}

/* Stepper primary */
.stepper .stepper-icon.current {
    background-color: #8e162e !important;
}

/* Ribbon primary */
.ribbon-label-bg {
    background-color: #8e162e !important;
}

/* Scrolltop primary */
.scrolltop {
    background-color: #8e162e !important;
}

/* Badges */
.badge.bg-primary {
    color: #fff !important;
    background-color: #8e162e !important;
}

/* Alerts */
.alert-primary {
    color: #842029;
    background-color: #f8e6ed;
    border-color: #e6b3c3;
}

/* List group primary */
.list-group-item-primary {
    color: #842029;
    background-color: #f8e6ed;
    border-color: #e6b3c3;
}

/* Breadcrumb primary */
.breadcrumb-item.active {
    color: #8e162e !important;
}

/**************************************************/

/* Sobrescribir menu-link active en landing header sticky */
[data-kt-sticky-landing-header=on] .landing-header .menu .menu-link.active {
    color: #8e162e !important;
    background-color: rgba(248, 230, 237, 0.4) !important;
}

/* También para el estado normal del menu-link active */
.landing-header .menu .menu-link.active {
    color: #8e162e !important;
}

/* Sobrescribir otros estados del menu en landing */
.menu-link.active {
    color: #8e162e !important;
}

/* Para asegurar que todos los enlaces activos usen burdeos */
.menu .menu-link.active,
.menu .menu-item.active .menu-link {
    color: #8e162e !important;
}

.landing-dark-bg {
    background-color: #2b0812 !important;
}

.landing-curve.landing-dark-color {
    background-color: #fff !important; /* fondo blanco */
    color: #2b0812 !important; /* color de la curva */
}


/* Boton Custom azul */
.btn-blueCustom {
    background-color: #162e8e !important;
    border-color: #162e8e !important;
    color: #fff !important;
}

    .btn-blueCustom:hover {
        background-color: #1a399e !important;
        border-color: #1a399e !important;
        color: #fff !important;
    }


/* Sidebar principal */
.app-sidebar {
    background-color: #8e162e !important;
    color: #fff !important;
    font-family: "Maven Pro", sans-serif !important;
    border-right: 0 !important;
}

/* Enlaces del menú de la sidebar */
.app-sidebar .menu-link {
    color: #fff !important;
    text-decoration: none !important;
    transition: none !important;
}

/* Títulos del menú de la sidebar */
.app-sidebar .menu-title {
    color: #fff !important;
    /*font-weight: 500 !important;*/
}

/* Iconos del menú de la sidebar */
.app-sidebar .menu-icon i {
    color: #fff !important;
}

/* Hover y focus en enlaces del menú de la sidebar */
.app-sidebar .menu-link:hover,
.app-sidebar .menu-link:focus {
    background-color: transparent !important;
    color: #fff !important;
    text-decoration: none !important;
}

/* Enlace activo del menú de la sidebar */
.app-sidebar .menu .menu-item .menu-link.active,
.app-sidebar .menu .menu-item .menu-link.active .menu-title {
    background-color: transparent !important;
    color: #fff !important;
    font-weight: 600 !important;
    box-shadow: none !important;
    transition: none !important;
}


    .app-sidebar .menu .menu-item .menu-link.active,
    .app-sidebar .menu .menu-item .menu-link.active .menu-title,
    .app-sidebar .menu .menu-item.menu-accordion.here.show > .menu-link,
    .app-sidebar .menu .menu-item.menu-accordion.here.show > .menu-link .menu-title {
        background-color: transparent !important;
        color: #fff !important;
        font-weight: 600 !important;
        box-shadow: none !important;
        transition: none !important;
    }