/* Contenedor */

#clientes {
 max-width: 1200px; /* limita el ancho total de la sección */
 margin: 0 auto;
}

#clientes h2 {
 text-align: center;
 margin-bottom: 40px;
 margin-top: 30px;;
}

.clientes-contenedor {
 max-width: 1200px;
 margin: 0 auto;
 display: flex;
 flex-wrap: wrap;
 justify-content: flex-start; /* o center, como prefieras */
 /* sin gap aquí */
}

/* 5 logos por fila en escritorio */
.cliente-item {
 box-sizing: border-box;
 flex: 0 0 20%;
 max-width: 20%;
 padding: 10px;
 height: 160px;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 text-align: center;
 margin-bottom: 70px; /* espacio entre filas */
}

.cliente-vacio {
 pointer-events: none;
 background: transparent;
}


/* En móviles, 2 por fila */
@media (max-width: 768px) {
 .cliente-item {
 flex: 0 0 50%;
 max-width: 50%;
 }
}




/* Imagen */
.cliente-item img {
 max-width: 100%;
 max-height: 180px;
 object-fit: contain;
 display: block;
}

/* Texto */
.cliente-item p {
 margin-top: 5px;
 font-size: 12px;
}