@media screen and ( max-width:500px){
 main{
    width: 90%;
 }
 .titulo-secciones{
   width: 90%;
}
 .acordeon{
    width: 90%;
 }
    .contenido{
        display: flex;
        flex-direction: column;
        gap: 10px;
 /*       grid-template-columns: 1fr;
        grid-template-rows: repeat(3,1fr);
        row-gap: 10px;
        grid-template-areas: unset;
 */
    }
}
.boton-w{
    margin-bottom:0px ;
  }