.container-accordion {
    width: 100%; 
    /* max-width: 1200px; */
    margin:auto;
    background: #e2dfdf;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
button.accordion {
    width: 100%;
    background-color: whitesmoke;
    border: none;
    outline: none;
    text-align: left;
    padding: 15px 20px;
    font-size: 18px;
    color: #333;
    cursor: pointer;
    transition: background-color 0.2s linear;
}
button.accordion:after {
    font-family: FontAwesome;
    content: "\f150";
    font-size: 18px;
    float: right;
}
button.accordion.is-open:after {
    content: "\f151";
}
button.accordion:hover,
button.accordion.is-open {
    background-color: #ddd;
    /* height: 150px; */
}
.accordion-content {
    background-color: white;
    border-left: 1px solid whitesmoke;
    border-right: 1px solid whitesmoke;
    padding: 0 20px;
    max-height: 0px; /* Importante: Inicialmente colapsado */
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}