.section--interfaz .article--screens ul{
    display: flex;
    gap: 5rem;
}
.section--interfaz .section__body{
    margin-top: 7rem;
    display: flex;
    flex-direction: column;
    row-gap: 7rem;
}
.section--interfaz article h3{
    font-weight: 300;
}
.section--interfaz .section__body .article--screens h3{
    margin-bottom: 5rem;
}
.section--interfaz article .section__img{
    margin-top: 5rem;
}
@media(max-width:768px){
    .section--interfaz .article--screens ul{
        display: grid;
        grid-template-columns: repeat(2,1fr);
    }
}
@media(max-width:480px){
    .section--interfaz .article--screens ul{
        display: grid;
        grid-template-columns: repeat(2,1fr);
        gap: 1rem;
        row-gap: 4rem;
    }
}