.cinf-timeline{padding-block:var(--space-structural-lg);background:var(--color-bg-surface);color:var(--color-text-primary);--timeline-progress:0}
.cinf-timeline__heading{margin:0 0 var(--space-structural-sm);text-align:left}
.cinf-timeline__notice{font-size:var(--type-body-secondary-size);line-height:1.6;color:var(--color-text-secondary)}
.cinf-timeline__notice{margin-top:var(--space-component-lg)}
.cinf-timeline__layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:var(--space-structural-lg);align-items:start}
.cinf-timeline__aside{position:sticky;top:var(--timeline-sticky-top,calc(var(--header-height,96px) + 32px));min-width:0}
.cinf-timeline__content{display:grid;grid-template-columns:2px minmax(0,1fr);gap:var(--space-structural-md);min-width:0}
.cinf-timeline__counter{display:flex;align-items:baseline;gap:var(--space-component-sm);font-variant-numeric:tabular-nums;font-weight:600;line-height:1}
.cinf-timeline__counter span:first-child{font-size:var(--type-metric-xl-size);color:var(--color-text-primary)}
.cinf-timeline__counter span:last-child{font-size:var(--type-heading-2-size);color:var(--color-text-secondary)}
.cinf-timeline__track{position:relative;align-self:stretch;background:var(--color-border-subtle);border-radius:999px}
.cinf-timeline__track span{display:block;position:absolute;inset:0;background:var(--color-brand-primary);transform:scaleY(var(--timeline-progress));transform-origin:top}
.cinf-timeline__steps{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-structural-lg);min-width:0}
.cinf-timeline__step{position:relative;scroll-margin-top:calc(var(--header-height,96px) + 48px);min-width:0}
.cinf-timeline__identity{display:flex;align-items:center;justify-content:space-between;color:var(--color-brand-primary)}
@media(max-width:48rem){
 .cinf-timeline{padding-block:var(--space-structural-md)}
 .cinf-timeline__layout{grid-template-columns:minmax(0,1fr);gap:var(--space-structural-md)}
 .cinf-timeline__content{gap:var(--space-component-lg)}
 .cinf-timeline__aside{grid-column:1/-1;position:static;padding:0}
 .cinf-timeline__counter span:first-child{font-size:var(--type-metric-xl-size)}
 .cinf-timeline__steps{gap:var(--space-component-xl)}
}

.cinf-timeline__entry{display:flex;flex-direction:column;gap:var(--space-component-xl);min-height:220px}
.cinf-timeline__body{display:grid;gap:16px;min-width:0}
.cinf-timeline__media{width:80.5%;aspect-ratio:16/10;margin:0;overflow:hidden;border-radius:16px;background:var(--color-zinc-100)}
.cinf-timeline__media--empty{border:1px solid var(--color-border-subtle)}
.cinf-timeline__photo{display:block;width:100%;height:100%;object-fit:cover}
.cinf-timeline__track::after{content:"";position:absolute;left:50%;top:calc(var(--timeline-progress) * 100%);width:14px;height:14px;border-radius:50%;background:var(--color-brand-primary);transform:translate(-50%,-50%)}
@media(max-width:48rem){.cinf-timeline__entry{min-height:0}}
/* Entry motion belongs to individual blocks, not the sticky containing section. */
.site-main > #historia-timeline{animation:none;transform:none;opacity:1}
/* Team uses the ecosystem composition with six supplied members. */
@media(min-width:901px){
 #time-cinf .cinf-iniciativas__grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
#time-cinf .cinf-iniciativas__reveal-item{min-width:0;display:flex}
#time-cinf .cinf-iniciativas__reveal-item > .octopus-editorial-card{width:100%}
.site-main > #time-cinf{animation:none;transform:none;opacity:1}
/* FX Background V04: shared SVG and keyframes already distributed in theme/style.css. */
.cinf-timeline{position:relative;isolation:isolate}
.cinf-timeline > .site-shell{position:relative;z-index:1}
.cinf-timeline__fx{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;color:var(--color-zinc-200);opacity:var(--timeline-fx-opacity,.45)}
@media(prefers-reduced-motion:reduce){.cinf-timeline__fx{opacity:.45}}
.cinf-timeline__fx svg{display:block;width:100%;height:100%;fill:currentColor}
.cinf-timeline__fx :is(.cinf-fx-texture__idle,.cinf-fx-texture__band,.cinf-fx-texture__node,.cinf-fx-texture__traveler){animation-duration:1s;animation-timing-function:linear;animation-fill-mode:both;animation-play-state:paused}
.cinf-timeline__fx .cinf-fx-texture__band--j3a{animation-name:cinf-fx-tex-j3a;animation-delay:calc(var(--timeline-fx-j3,1) * -1s)}
.cinf-timeline__fx .cinf-fx-texture__traveler--j3{animation-name:cinf-fx-tex-j3t;animation-delay:calc(var(--timeline-fx-j3,1) * -1s)}
.cinf-timeline__fx .cinf-fx-texture__band--j1a{animation-name:cinf-fx-tex-j1a;animation-delay:calc(var(--timeline-fx-j1,1) * -1s)}
.cinf-timeline__fx .cinf-fx-texture__band--j1b{animation-name:cinf-fx-tex-j1b;animation-delay:calc(var(--timeline-fx-j1,1) * -1s)}
.cinf-timeline__fx .cinf-fx-texture__node--j1n1{animation-name:cinf-fx-tex-j1n1;animation-delay:calc(var(--timeline-fx-j1,1) * -1s)}
.cinf-timeline__fx .cinf-fx-texture__traveler--j1{animation-name:cinf-fx-tex-j1t;animation-delay:calc(var(--timeline-fx-j1,1) * -1s)}
.cinf-timeline__fx .cinf-fx-texture__band--j2a{animation-name:cinf-fx-tex-j2a;animation-delay:calc(var(--timeline-fx-j2,1) * -1s)}
.cinf-timeline__fx .cinf-fx-texture__band--j2b{animation-name:cinf-fx-tex-j2b;animation-delay:calc(var(--timeline-fx-j2,1) * -1s)}
.cinf-timeline__fx .cinf-fx-texture__band--j2c{animation-name:cinf-fx-tex-j2c;animation-delay:calc(var(--timeline-fx-j2,1) * -1s)}
.cinf-timeline__fx .cinf-fx-texture__node--j2n1{animation-name:cinf-fx-tex-j2n1;animation-delay:calc(var(--timeline-fx-j2,1) * -1s)}
.cinf-timeline__fx .cinf-fx-texture__node--j2n2{animation-name:cinf-fx-tex-j2n2;animation-delay:calc(var(--timeline-fx-j2,1) * -1s)}
.cinf-timeline__fx .cinf-fx-texture__traveler--j2{animation-name:cinf-fx-tex-j2t;animation-delay:calc(var(--timeline-fx-j2,1) * -1s)}
.cinf-timeline__fx .cinf-fx-texture__band--j4a{animation-name:cinf-fx-tex-j4a;animation-delay:calc(var(--timeline-fx-j4,1) * -1s)}
.cinf-timeline__fx .cinf-fx-texture__traveler--j4{animation-name:cinf-fx-tex-j4t;animation-delay:calc(var(--timeline-fx-j4,1) * -1s)}
.cinf-timeline__fx .cinf-fx-texture__idle--1{animation-name:cinf-fx-tex-round;animation-delay:calc(var(--timeline-fx-idle-1,1) * -1s)}
.cinf-timeline__fx .cinf-fx-texture__idle--2{animation-name:cinf-fx-tex-round;animation-delay:calc(var(--timeline-fx-idle-2,1) * -1s)}
.cinf-timeline__fx .cinf-fx-texture__idle--3{animation-name:cinf-fx-tex-round;animation-delay:calc(var(--timeline-fx-idle-3,1) * -1s)}
.cinf-timeline__fx .cinf-fx-texture__idle--4{animation-name:cinf-fx-tex-round;animation-delay:calc(var(--timeline-fx-idle-4,1) * -1s)}
.cinf-timeline__fx .cinf-fx-texture__idle--5{animation-name:cinf-fx-tex-round;animation-delay:calc(var(--timeline-fx-idle-5,1) * -1s)}
.cinf-timeline__fx .cinf-fx-texture__idle--6{animation-name:cinf-fx-tex-round;animation-delay:calc(var(--timeline-fx-idle-6,1) * -1s)}
.cinf-timeline__fx .cinf-fx-texture__idle--7{animation-name:cinf-fx-tex-round;animation-delay:calc(var(--timeline-fx-idle-7,1) * -1s)}
.cinf-timeline__fx .cinf-fx-texture__idle--8{animation-name:cinf-fx-tex-round;animation-delay:calc(var(--timeline-fx-idle-8,1) * -1s)}
.cinf-timeline__fx .cinf-fx-texture__idle--9{animation-name:cinf-fx-tex-round;animation-delay:calc(var(--timeline-fx-idle-9,1) * -1s)}
/* Progressive emphasis stays on the wrapper, independently of block entry motion. */
.cinf-timeline[data-timeline-ready] .cinf-timeline__step{transition:opacity var(--motion-duration-base) var(--motion-ease-standard),filter var(--motion-duration-base) var(--motion-ease-standard)}
.cinf-timeline[data-timeline-ready] .cinf-timeline__step:not([data-timeline-reached]){opacity:.65;filter:grayscale(1)}
.cinf-timeline[data-timeline-ready] .cinf-timeline__step:focus-within{opacity:1;filter:none}
@media(prefers-reduced-motion:reduce){
 .cinf-timeline[data-timeline-ready] .cinf-timeline__step{transition:none;opacity:1;filter:none}
}