svg{
    max-width: 25px;
    transition: all 0.5s linear;
}
.box{
    font-size: .9rem;
    border-bottom:1px solid white;
}
.box.close{
    display: none;
    transition: all 0.5s linear;
}
h4{
    cursor: pointer;
}
h4:hover{
    text-decoration: 1px solid var(--amarillo) underline;
    cursor: pointer;
}
h4 svg{
    max-width: 25px;
    transition: all 0.5s linear;
}

h4 svg.open{
    max-width: 25px;
    transform: rotate(90deg);
}
@media screen and (min-width:768px){

    p, ul, li{
        font-size: 1.2rem;
    }
}