/**
 * Scroll reveals and micro-interactions (parity with Lovable / Framer Motion).
 */

.ala-wf-reveal,
.ala-wf-slide-left,
.ala-wf-slide-right,
.ala-wf-scale-in {
	opacity: 0;
	transition:
		opacity 0.6s cubic-bezier(0.25, 0.1, 0.25, 1),
		transform 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);
	will-change: opacity, transform;
}

.ala-wf-reveal {
	transform: translate3d(0, 2.5rem, 0);
}

.ala-wf-slide-left {
	transform: translate3d(-3.75rem, 0, 0);
}

.ala-wf-slide-right {
	transform: translate3d(3.75rem, 0, 0);
}

.ala-wf-scale-in {
	transform: scale(0.92);
}

.ala-wf-reveal.is-ala-wf-visible,
.ala-wf-slide-left.is-ala-wf-visible,
.ala-wf-slide-right.is-ala-wf-visible,
.ala-wf-scale-in.is-ala-wf-visible {
	opacity: 1;
	transform: none;
}

/* Hero: stagger al marcar el grupo visible (Framer staggerChildren ~0.12s) */
main > section:first-child .ala-wf-reveal-group.is-ala-wf-visible .ala-wf-reveal {
	opacity: 1;
	transform: none;
}

main > section:first-child .ala-wf-reveal-group.is-ala-wf-visible .ala-wf-reveal:nth-child(1) {
	transition-delay: 0s;
}

main > section:first-child .ala-wf-reveal-group.is-ala-wf-visible .ala-wf-reveal:nth-child(2) {
	transition-delay: 0.12s;
}

main > section:first-child .ala-wf-reveal-group.is-ala-wf-visible .ala-wf-reveal:nth-child(3) {
	transition-delay: 0.24s;
}

main > section:first-child .ala-wf-reveal-group.is-ala-wf-visible .ala-wf-reveal:nth-child(4) {
	transition-delay: 0.36s;
}

main > section:first-child .ala-wf-reveal-group.is-ala-wf-visible .ala-wf-reveal:nth-child(5) {
	transition-delay: 0.48s;
}

/* FAQ chevron (Radix Accordion rota el SVG; replicamos con aria-expanded) */
.ala-wf-faq-icon {
	transition: transform 0.2s ease;
}

.ala-wf-faq-trigger[aria-expanded="true"] .ala-wf-faq-icon {
	transform: rotate(180deg);
}

/* Iconos SVG visibles en flex (Tailwind img,svg { display:block } puede romper alineación en línea) */
.inline-flex svg,
.inline-flex > svg {
	flex-shrink: 0;
}

/* Hover lift (top evita conflicto con transform scale en tiers destacados) */
.ala-wf-hover-lift {
	position: relative;
	transition: top 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
	top: 0;
}

.ala-wf-hover-lift:hover {
	top: -0.5rem;
}

.ala-wf-hover-lift-sm {
	position: relative;
	transition: top 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
	top: 0;
}

.ala-wf-hover-lift-sm:hover {
	top: -0.25rem;
}

/* Menú móvil: iconos hamburguesa / cerrar */
.ala-wf-menu-icon-open,
.ala-wf-menu-icon-close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.ala-wf-menu-icon-close {
	display: none;
}

[data-mobile-toggle][aria-expanded="true"] .ala-wf-menu-icon-open {
	display: none;
}

[data-mobile-toggle][aria-expanded="true"] .ala-wf-menu-icon-close {
	display: inline-flex;
}

@media (prefers-reduced-motion: reduce) {
	.ala-wf-reveal,
	.ala-wf-slide-left,
	.ala-wf-slide-right,
	.ala-wf-scale-in {
		opacity: 1;
		transform: none;
		transition: none;
	}

	.ala-wf-hover-lift:hover,
	.ala-wf-hover-lift-sm:hover {
		top: 0;
	}

	.ala-wf-faq-icon {
		transition: none;
	}
}