.accordion-button {
    background-color: transparent;
    border: none;
    font-weight: bold;
    cursor: pointer;
    text-align: left;
    width: 100%;
    padding: 10px 0;
}

.accordion-content {
    list-style-type: none; /* Quitar viñetas */
    padding-left: 20px; /* Espaciado para diferenciar subelementos */
}

.accordion-content li {
    margin-bottom: 10px;
    font-size: 1rem;
}

.accordion-button::after {
    content: '▼'; /* Icono de flecha para mostrar que es un acordeón */
    float: right;
}

.accordion-button.collapsed::after {
    content: '►'; /* Cambiar icono cuando esté colapsado */
}