/*
 * LT Split Intro — v1.0 (Capa 1: el texto que se parte)
 *
 * Técnica anti-sticky: el scrubbing usa position:fixed activado por JS,
 * NO position:sticky. El .lt-si-track da la altura de scroll; el
 * .lt-si-stage se fija al viewport vía JS solo mientras el track está
 * en pantalla.
 */

.lt-si-widget {
	position: relative;
	width: 100%;
}

/* El track da la longitud de scroll del scrubbing.
   Su altura la fija el JS según data-scrub-length. */
.lt-si-track {
	position: relative;
	width: 100%;
}

/* El stage es lo que se ve. En modo scrub, el JS le pone
   position:fixed mientras el track está en viewport. */
.lt-si-stage {
	position: relative;
	width: 100%;
	height: 100vh;
	overflow: hidden;
}

/* Estado "fijado" — lo activa el JS (no es sticky) */
.lt-si-stage.is-pinned {
	position: fixed;
	top: 0;
	left: 0;
}

/* El texto: contenedor flex centrado (estado "junto") */
.lt-si-text {
	position: absolute;
	inset: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 0 0.25em;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 0 4vw;
}

.lt-si-frag {
	display: inline-block;
	will-change: transform;
	font-size: clamp(40px, 11vw, 170px);
	line-height: 0.95;
	letter-spacing: -0.02em;
	font-weight: 900;
	font-family: "Arial Black", Arial, sans-serif;
}

/* el JS escribe el transform; la transición la controla el JS
   en modo "time" (en modo "scrub" no hay transición, es directo) */
.lt-si-motion-time .lt-si-frag {
	transition: transform var(--lt-si-dur, 1200ms) var(--lt-si-ease, cubic-bezier(.76,0,.24,1));
}

/* ============ VISTA EN EL EDITOR ============ */
.lt-si-editor {
	padding: 0;
}

.lt-si-editor-preview {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 18px;
	align-items: center;
	justify-content: center;
	padding: 48px 24px;
	background: #fafafa;
	border: 1px dashed #c3c4c7;
	border-radius: 6px;
}

.lt-si-editor-preview .lt-si-frag {
	font-size: clamp(28px, 5vw, 64px);
}

.lt-si-editor-note {
	font-size: 12px;
	color: #646970;
	text-align: center;
	padding: 10px 0 0;
}

@media (prefers-reduced-motion: reduce) {
	.lt-si-frag { transition: none !important; }
}