/*
 * Carrusel de logos de clientes. Reproduce el #pofo-image-slider-3 de produccion
 * (Swiper 3, estilo pofo-image-style6).
 *
 * El velo oscuro y el fondo los pone la seccion de Elementor, no este bloque:
 * asi se pueden cambiar desde el constructor sin tocar codigo.
 */

.dq-logos {
	position: relative;
}

.dq-logos__lienzo {
	overflow: hidden;
}

.dq-logos .swiper-slide {
	display: flex;
	align-items: center;
	justify-content: center;
	/* .white-move del original: el cursor de arrastre claro del tema. */
	cursor: url("../texto-slider/imagenes/icon-move-light.png"), move;
}

.dq-logos__imagen {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
}

.dq-logos__enlace {
	display: block;
	line-height: 0;
}

/*
 * pagination-bottom-space del original: los bullets van debajo del carrusel, no
 * encima de el.
 */
.dq-logos__bullets.swiper-pagination {
	position: static;
	margin-top: 30px;
}

.dq-logos__bullets .swiper-pagination-bullet {
	background: #fff;
	opacity: .5;
}

.dq-logos__bullets .swiper-pagination-bullet-active {
	opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
	.dq-logos .swiper-wrapper { transition: none !important; }
}
