/* Línea de tiempo v355 — carrusel estilo Laurini: rótulo gigante en contorno, imagen contundente, frase corta */
.tl-v351{--tl-ink:#10294f;--tl-blue:#193d75;--tl-line:#c3cfdf;--tl-bg:#fff;background:var(--tl-bg);padding:120px 0 110px;scroll-margin-top:100px;position:relative;overflow:hidden}
.tl-v351 .tl-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;max-width:1400px;margin:0 auto 54px;padding:0 40px}
.tl-v351 .tl-head .ref-label{display:block;margin-bottom:26px;font-size:18px}
.tl-v351 .tl-head h2{font-size:clamp(48px,5.4vw,85px);font-weight:500;line-height:1.06;letter-spacing:-.04em;color:var(--tl-blue);margin:0}
.tl-arrows{display:flex;gap:10px;flex:0 0 auto}
.tl-arrow{width:64px;height:64px;border:0;background:var(--tl-blue);color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .25s,opacity .25s}
.tl-arrow svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s}
.tl-arrow:hover{background:#0f2a52}
.tl-arrow[data-dir="next"]:hover svg{transform:translateX(3px)}
.tl-arrow[data-dir="prev"]:hover svg{transform:translateX(-3px)}
.tl-arrow:disabled{opacity:.3;cursor:default}
.tl-arrow:focus-visible,.tl-dot:focus-visible{outline:3px solid var(--tl-blue);outline-offset:4px}
.tl-rail{display:flex;gap:clamp(24px,3vw,48px);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 max(40px,calc((100vw - 1400px)/2 + 40px)) 10px;scroll-padding-inline:max(40px,calc((100vw - 1400px)/2 + 40px))}
.tl-rail::-webkit-scrollbar{display:none}
.tl-card{flex:0 0 calc((min(100vw,1400px) - 80px - 2*clamp(24px,3vw,48px))/3);min-width:0;scroll-snap-align:start;margin:0}
/* El trazo se pinta primero y el relleno (color del fondo) encima: así desaparecen las líneas internas
   donde la fuente superpone sus contornos (uniones de M, R, j, 3) y queda solo el borde exterior. */
.tl-label{display:block;font-size:clamp(54px,5.8vw,98px);line-height:.9;font-weight:300;letter-spacing:-.01em;color:var(--tl-bg);-webkit-text-stroke:2.8px var(--tl-blue);paint-order:stroke fill;white-space:nowrap;margin:0 0 26px;padding-left:2px;transition:color .5s}
.tl-card:hover .tl-label{color:#e9eff7}
.tl-media{position:relative;aspect-ratio:4/3.1;overflow:hidden;background:#e3e9f2}
.tl-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
.tl-card:hover .tl-media img{transform:scale(1.04)}
.tl-media.is-render{background:var(--bg,#fff)}
.tl-media.is-render img{object-fit:contain;padding:4%;box-sizing:border-box}
.tl-media.is-light img{mix-blend-mode:multiply}
.tl-tag{position:absolute;left:0;bottom:0;z-index:2;background:var(--tl-blue);color:#fff;font-size:12px;letter-spacing:.14em;text-transform:uppercase;padding:9px 15px}
.tl-card figcaption{margin-top:24px;font-size:19px;line-height:1.45;color:var(--tl-ink);max-width:400px}
.tl-card figcaption b{display:block;font-weight:500;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--tl-blue);margin-bottom:8px}
.tl-dots{display:flex;justify-content:center;gap:8px;margin-top:48px;padding:0 16px}
.tl-dot{all:unset;cursor:pointer;width:22px;height:4px;background:var(--tl-line);transition:width .35s,background .35s}
.tl-dot.is-active{width:44px;background:var(--tl-blue)}
@media(max-width:1000px){.tl-v351{padding:90px 0 80px}.tl-v351 .tl-head{padding:0 24px;margin-bottom:40px}.tl-rail{padding-inline:24px;scroll-padding-inline:24px}.tl-card{flex-basis:calc((100vw - 48px - 28px)/2)}}
@media(max-width:640px){.tl-v351{padding:70px 0 64px}.tl-v351 .tl-head{padding:0 16px;flex-direction:column;align-items:flex-start;gap:26px}.tl-rail{padding-inline:16px;scroll-padding-inline:16px;gap:18px}.tl-card{flex-basis:84vw}.tl-label{font-size:clamp(58px,19vw,92px);margin-bottom:18px}.tl-arrow{width:54px;height:54px}.tl-card figcaption{font-size:17px;margin-top:18px}.tl-dots{margin-top:34px}}
@media(prefers-reduced-motion:reduce){.tl-media img,.tl-label,.tl-dot{transition:none!important}}

/* v419: la línea de tiempo continúa la historia — mismo fondo que "Origen y fundación", sin corte ni espacio doble */
.emp-history-v168+.tl-v351{--tl-bg:#e7edf4;padding-top:0}
.emp-history-v168:has(+.tl-v351){padding-bottom:clamp(60px,7vw,110px)!important}
.emp-history-v168+.tl-v351 .tl-head{border-top:0;padding-top:0}
.emp-history-v168+.tl-v351 .tl-card:hover .tl-label{color:#f3f6fa}
