/* Entrada animada — solo páginas de servicio (no afecta page-fade-in global) */
body.servicio-detail-page {
	--vita-servicio-enter-ease: cubic-bezier(0.22, 1, 0.36, 1);
	--vita-servicio-enter-duration: 520ms;
	--vita-servicio-section-enter-ms: 900ms;
}

body.servicio-detail-page.vita-servicio-enter-pending .vita-servicio-enter-item {
	opacity: 0;
	transform: translate3d(0, 18px, 0);
}

body.servicio-detail-page.vita-servicio-enter-pending .vita-servicio-enter-item--media {
	transform: scale(1.04);
	opacity: 0;
}

body.servicio-detail-page .vita-servicio-enter-item.vita-servicio-enter-item--shown {
	opacity: 1;
	transform: none;
	transition:
		opacity var(--vita-servicio-enter-duration) var(--vita-servicio-enter-ease),
		transform var(--vita-servicio-enter-duration) var(--vita-servicio-enter-ease);
}

body.servicio-detail-page .vita-servicio-enter-item--media.vita-servicio-enter-item--shown {
	transform: scale(1);
}

body.servicio-detail-page .servicio-section.vita-servicio-enter-section {
	position: relative;
	overflow-x: clip;
}

body.servicio-detail-page .servicio-section.vita-servicio-enter-section:not(.vita-servicio-enter-section--shown) {
	overflow: hidden;
}

body.servicio-detail-page .vita-servicio-enter-sentinel {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	margin: 0;
	padding: 0;
	border: 0;
	pointer-events: none;
	visibility: hidden;
}

body.servicio-detail-page .vita-servicio-enter-slide {
	will-change: transform, opacity;
}

body.servicio-detail-page
	.vita-servicio-enter-section--from-end:not(.vita-servicio-enter-section--shown)
	.vita-servicio-enter-slide:not(.vita-servicio-enter-slide--shown),
body.servicio-detail-page
	.vita-servicio-enter-section--from-end.vita-servicio-enter-slide:not(.vita-servicio-enter-section--shown):not(.vita-servicio-enter-slide--shown) {
	opacity: 0;
	transform: translate3d(100%, 0, 0);
}

body.servicio-detail-page
	.vita-servicio-enter-section--from-start:not(.vita-servicio-enter-section--shown)
	.vita-servicio-enter-slide:not(.vita-servicio-enter-slide--shown),
body.servicio-detail-page
	.vita-servicio-enter-section--from-start.vita-servicio-enter-slide:not(.vita-servicio-enter-section--shown):not(.vita-servicio-enter-slide--shown) {
	opacity: 0;
	transform: translate3d(-100%, 0, 0);
}

body.servicio-detail-page .vita-servicio-enter-slide--shown {
	opacity: 1;
	transform: none;
	will-change: auto;
	transition:
		opacity var(--vita-servicio-section-enter-ms) var(--vita-servicio-enter-ease),
		transform var(--vita-servicio-section-enter-ms) var(--vita-servicio-enter-ease);
}

/* Evita pastillas rectas mientras el bloque copy aún se desliza (transform rompe overflow) */
body.servicio-detail-page .vita-servicio-enter-slide:not(.vita-servicio-enter-slide--shown) .vita-servicio-price-row,
body.servicio-detail-page .vita-servicio-enter-slide:not(.vita-servicio-enter-slide--shown) .vita-servicio-badge-scroll {
	opacity: 0;
	visibility: hidden;
}

body.servicio-detail-page .vita-servicio-enter-slide--shown .vita-servicio-price-row,
body.servicio-detail-page .vita-servicio-enter-slide--shown .vita-servicio-badge-scroll {
	opacity: 1;
	visibility: visible;
	transition: opacity 0.35s var(--vita-servicio-enter-ease);
}

@media (prefers-reduced-motion: reduce) {
	body.servicio-detail-page.vita-servicio-enter-pending .vita-servicio-enter-item,
	body.servicio-detail-page .vita-servicio-enter-slide {
		opacity: 1;
		transform: none;
	}

	body.servicio-detail-page .vita-servicio-enter-slide:not(.vita-servicio-enter-slide--shown) .vita-servicio-price-row,
	body.servicio-detail-page .vita-servicio-enter-slide:not(.vita-servicio-enter-slide--shown) .vita-servicio-badge-scroll {
		opacity: 1;
		visibility: visible;
	}

	body.servicio-detail-page .vita-servicio-enter-item,
	body.servicio-detail-page .vita-servicio-enter-slide {
		transition: none !important;
	}
}
