/* Hero -------------------------- */
.hero-sider.hero-div{
    background-image: url('../images/banner-nosotros.webp');
}
.txt-mask-hero{
    flex-direction: column;
    color: white;
}


/* Distribuidores / Marcas ------------------------------ */
.marcas-logos{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    max-width: 1400px;
    margin: 2rem auto 0;
    
}
.marcas-logos img{
    width: 24%;
    aspect-ratio: 2/1;
    object-fit: contain;
    max-width: 290px;
    margin: 1rem;
    max-height: 70px;
}
.container-marcas{
    padding: 6rem 2rem 0;
}
.titulo-distribuidores{
    text-align: center;
    color: var(--azulO);
}


@media (max-device-width:530px){
    .container-marcas{
        padding: 4rem 1rem 5rem;
    }
    .marcas-logos img{
        width: clamp(140px,45%,350px);
    }
}