/* Cambios a bootstrap */
[data-bs-theme="dark"] {
    color-scheme: dark;
    --bs-body-bg: #15161e;
    --bs-secondary-bg-rgb: 21,22,30;
    --bs-primary-bg-subtle: 143,37,192;
    --bs-form-valid-color: transparent;
    --bs-form-valid-border-color: transparent;
    --bs-success-rgb: 143,37,192;
    --bs-primary-text-emphasis: #fff;
}
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #7c1da8;
    --bs-btn-border-color: #8f25c0;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #7f20ac;
    --bs-btn-hover-border-color: #7718a3;
    --bs-btn-focus-shadow-rgb: 143,37,192;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #7e02b8;
    --bs-btn-active-border-color: #631686;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #aa54d1;
    --bs-btn-disabled-border-color: #a244ce;
}
.btn-outline-primary {
    --bs-btn-color: #7c1da8;
    --bs-btn-border-color: #8f25c0;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #7c1da8;
    --bs-btn-hover-border-color: #8f25c0;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #7e02b8;
    --bs-btn-active-border-color: #631686;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #aa54d1;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #a244ce;
    --bs-gradient: none;
}
.form-control:focus {
    border-color: #8f25c0;
    box-shadow: 0 0 0 0.2rem rgba(115, 23, 158, 0.25);
}
.form-control::placeholder {
    color: #686c75;
}
.form-control {
    background-color: #1a1d24; /* Cambia el color de fondo a amarillo */
    height: 55px;
}
.accordion-button:focus {
    box-shadow: 0 0 0 0.25rem rgba(126, 8, 159, 0.524);
}
a.active {
    color: #7c1da8 !important;
    border-bottom: 2px solid #7c1da8; /* Establece el borde de 2 píxeles de grosor y color rojo */
    text-decoration: none; /* Elimina el subrayado predeterminado del enlace */
    display: inline-block; /* Cambia el enlace a un bloque en línea para que el ancho del borde afecte solo a la línea de texto */
    padding-bottom: 2px;
}