.accordion-button {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
    padding-right: 2.5rem; /* espacio para la flecha */
}

    .accordion-button::after {
        position: absolute;
        right: 1.25rem; /* ajusta según tu padding */
    }


.accordion-button {
    background-color: rgba(206, 197, 170);
    color: #000; /* Texto negro */
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 0.5rem; /* Bordes redondeados */
    font-family: "Montserrat", sans-serif;
    position: relative;
    font-size: 1rem;
    text-transform: uppercase;
    display: flex;
    justify-content: center; 
    align-items: center;
    text-align: center;
}


/* Botón con fondo gris claro (estado normal) */
.GrisFondo {
    background-color: rgba(200, 200, 200) !important;
}

/* Botón con fondo gris fuerte cuando está activo (abierto) */
.accordion-button.GrisFondo:not(.collapsed) {
    background-color: rgba(160, 160, 160) !important; 
    color: #000 !important;
}



.accordion-item {
    border-radius: 1.2rem;
    overflow: hidden;
    background-color: rgba(206, 197, 170);
    margin-bottom: 1rem;
    border: none; 
}

    /* Primer acordeón: bordes superiores redondeados */
    .accordion-item:first-child {
        border-top-left-radius: 1.2rem;
        border-top-right-radius: 1.2rem;
    }

    /* Último acordeón: bordes inferiores redondeados */
    .accordion-item:last-child {
        border-bottom-left-radius: 1.2rem;
        border-bottom-right-radius: 1.2rem;
    }


.accordion-body {
    background-color: rgba(236, 227, 210);
    padding: 1rem;
    border-radius: 0 0 1.2rem 1.2rem; /* solo esquinas inferiores */
}

/*.card-body {
    background-color: rgba(236, 227, 210);
    border-radius: 1.2rem;
    padding-left: 1.8rem;
}
*/
    .card-body p {
        margin-top: 0px;
        margin-bottom: 8px;
    }

.table-bordered {
    border-color: rgba(0, 0, 0, 0.15);
}

.fila-destacada,
    .fila-destacada td {
    background-color: #d7c9aa !important;
    font-weight: bold !important;
    color: #4a3e2c !important;
}

/*Palabra de la primer fila*/
    .fila-destacada td {
        text-transform: lowercase; /* todo en minúsculas */
    }
        .fila-destacada td::first-letter {
            text-transform: uppercase; /* primera letra en mayúscula */
        }



/*color activo*/
.accordion-button:not(.collapsed) {
    background-color: rgba(186, 170, 130) !important;
    color: #000 !important; 
    box-shadow: none !important; 
}


/* Estado cerrado (collapsed) */
.accordion-button.collapsed {
    background-color: rgba(206, 197, 170); /* color original */
    color: #000;
    box-shadow: none;
}

/*color de la flecha activa*/
.accordion-button::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%234a3e2c' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 5.646a.5.5 0 0 1 .708 0L8 11.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E") !important;
}

.accordion-button::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M1.646 5.646a.5.5 0 0 1 .708 0L8 11.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E") !important;
}



.ajustar-margin {
    margin-top: -22px;
}

.borde-numeracion tr td {
    /*border-bottom: 1px solid #e0d4c8;*/
    border-bottom: 1px solid #e8ddd2;
}

.borde-numeracion tr:last-child td {
    border-bottom: none;
}

.borde-numeracion tr:first-child td {
    border-top: none;
}

.borde-faq {
    border: 1px solid #e8ddd2;
}


.fila-faq {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    text-align: center;
}

    .fila-faq p {
        margin: 0;
    }
.borde-faq .fila-faq:first-child {
    display: flex !important;
}