.content-editor-front
/* Estilos CSS generados por IA para sobreescribir Bootstrap 5 */

:root {
    --theme-color1: #1d4161;
    --theme-color4: #336799;
    --theme-color1-transparent: rgba(29, 65, 97, 0.1) !important;
    --theme-color4-transparent: rgba(51, 103, 153, 0.1) !important;
}

.content-editor-front
/* BOTONES */

.btn {
    border-radius: 0.3rem !important;
}

.content-editor-front .btn-primary {
    background-color: var(--theme-color1) !important;
    border-color: var(--theme-color1) !important;
    color: #fff !important;
}

.content-editor-front .btn-primary:hover {
    background-color: var(--theme-color4) !important;
    border-color: var(--theme-color4) !important;
    color: #fff !important;
}

.content-editor-front .btn-primary:active {
    background-color: var(--theme-color4) !important;
    border-color: var(--theme-color4) !important;
    color: #fff !important;
}

.content-editor-front .btn-primary.disabled,
.content-editor-front .btn-primary:disabled {
    background-color: var(--theme-color1) !important;
    border-color: var(--theme-color1) !important;
    color: #fff !important;
}

.content-editor-front .btn-secondary {
    background-color: #6c757d !important;
    border-color: #6c757d !important;
    color: #fff !important;
}

.content-editor-front .btn-secondary:hover {
    background-color: #5a6268 !important;
    border-color: #5a6268 !important;
    color: #fff !important;
}

.content-editor-front .btn-secondary:active {
    background-color: #5a6268 !important;
    border-color: #5a6268 !important;
    color: #fff !important;
}

.content-editor-front .btn-secondary.disabled,
.content-editor-front .btn-secondary:disabled {
    background-color: #6c757d !important;
    border-color: #6c757d !important;
    color: #fff !important;
}

.content-editor-front .btn-outline-primary {
    background-color: transparent !important;
    border-color: var(--theme-color1) !important;
    color: var(--theme-color1) !important;
}

.content-editor-front .btn-outline-primary:hover {
    background-color: var(--theme-color1-transparent) !important;
    border-color: var(--theme-color1) !important;
    color: var(--theme-color1) !important;
}

.content-editor-front .btn-outline-primary:active {
    background-color: var(--theme-color1-transparent) !important;
    border-color: var(--theme-color1) !important;
    color: var(--theme-color1) !important;
}

.content-editor-front .btn-outline-primary.disabled,
.content-editor-front .btn-outline-primary:disabled {
    background-color: transparent !important;
    border-color: var(--theme-color1) !important;
    color: var(--theme-color1) !important;
}

.content-editor-front .btn-outline-secondary {
    background-color: transparent !important;
    border-color: #6c757d !important;
    color: #6c757d !important;
}

.content-editor-front .btn-outline-secondary:hover {
    background-color: rgba(108, 117, 125, 0.1) !important;
    border-color: #6c757d !important;
    color: #6c757d !important;
}

.content-editor-front .btn-outline-secondary:active {
    background-color: rgba(108, 117, 125, 0.1) !important;
    border-color: #6c757d !important;
    color: #6c757d !important;
}

.content-editor-front .btn-outline-secondary.disabled,
.content-editor-front .btn-outline-secondary:disabled {
    background-color: transparent !important;
    border-color: #6c757d !important;
    color: #6c757d !important;
}

.content-editor-front
/* BOTÓN LINK */

.btn-link {
    background: var(--theme-color1) !important;
    border: none !important;
    padding: 1rem !important;
    color: #fff !important;
    text-decoration: none !important;
}

.content-editor-front .btn-link:hover {
    color: #fff !important;
    background: var(--theme-color4) !important;
}

.content-editor-front .btn-link:active {
    color: #fff !important;
    background: var(--theme-color4) !important;
}

.content-editor-front .btn-link.disabled,
.content-editor-front .btn-link:disabled {
    color: #fff !important;
    background: var(--theme-color1) !important;
}

.content-editor-front
/* NAV-PILLS */

.nav-pills .nav-link.active {
    background-color: var(--theme-color1) !important;
    color: #fff !important;
}

.content-editor-front
/* NAV-TABS */

.nav-tabs .nav-link.active {
    color: var(--theme-color1) !important;
    border-bottom-color: var(--theme-color1) !important;
}

.content-editor-front .nav-tabs .nav-link:hover {
    color: var(--theme-color4) !important;
}

.content-editor-front
/* NAV-LINK */

.nav-link {
    color: var(--theme-color1) !important;
}

.content-editor-front .nav-link:hover {
    color: var(--theme-color4) !important;
}

.content-editor-front
/* ACCORDION */

.accordion-button {
    background-color: var(--theme-color1) !important;
    color: #fff !important;
}

.content-editor-front .accordion-button:not(.collapsed) {
    background-color: var(--theme-color4) !important;
    color: #fff !important;
}

.content-editor-front .accordion-body {
    background-color: var(--theme-color1-transparent) !important;
}

.content-editor-front
/* HEADINGS */

h1,
.content-editor-front h2,
.content-editor-front h3,
.content-editor-front h4,
.content-editor-front h5,
.content-editor-front h6 {
    color: var(--theme-color4) !important;
}

.content-editor-front
/* BADGES */

.badge.bg-primary {
    background-color: var(--theme-color1) !important;
}

.bg-primary {
    background-color: var(--theme-color1) !important;
}

.text-primary {
    color: var(--theme-color1) !important;
}

.content-editor-front .badge.bg-secondary {
    background-color: #6c757d !important;
}

.content-editor-front
/* PROGRESS BARS */

.progress-bar {
    background-color: var(--theme-color1) !important;
}

.content-editor-front
/* ALERTS */

.alert-primary {
    background-color: var(--theme-color1-transparent) !important;
    border-color: var(--theme-color1) !important;
    color: var(--theme-color1) !important;
}

.content-editor-front .alert-secondary {
    background-color: rgba(108, 117, 125, 0.1) !important;
    border-color: #6c757d !important;
    color: #6c757d !important;
}

.content-editor-front
/* FORM CONTROLS */

.form-control,
.content-editor-front .form-select {
    border-color: #ced4da !important;
}

.content-editor-front
/* PAGINATION */

.page-item.active .page-link {
    background-color: var(--theme-color1) !important;
    border-color: var(--theme-color1) !important;
}

.content-editor-front
/* CARDS */

.card {
    border-top: 0.25rem solid var(--theme-color1) !important;
}

.content-editor-front
/* TABLES */

.table thead th {
    background-color: var(--theme-color1) !important;
    color: #fff !important;
}

.content-editor-front .table-primary {
    background-color: var(--theme-color1-transparent) !important;
}

.content-editor-front
/* DROPDOWNS */

.dropdown-item:active {
    background-color: var(--theme-color4) !important;
    color: #fff !important;
}

.content-editor-front
/* LIST-GROUP */

.list-group-item.active {
    background-color: var(--theme-color1) !important;
    border-color: var(--theme-color1) !important;
    color: #fff !important;
}