/**
 * Bloque iplacex/linea-tiempo-flex. Línea de tiempo del layout flexible legacy.
 * Sección de fondo gris claro con cabecera + hitos con iconos y conectores.
 * Desktop (>=768px): hitos en fila con línea punteada continua de fondo.
 * Mobile: hitos apilados en columna con conectores verticales.
 * Tokens theme.json. Paridad con iplaweb/blocks/flexible/linea_tiempo.php.
 */

.ipx-ltf,
.ipx-ltf *,
.ipx-ltf *::before,
.ipx-ltf *::after {
	box-sizing: border-box;
}

.ipx-ltf {
	width: 100%;
	background: var(--wp--preset--color--ipla-gray);
	font-family: var(--wp--preset--font-family--montserrat);
}

.ipx-ltf__inner {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	padding: 2.5rem 1.25rem;
}
@media (min-width: 768px) { .ipx-ltf__inner { padding: 5rem 1.25rem; } }
@media (min-width: 1024px) { .ipx-ltf__inner { padding: 5rem 2rem; } }
@media (min-width: 1280px) { .ipx-ltf__inner { padding: 5rem 2.5rem; } }

/* ---------- Cabecera ---------- */
.ipx-ltf__head {
	max-width: 48rem;
	margin: 0 0 2.5rem;
}
@media (min-width: 768px) { .ipx-ltf__head { margin-bottom: 3.5rem; } }

.ipx-ltf__title {
	margin: 0 0 1rem;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: normal;
	color: var(--wp--preset--color--ipla-blue);
}
@media (min-width: 768px) { .ipx-ltf__title { font-size: 1.875rem; } }

.ipx-ltf__intro {
	margin: 0;
	font-size: 0.875rem;
	line-height: 1.5;
	color: var(--wp--preset--color--ipla-black);
}
@media (min-width: 768px) { .ipx-ltf__intro { font-size: 1rem; } }
.ipx-ltf__intro p { margin: 0.5rem 0; line-height: 1.625; }
.ipx-ltf__intro a { color: var(--wp--preset--color--ipla-lightblue); text-decoration: underline; }
.ipx-ltf__intro ul { list-style: disc; padding-left: 1.25rem; margin: 0.5rem 0; }
.ipx-ltf__intro ol { list-style: decimal; padding-left: 1.25rem; margin: 0.5rem 0; }
.ipx-ltf__intro li { margin: 0.25rem 0; }
.ipx-ltf__intro strong { font-weight: 600; }
.ipx-ltf__intro em { font-style: italic; }
.ipx-ltf__intro h3 { font-size: 1.125rem; font-weight: 600; margin: 1rem 0 0.5rem; color: var(--wp--preset--color--ipla-blue); }
.ipx-ltf__intro h4 { font-size: 1rem; font-weight: 600; margin: 0.75rem 0 0.5rem; color: var(--wp--preset--color--ipla-blue); }

/* ---------- Track + línea continua (desktop) ---------- */
.ipx-ltf__track {
	position: relative;
}

.ipx-ltf__line {
	display: none;
	position: absolute;
	top: 1.75rem;
	height: 0;
	border-top: 2px dashed var(--wp--preset--color--ipla-textgray);
}
@media (min-width: 768px) { .ipx-ltf__line { display: block; } }

/* ---------- Lista de hitos ---------- */
.ipx-ltf__list {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 2.5rem;
	margin: 0;
	padding: 0;
	list-style: none;
}
@media (min-width: 768px) {
	.ipx-ltf__list {
		flex-direction: row;
		align-items: flex-start;
		justify-content: space-between;
		gap: 2rem;
	}
}

.ipx-ltf__item {
	position: relative;
	display: flex;
	margin: 0;
	padding: 0;
	list-style: none;
}
@media (min-width: 768px) {
	.ipx-ltf__item {
		flex: 1 1 0%;
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
}

/* ---------- Icono ---------- */
.ipx-ltf__icon-wrap {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-right: 1rem;
	flex-shrink: 0;
}
@media (min-width: 768px) {
	.ipx-ltf__icon-wrap { margin-right: 0; margin-bottom: 1rem; }
}

.ipx-ltf__icon {
	position: relative;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	margin: 0;
	padding: 0;
	border-radius: 0.5rem;
	color: var(--wp--preset--color--white);
}
@media (min-width: 768px) {
	.ipx-ltf__icon { width: 3.5rem; height: 3.5rem; }
}
.ipx-ltf__icon--blue { background-color: var(--wp--preset--color--ipla-blue); }
.ipx-ltf__icon--lightblue { background-color: var(--wp--preset--color--ipla-lightblue); }

.ipx-ltf__svg {
	width: 1.5rem;
	height: 1.5rem;
}
@media (min-width: 768px) {
	.ipx-ltf__svg { width: 1.75rem; height: 1.75rem; }
}

/* Conector vertical (mobile): desde el icono hacia el siguiente hito */
.ipx-ltf__connector {
	position: absolute;
	top: 3rem;
	left: 50%;
	transform: translateX(-50%);
	height: 100%;
	border-left: 2px dashed var(--wp--preset--color--ipla-textgray);
}
@media (min-width: 768px) {
	.ipx-ltf__connector { display: none; }
}

/* ---------- Textos ---------- */
.ipx-ltf__content {
	flex: 1 1 0%;
	margin: 0;
	padding: 0;
}
@media (min-width: 768px) {
	.ipx-ltf__content { display: flex; flex-direction: column; align-items: center; }
}

.ipx-ltf__item-title {
	margin: 0 0 0.5rem;
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 1.375;
	letter-spacing: normal;
	color: var(--wp--preset--color--ipla-blue);
}
@media (min-width: 768px) {
	.ipx-ltf__item-title { font-size: 1rem; max-width: 14rem; }
}

.ipx-ltf__item-desc {
	margin: 0;
	font-size: 0.875rem;
	line-height: 1.5;
	color: var(--wp--preset--color--ipla-black);
}
@media (min-width: 768px) {
	.ipx-ltf__item-desc { max-width: 16rem; }
}
.ipx-ltf__item-desc p { margin: 0.25rem 0; line-height: 1.625; }
.ipx-ltf__item-desc a { color: var(--wp--preset--color--ipla-lightblue); text-decoration: underline; }
.ipx-ltf__item-desc ul { list-style: disc; padding-left: 1rem; margin: 0.25rem 0; }
.ipx-ltf__item-desc ol { list-style: decimal; padding-left: 1rem; margin: 0.25rem 0; }
.ipx-ltf__item-desc li { margin: 0.125rem 0; }
.ipx-ltf__item-desc strong { font-weight: 600; }
.ipx-ltf__item-desc em { font-style: italic; }

/* ---------- Traps del tema lienzo ---------- */
.ipx-ltf button { font-family: inherit; }
.ipx-ltf figure { margin: 0; }
.ipx-ltf img { max-width: 100%; height: auto; }