/* Línea de tiempo (inc/linea-tiempo.php). Móvil primero: la línea a la
   izquierda y el contenido a todo el ancho que queda. En escritorio la fecha
   pasa a una columna estrecha a la izquierda de la línea. También se carga en
   el editor, donde no están las variables del tema: de ahí los valores de reserva.
   --lt-p (0–1) es lo rellenado; sin JS vale 1. */
.cnm-lt{--lt-acento:var(--accent,#C40050);--lt-gris:var(--line,#E6E3E8);--lt-x:0px;--lt-p:1;position:relative;list-style:none;margin:8px 0 36px;padding:0}
.body>ol.cnm-lt{padding-left:0;margin:8px 0 36px;font:inherit}
.cnm-lt::before,.cnm-lt::after{content:"";position:absolute;left:calc(var(--lt-x) + 7px);top:10px;bottom:24px;width:2px;border-radius:2px;background:var(--lt-gris)}
.cnm-lt::after{background:var(--lt-acento);transform:scaleY(var(--lt-p));transform-origin:top}
.cnm-lt__hito{position:relative;margin:0;padding:0 0 36px calc(var(--lt-x) + 34px)}
.cnm-lt__hito:last-child{padding-bottom:0}
.cnm-lt__punto{position:absolute;z-index:1;left:calc(var(--lt-x) + 1px);top:4px;width:14px;height:14px;border-radius:50%;background:var(--lt-acento);box-shadow:0 0 0 4px #fff,0 0 0 5px var(--lt-gris);transition:transform .25s ease,box-shadow .25s ease}
.cnm-lt__hito.is-activo .cnm-lt__punto{transform:scale(1.2);box-shadow:0 0 0 4px #fff,0 0 0 6px rgba(196,0,80,.28)}
.cnm-lt__fecha{display:block;margin:0 0 6px;font:600 11.5px/1.35 var(--f-ui,"Schibsted Grotesk",Arial,sans-serif);letter-spacing:.16em;text-transform:uppercase;color:var(--lt-acento)}
.cnm-lt .cnm-lt__titulo{margin:0 0 10px;font:700 20px/1.25 var(--f-text,"Source Serif 4",Georgia,serif);color:var(--ink,#121212);letter-spacing:0}
.cnm-lt__titulo em,.cnm-lt__titulo i{font-style:italic}
.cnm-lt__cuerpo>:last-child{margin-bottom:0}
.cnm-lt .wp-block-paragraph{margin-bottom:16px}
.body .cnm-lt figure.wp-block-image{margin:4px 0 16px}
.body .cnm-lt figure.wp-block-image figcaption{margin-inline:0}
.cnm-lt figure img{display:block;width:100%;height:auto;border-radius:2px}

/* Fundido al llegar (solo con JS y sin «reducir movimiento»). */
.cnm-lt.is-js .cnm-lt__hito>:not(.cnm-lt__punto){transition:opacity .5s ease,transform .5s ease}
.cnm-lt.is-js .cnm-lt__hito:not(.is-in)>:not(.cnm-lt__punto){opacity:0;transform:translateY(14px)}

@media (min-width:1024px){
	.cnm-lt{--lt-x:116px}
	.cnm-lt__fecha{position:absolute;left:0;top:2px;width:calc(var(--lt-x) - 18px);margin:0;text-align:right;letter-spacing:.12em}
	.cnm-lt .cnm-lt__titulo{font-size:23px}
}
@media (prefers-reduced-motion:reduce){
	.cnm-lt__punto,.cnm-lt.is-js .cnm-lt__hito>*{transition:none}
}