/**
 * Slider Card Reveal — animación por tarjeta en el carrusel simple
 * de OZ-Sliders (modelo cards). Las cards aparecen con un zoom + fade
 * suave, en cascada, cada vez que entran al viewport del propio
 * carrusel.
 *
 * IMPORTANTE: la animación se aplica al hijo interno (.ozs-card / .oz-card)
 * y NO al wrapper .ozs__slide, para que el translate/scale no genere
 * desbordamiento vertical en el track horizontal del slider (lo que
 * provocaba una mini-barra de scroll visible).
 */

/* Estado inicial: cada card oculta y reducida.
   Apuntamos al contenido interno, no al .ozs__slide (que controla el flujo
   horizontal del track). */
.ozs.ozs--cards .ozs__slide.ss-card-reveal > .ozs-card,
.ozs.ozs--cards .ozs__slide.ss-card-reveal > .oz-card,
.ozs.ozs--cards .ozs__slide.ss-card-reveal > a > .ozs-card,
.ozs.ozs--cards .ozs__slide.ss-card-reveal > a > .oz-card {
	opacity: 0;
	transform: translate3d(0, 12px, 0) scale(0.96);
	transition:
		opacity 0.55s cubic-bezier(0.22, 1, 0.36, 1),
		transform 0.65s cubic-bezier(0.22, 1, 0.36, 1);
	will-change: opacity, transform;
	transition-delay: var(--ss-card-reveal-delay, 0s);
}

/* Estado visible */
.ozs.ozs--cards .ozs__slide.ss-card-reveal.is-visible > .ozs-card,
.ozs.ozs--cards .ozs__slide.ss-card-reveal.is-visible > .oz-card,
.ozs.ozs--cards .ozs__slide.ss-card-reveal.is-visible > a > .ozs-card,
.ozs.ozs--cards .ozs__slide.ss-card-reveal.is-visible > a > .oz-card {
	opacity: 1;
	transform: translate3d(0, 0, 0) scale(1);
}

/* Evita que cualquier desplazamiento residual de las cards (durante la
   animación) genere scrollbar vertical visible en el viewport del slider. */
.ozs.ozs--cards .ozs__viewport {
	overflow-y: hidden;
}

/* Oculta la mini-barra horizontal del track en Chrome/Edge/Safari.
   El plugin OZ-Sliders ya define scrollbar-width:none (Firefox) y
   -ms-overflow-style:none (IE/Edge antiguo), pero olvida el pseudo-
   elemento ::-webkit-scrollbar, que es el que usan los navegadores
   basados en Chromium. */
.ozs .ozs__track::-webkit-scrollbar,
.ozs .ozs__track::-webkit-scrollbar-thumb,
.ozs .ozs__track::-webkit-scrollbar-track {
	width: 0 !important;
	height: 0 !important;
	background: transparent !important;
	display: none !important;
}

/* Respeta reduce-motion */
@media (prefers-reduced-motion: reduce) {
	.ozs.ozs--cards .ozs__slide.ss-card-reveal > .ozs-card,
	.ozs.ozs--cards .ozs__slide.ss-card-reveal > .oz-card,
	.ozs.ozs--cards .ozs__slide.ss-card-reveal > a > .ozs-card,
	.ozs.ozs--cards .ozs__slide.ss-card-reveal > a > .oz-card {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
	}
}