.containerPreguntas{
    width: 100%;
    background-color: #161B22;
}

/* Personalización de botones activos */

.buttonPreguntas.active {
    background-color: #21262D;
    color: white;
    border: none;
}

.buttonPreguntas:not(.active) {
    background-color: transparent;
    color: #8B949E;
    border: none;
}

/* Fondo transparente para acordeones */
.accordion-item {
    background-color: transparent !important;
    border: none; /* Elimina bordes laterales y superior */
}

.accordion-header .accordion-button {
    background-color: transparent !important;
    border: none;
    color: #fff !important; /* Texto en blanco */
    box-shadow: none !important;
    padding-inline: 0 !important;
}

.accordion-header .accordion-button:not(.collapsed) {
    background-color: transparent !important;
    box-shadow: none;
    color: #fff !important; /* Texto en blanco al estar expandido */
}

/* Color del cuerpo del acordeón */
.accordion-body {
    background-color: transparent !important;
    color: #fff !important; /* Texto blanco */
    padding-inline: 0 !important;
}

/* Personalizar ícono de la flecha */
.accordion-button::after {
    filter: invert(21%) sepia(89%) saturate(4426%) hue-rotate(262deg) brightness(85%) contrast(101%);
}

/* Quitar el margen predeterminado del acordeón para un borde limpio */
.accordion-item:last-of-type {
    border-bottom: none; /* El último acordeón no necesita borde extra */
}

/* Asegurar que el borde aparece cuando el contenido está expandido */
.accordion-body {
    border-top: none; /* Sin borde superior */
}

.colorGris{
    color: #8B949E !important;
}

.btn:hover {
    background-color: inherit !important;
    color: inherit !important;
    border-color: inherit !important;
    box-shadow: none !important;
    text-decoration: none !important;
}