@charset "UTF-8";
.no-webp section.titulo.clientes::before, .no-js section.titulo.clientes::before{background-image:url(../images/pag_clientes/large/titulo-clientes.jpg);}
.webp section.titulo.clientes::before{background-image:url(../images/pag_clientes/large/titulo-clientes.webp);}

.clientes-list li{width:22.15%; margin:0 3.8% 3.8% 0; position:relative; display:inline-block; vertical-align:top; border: solid 1px #B6C0C6; overflow: hidden;}
.clientes-list li:nth-child(4n), .clientes-list li:last-child{margin-right:0;}
.clientes-list li img{display: block; margin: 15%; aspect-ratio: 1 / 1; width: 70%; height: 70%; filter: grayscale(100%); -webkit-transition:filter 1s; -moz-transition:filter 1s; -ms-transition:filter 1s; transition:filter 1s;}
.clientes-list li:hover img{filter: grayscale(0); -webkit-transition:filter 1s; -moz-transition:filter 1s; -ms-transition:filter 1s; transition:filter 1s;}

@media screen and (max-width:1400px) {
.no-webp section.titulo.clientes::before, .no-js section.titulo.clientes::before{background-image:url(../images/pag_clientes/medium/titulo-clientes.jpg);}
.webp section.titulo.clientes::before{background-image:url(../images/pag_clientes/medium/titulo-clientes.webp);}
}
@media screen and (max-width:1000px) {
.no-webp section.titulo.clientes::before, .no-js section.titulo.clientes::before{background-image:url(../images/pag_clientes/small/titulo-clientes.jpg);}
.webp section.titulo.clientes::before{background-image:url(../images/pag_clientes/small/titulo-clientes.webp);}

.clientes-list li{width:30.8%;}
.clientes-list li:nth-child(4n){margin:0 3.8% 3.8% 0;}
.clientes-list li:nth-child(3n), .clientes-list li:last-child{margin-right:0;}
.clientes-list li img{-webkit-transition:none; -moz-transition:none; -ms-transition:none; transition:none;}

}
@media screen and (max-width:600px) {
.no-webp section.titulo.clientes::before, .no-js section.titulo.clientes::before{background-image:url(../images/pag_clientes/tiny/titulo-clientes.jpg);}
.webp section.titulo.clientes::before{background-image:url(../images/pag_clientes/tiny/titulo-clientes.webp);}

.clientes-list li{width:48.1%;}
.clientes-list li:nth-child(3n){margin:0 3.8% 3.8% 0;}
.clientes-list li:nth-child(2n), .clientes-list li:last-child{margin-right:0;}
}