.productos {
    /* background: var(--fondo); */
    display: flex; 
    flex-wrap: wrap;
    width: 80%;
    justify-content: space-between;
    margin-top: 2.5rem;
    /* margin: 0rem 1rem 0 0; */
    padding-right: 1rem;
} 

@media screen and (min-width: 0) {
    .productos {
        padding: 0;
        width: 100%;
        margin: 0;
    }
}

@media screen and (min-width: 768px) {
    .productos {
        padding: 1rem 0 0 1rem;
    }
}

@media screen and (min-width: 992px) {
    .productos {
        padding: 1rem;
    }
}