/* Editable typography; original illustrations are only cropped in CSS. */
#herramientas .data-journey{--journey-cap:calc(clamp(2.1rem,4vw,3.45rem) - 2px);color:#061640;text-align:center}
#herramientas .data-journey-header h3{font-family:"Times New Roman",Times,serif;font-weight:700;font-size:calc(min(var(--journey-cap),clamp(1.8rem,4vw,3.3rem)) - 1.5pt);line-height:1.14;letter-spacing:-.025em;margin:0 0 14px}
#herramientas .data-journey-header p{font-family:"Segoe UI",Arial,sans-serif;font-size:min(var(--journey-cap),clamp(1.125rem,2.3vw,1.9rem));line-height:1.4;margin:0}
#herramientas .data-journey .journey-orange{color:var(--orange)}
#herramientas .data-journey-steps{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;padding:0;margin:36px 0 40px}
#herramientas .data-journey-step{position:relative;min-width:0;display:grid;grid-template-rows:auto auto 1fr;align-content:start}
#herramientas .data-journey-step h4{font-family:"Times New Roman",Times,serif;font-size:min(var(--journey-cap),clamp(1.4rem,2.5vw,2rem));font-weight:700;line-height:1.15;letter-spacing:-.025em;margin:0 0 12px;overflow-wrap:normal}
#herramientas .data-journey-art{display:block;position:relative;width:100%;aspect-ratio:290/330;overflow:hidden}
#herramientas .data-journey-art img{position:absolute;width:576.551724%;max-width:none;height:auto;top:-100%;pointer-events:none}
#herramientas .data-journey-step:not(:last-child)::after{content:"→";position:absolute;right:-22px;top:43%;width:22px;font-size:28px;line-height:1;color:#8195ad}
#herramientas .data-journey-step p{font-family:"Segoe UI",Arial,sans-serif;font-size:min(var(--journey-cap),clamp(1.125rem,1.7vw,1.375rem));line-height:1.4;margin:12px 0 0;text-wrap:pretty}
#herramientas .data-journey figcaption{font-family:"Times New Roman",Times,serif;font-size:min(var(--journey-cap),clamp(1.5rem,2.5vw,2.15rem));font-weight:700;line-height:1.25;margin:0}
@media(max-width:900px){
 #herramientas .data-journey-steps{display:flex;flex-direction:column;gap:28px;max-width:540px;margin:30px auto}
 #herramientas .data-journey-step{display:grid;grid-template-columns:minmax(92px,34%) minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:20px;text-align:left;align-items:center}
 #herramientas .data-journey-step h4{grid-column:2;grid-row:1;font-size:1.5rem;margin:8px 0;overflow-wrap:anywhere}
 #herramientas .data-journey-art{grid-column:1;grid-row:1/3}
 #herramientas .data-journey-step p{grid-column:2;grid-row:2;align-self:start;font-size:1.125rem;margin:0}
 #herramientas .data-journey-step:not(:last-child)::after{content:"↓";right:auto;left:calc(17% - 11px);top:calc(100% + 2px);font-size:24px}
 #herramientas .data-journey-header p{font-size:1.125rem}
}

@media(max-width:900px){#herramientas .data-journey-header h3{white-space:nowrap;font-size:min(var(--journey-cap),clamp(.625rem,4.5vw,1.75rem))}}