.content-editor-front /* Estilos de sobreescritura para Bootstrap 5.3.7 generados por IA */

:root {
  --tanspot-base: #b52205 !important;
  --tanspot-black: #19216c !important;
}

.content-editor-front /* BOTONES */
.btn {
  border-radius: 0.5rem !important;
}

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

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

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

.content-editor-front .btn-secondary {
  background-color: var(--tanspot-black) !important;
  border-color: var(--tanspot-black) !important;
  color: #fff !important;
}

.content-editor-front .btn-secondary:hover {
  background-color: var(--tanspot-base) !important;
  border-color: var(--tanspot-base) !important;
  color: #fff !important;
}

.content-editor-front .btn-secondary:active {
  background-color: var(--tanspot-base) !important;
  border-color: var(--tanspot-base) !important;
  color: #fff !important;
}

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

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

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

.content-editor-front .btn-outline-secondary {
  background-color: transparent !important;
  border-color: var(--tanspot-black) !important;
  color: var(--tanspot-black) !important;
}

.content-editor-front .btn-outline-secondary:hover {
  background-color: var(--tanspot-black) !important;
  border-color: var(--tanspot-black) !important;
  color: #fff !important;
}

.content-editor-front .btn-outline-secondary:active {
  background-color: var(--tanspot-base) !important;
  border-color: var(--tanspot-base) !important;
  color: #fff !important;
}

.content-editor-front .btn-primary.disabled, .content-editor-front .btn-primary:disabled {
  background-color: rgba(var(--tanspot-base), 0.6) !important;
  border-color: rgba(var(--tanspot-base), 0.6) !important;
  color: #fff !important;
}

.content-editor-front .btn-secondary.disabled, .content-editor-front .btn-secondary:disabled {
  background-color: rgba(var(--tanspot-black), 0.6) !important;
  border-color: rgba(var(--tanspot-black), 0.6) !important;
  color: #fff !important;
}

.content-editor-front .btn-outline-primary.disabled, .content-editor-front .btn-outline-primary:disabled {
  background-color: transparent !important;
  border-color: rgba(var(--tanspot-base), 0.6) !important;
  color: rgba(var(--tanspot-base), 0.6) !important;
}

.content-editor-front .btn-outline-secondary.disabled, .content-editor-front .btn-outline-secondary:disabled {
  background-color: transparent !important;
  border-color: rgba(var(--tanspot-black), 0.6) !important;
  color: rgba(var(--tanspot-black), 0.6) !important;
}

.content-editor-front /* BOTÓN LINK */
.btn-link {
  background: var(--tanspot-base) !important;
  border: none !important;
  padding: 1rem !important;
  color: #fff !important;
  text-decoration: none !important;
  display: inline-block !important;
  vertical-align: middle !important;
  line-height: 1.5 !important;
}

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

.content-editor-front .btn-link:not(:disabled):not(.disabled) {
  cursor: pointer !important;
}

.content-editor-front .btn-link.disabled, .content-editor-front .btn-link:disabled {
  color: rgba(255, 255, 255, 0.5) !important;
  background-color: rgba(var(--tanspot-base), 0.5) !important;
}

.content-editor-front /* NAV PILLS */
.nav-pills .nav-link.active {
  background-color: var(--tanspot-base) !important;
  color: #fff !important;
}

.content-editor-front /* NAV TABS */
.nav-tabs .nav-link.active {
  color: var(--tanspot-base) !important;
  border-bottom-color: var(--tanspot-base) !important;
}

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

.content-editor-front /* NAV LINK */
.nav-link {
  color: var(--tanspot-black) !important;
}

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

.content-editor-front /* ACCORDION */
.accordion-button {
  background-color: var(--tanspot-base) !important;
  color: #fff !important;
}

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

.content-editor-front .accordion-body {
  background-color: #f8f9fa !important;
}

/* .content-editor-front 
h1, .content-editor-front h2, .content-editor-front h3, .content-editor-front h4, .content-editor-front h5, .content-editor-front h6 {
  color: var(--tanspot-black) !important;
} */

.content-editor-front /* BADGES */
.badge.bg-primary {
  background-color: var(--tanspot-base) !important;
}

.content-editor-front .badge.bg-secondary {
  background-color: var(--tanspot-black) !important;
}

.content-editor-front /* PROGRESS BARS */
.progress-bar {
  background-color: var(--tanspot-base) !important;
}

.content-editor-front /* ALERTS */
.alert-primary {
  background-color: rgba(var(--tanspot-base), 0.1) !important;
  border-color: rgba(var(--tanspot-base), 0.3) !important;
  color: var(--tanspot-base) !important;
}

.content-editor-front .alert-secondary {
  background-color: rgba(var(--tanspot-black), 0.1) !important;
  border-color: rgba(var(--tanspot-black), 0.3) !important;
  color: var(--tanspot-black) !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(--tanspot-base) !important;
  border-color: var(--tanspot-base) !important;
}

.content-editor-front /* CARDS */
.card {
  border-top: 0.25rem solid var(--tanspot-base) !important;
}

.content-editor-front /* TABLES */
.table thead th {
  background-color: var(--tanspot-black) !important;
  color: #fff !important;
}

.content-editor-front .table-primary thead th {
  background-color: var(--tanspot-base) !important;
  color: #fff !important;
}

.content-editor-front /* DROPDOWNS */
.dropdown-item:active {
  background-color: var(--tanspot-base) !important;
  color: #fff !important;
}

.content-editor-front /* LIST-GROUP */
.list-group-item.active {
  background-color: var(--tanspot-base) !important;
  border-color: var(--tanspot-base) !important;
}

.content-editor-front /* BACKGROUND COLORS */
.bg-primary {
  background-color: color-mix(in srgb, var(--tanspot-base) 20%, transparent) !important;
}

.content-editor-front .bg-secondary {
  background-color: color-mix(in srgb, var(--tanspot-black) 20%, transparent) !important;
}

.content-editor-front .bg-success {
  background-color: color-mix(in srgb, var(--tanspot-base) 20%, transparent) !important;
}

.content-editor-front .bg-info {
  background-color: color-mix(in srgb, var(--tanspot-base) 20%, transparent) !important;
}

.content-editor-front .bg-warning {
  background-color: color-mix(in srgb, var(--tanspot-black) 20%, transparent) !important;
}

.content-editor-front .bg-danger {
  background-color: color-mix(in srgb, var(--tanspot-black) 20%, transparent) !important;
}

.content-editor-front .bg-light {
  background-color: #f8f9fa !important;
}

.content-editor-front .bg-dark {
  background-color: #212529 !important;
}

.content-editor-front /* TEXT COLORS */
.text-primary {
  color: var(--tanspot-base) !important;
}

.content-editor-front .text-secondary {
  color: var(--tanspot-black) !important;
}

.content-editor-front .text-success {
  color: var(--tanspot-base) !important;
}

.content-editor-front .text-info {
  color: var(--tanspot-base) !important;
}

.content-editor-front .text-warning {
  color: var(--tanspot-black) !important;
}

.content-editor-front .text-danger {
  color: var(--tanspot-black) !important;
}

.content-editor-front .text-muted {
  color: #6c757d !important;
}

.content-editor-front .text-light {
  color: #f8f9fa !important;
}

.content-editor-front .text-dark {
  color: #212529 !important;
}

.content-editor-front /* BORDER COLORS */
.border-primary {
  border-color: var(--tanspot-base) !important;
}

.content-editor-front .border-secondary {
  border-color: var(--tanspot-black) !important;
}

.content-editor-front .border-success {
  border-color: var(--tanspot-base) !important;
}

.content-editor-front .border-info {
  border-color: var(--tanspot-base) !important;
}

.content-editor-front .border-warning {
  border-color: var(--tanspot-black) !important;
}

.content-editor-front .border-danger {
  border-color: var(--tanspot-black) !important;
}

.content-editor-front .border-light {
  border-color: #dee2e6 !important;
}

.content-editor-front .border-dark {
  border-color: #212529 !important;
}