html .jornada{--fill:1;--jm:var(--f-mono,ui-monospace,monospace);--jh:var(--f-head,Georgia,serif);background:var(--bg,#fff);padding:clamp(88px,11vw,152px) 0 clamp(72px,9vw,128px);position:relative;overflow-x:clip}html .jornada .jornada-head{margin-bottom:clamp(40px,6vw,88px)}html .jornada .jornada-steps{margin:0;padding:0;list-style:none}html .jornada .jornada-n{font:500 12px/1.4 var(--jm);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);transition:color .6s var(--ease-out);margin:0 0 18px;display:block}html .jornada .jornada-step h3{font:380 clamp(28px,2.6vw,40px)/1.08 var(--jh);letter-spacing:-.025em;color:var(--ink);font-optical-sizing:auto;text-wrap:balance;transition:color .6s var(--ease-out);margin:0 0 14px}html .jornada .jornada-step p{max-width:42ch;color:var(--ink-2);margin:0;font-size:17px;line-height:1.6}html .jornada .jornada-path{padding-left:clamp(48px,9vw,140px);position:relative}html .jornada .jornada-track{background:var(--line);width:1px;position:absolute;top:12px;bottom:0;left:clamp(10px,2vw,28px)}html .jornada .jornada-track span{transform-origin:top;transform:scaleY(var(--fill));background:#00447b;position:absolute;inset:0 -1px}html .jornada .jornada-node{background:var(--bg,#fff);border:1px solid var(--ink);width:13px;height:13px;transition:background .5s,border-color .5s;position:absolute;top:10px;left:calc(clamp(10px,2vw,28px) - clamp(48px,9vw,140px) - 6px);transform:rotate(45deg)}html .jornada:not(.is-live) .jornada-node,html .jornada .on>.jornada-node{background:#00447b;border-color:#00447b}html .jornada .jornada-step{grid-template-columns:minmax(0,3fr) minmax(0,6fr) minmax(0,3fr);align-items:start;gap:0 clamp(24px,4vw,64px);padding:0 0 clamp(72px,10vw,140px);display:grid;position:relative}html .jornada .jornada-n{flex-direction:column;gap:12px;margin:0;display:flex}html .jornada .jornada-n span{font:300 clamp(56px,6vw,96px)/.85 var(--jh);letter-spacing:-.04em;color:var(--ink);font-variant-numeric:lining-nums}html .jornada .jornada-step h3{font-size:clamp(28px,2.8vw,44px)}html .jornada .jornada-txt{padding-top:6px}html .jornada .jornada-depth{border-top:1px solid var(--ink);font:400 13px/1.4 var(--jm);color:var(--ink-2);flex-direction:column;gap:8px;margin:6px 0 0;padding-top:14px;display:flex}html .jornada .jornada-depth b{font:360 clamp(32px,2.9vw,44px)/1 var(--jh);letter-spacing:-.03em;color:var(--ink)}html .jornada :is(.jornada-n span,.jornada-n,.jornada-step h3){transition:color .7s var(--ease-out)}html .jornada.is-live .jornada-step:not(.on) :is(.jornada-n span,h3){color:#a3aeb8}html .jornada.is-live .jornada-step.on .jornada-n{color:var(--primary)}html .jornada .jornada-shelf{padding-top:0;position:relative}html .jornada .jornada-shelf ul{border-bottom:1px solid var(--ink);align-items:flex-end;gap:clamp(12px,3vw,56px);height:clamp(160px,22vw,300px);margin:0;padding:0;list-style:none;display:flex}html .jornada .jornada-shelf li{height:calc(var(--r) * 100%);flex-direction:column;flex:none;align-items:center;display:flex;position:relative}html .jornada .jornada-can{height:100%;aspect-ratio:var(--ar);display:block;position:relative}html .jornada .jornada-can img{width:100%;height:100%;display:block;position:absolute;inset:0}html .jornada .jornada-ghost{filter:grayscale()contrast(.85)brightness(1.06);opacity:.3}html .jornada .jornada-full{clip-path:inset(0)}html .jornada.is-live .jornada-full{clip-path:inset(100% 0 0);transition:clip-path 1.3s cubic-bezier(.65,0,.25,1) calc(var(--i) * .16s)}html .jornada.is-live .jornada-shelf.on .jornada-full{clip-path:inset(0)}html .jornada .jornada-shelf small{font:500 11px/1 var(--jm);letter-spacing:.06em;color:var(--ink-2);white-space:nowrap;position:absolute;top:calc(100% + 12px)}html .jornada .jornada-shelf .jornada-node{top:auto;bottom:-7px}html .jornada .jornada-shelf-note{max-width:24ch;font:400 13px/1.5 var(--jm);color:var(--ink-2);flex-direction:column;gap:14px;margin:0;display:flex;position:absolute;bottom:28px;right:0}html .jornada .jornada-shelf-note a{min-height:44px;font:600 15px var(--f-body);color:var(--ink);text-underline-offset:6px;align-self:flex-start;align-items:center;gap:8px;text-decoration:underline 1px;display:inline-flex}html .jornada .jornada-shelf-note a:hover{text-decoration-thickness:2px}@media (width<=900px){html .jornada .jornada-step{grid-template-columns:minmax(0,1fr);gap:16px}html .jornada .jornada-n{flex-direction:row;align-items:baseline;gap:14px}html .jornada .jornada-depth{flex-direction:row;align-items:baseline;gap:12px;max-width:none}}@media (width<=560px){html .jornada .jornada-path{padding-left:36px}html .jornada .jornada-track{left:6px}html .jornada .jornada-node{left:-36px}html .jornada .jornada-n span{font-size:48px}html .jornada .jornada-step{padding-bottom:64px}html .jornada .jornada-step h3{font-size:clamp(26px,7.4vw,32px)}html .jornada .jornada-shelf ul{justify-content:space-between;gap:8px;height:150px}html .jornada .jornada-shelf small{font-size:10px}html .jornada .jornada-shelf-note{max-width:none;margin-top:44px;position:static}}
