/* qubo/logo-carousel – réplica del carrusel bxSlider (Kiwi Logo Carousel) de qubotech.pe */
.qubo-logos {
	position: relative;
	padding-inline: 2.5rem;
}
.qubo-logos__viewport {
	overflow: hidden;
	touch-action: pan-y;
}
.qubo-logos__viewport:focus-visible { outline: 2px solid var(--wp--preset--color--primary, #005ca7); outline-offset: 4px; }
.qubo-logos__track {
	display: flex;
	margin: 0;
	padding: 0;
	list-style: none;
	will-change: transform;
}
.qubo-logos__item {
	flex: 0 0 calc(100% / var(--qubo-logos-visible));
	box-sizing: border-box;
	height: var(--qubo-logos-height);
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0 1rem;
}
.qubo-logos__item a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.qubo-logos__img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
	transition: filter .3s ease, opacity .3s ease;
	-webkit-user-drag: none;
}
.qubo-logos.is-grayscale .qubo-logos__img { filter: grayscale(1); opacity: .75; }
.qubo-logos.is-grayscale .qubo-logos__item:hover .qubo-logos__img { filter: none; opacity: 1; }

/* Sin JS o con pocos logos: se muestran centrados y sin desbordar */
.qubo-logos:not(.is-ready) .qubo-logos__track { flex-wrap: wrap; justify-content: center; }
.qubo-logos:not(.is-ready) .qubo-logos__item:nth-child(n + 9) { display: none; }

/* Flechas: ocultas hasta pasar el ratón (como el CSS de Kiwi) */
.qubo-logos__nav {
	position: absolute;
	top: 50%;
	width: 2rem;
	height: 2.5rem;
	margin-top: -1.25rem;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--wp--preset--color--muted, #727272);
	font-size: 2.4rem;
	line-height: 1;
	cursor: pointer;
	opacity: 0;
	transition: opacity .5s ease, color .2s ease;
}
.qubo-logos__nav--prev { left: 0; }
.qubo-logos__nav--next { right: 0; }
.qubo-logos:hover .qubo-logos__nav,
.qubo-logos__nav:focus-visible { opacity: 1; }
.qubo-logos__nav:hover { color: var(--wp--preset--color--primary, #005ca7); }

/* Modo ticker: desplazamiento continuo (los clones los añade view.js) */
.qubo-logos.is-mode-ticker.is-ready .qubo-logos__track {
	width: max-content;
	animation: qubo-logos-ticker var(--qubo-logos-duration, 30s) linear infinite;
}
.qubo-logos.is-mode-ticker .qubo-logos__item { flex: 0 0 calc(min(100vw, 1000px) / var(--qubo-logos-visible)); }
.qubo-logos.is-mode-ticker:hover .qubo-logos__track { animation-play-state: paused; }
@keyframes qubo-logos-ticker { to { transform: translateX(-50%); } }

@media (max-width: 900px) {
	.qubo-logos { --qubo-logos-visible: 3 !important; }
}
@media (max-width: 560px) {
	.qubo-logos { --qubo-logos-visible: 2 !important; padding-inline: 1.75rem; }
	.qubo-logos__nav { opacity: 1; }
}
.qubo-logos__empty { padding: 1rem; border: 1px dashed currentColor; text-align: center; }