/* JM Rutas v3 · investigacion.html — piezas únicas: apertura de informe, fichas
   de gráfico, scrollytelling y calculadora del diésel. Solo tokens de base.css.
   Gráficos con la paleta de datos v3 (02_Paleta §3): la serie protagonista en
   cobre (--dato-2), la de contexto en noche (--dato-1), «otros» en gris
   (--dato-otros). Etiqueta directa y tabla «Ver los datos» en todos. */

/* Tinta de gráficos por tramo (énfasis: dato, acento JM, contexto, rejilla) */
:root, [data-tramo="costa"], [data-tramo="desierto"], [data-tramo="sierra"], [data-tramo="puna"] { --g1: var(--dato-1); --ga: var(--dato-2); --gat: var(--cobre-600); --gn: var(--dato-otros); --gr: color-mix(in srgb, var(--noche) 12%, transparent); --g4: var(--dato-4); }
[data-tramo="noche"] { --g1: var(--dato-1); --ga: var(--dato-2); --gat: var(--dato-2); --gn: var(--dato-otros); --gr: rgb(220 226 235 / .14); --g4: var(--dato-4); }

/* Piezas v3 compartidas */
.antetitulo { font-family: var(--f-display); font-size: var(--t-etiqueta); font-weight: 680; font-stretch: 75%; letter-spacing: .14em; text-transform: uppercase; color: var(--acento-tinta); }
.tramo { padding-block: clamp(4rem, 8vw, 7.5rem); }
.tramo--corto { padding-block: clamp(3rem, 6vw, 5rem); }
.tramo-cab .antetitulo { grid-column: 1 / -1; }
h2.t-2 { max-width: 19ch; }
.estado--verificado { color: var(--ok); border-color: color-mix(in srgb, var(--ok) 45%, transparent); }

/* ---------- Apertura: titular + 4 cifras con fuente sobre la pampa ---------- */
.inf-apertura { position: relative; isolation: isolate; overflow: hidden; background: var(--noche-950); color: var(--cal); }
.inf-apertura__fondo { position: absolute; inset: 0; z-index: -1; }
.inf-apertura__fondo .foto { position: absolute; inset: 0; border-radius: 0; background: none; }
.inf-apertura__fondo img { opacity: .5; }
.inf-apertura__fondo::before { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; background: linear-gradient(to bottom, rgb(10 22 40 / .35), rgb(10 22 40 / .0) 30%, rgb(10 22 40 / .55) 70%, rgb(10 22 40 / .92)); }
.inf-apertura__in { position: relative; z-index: 1; display: grid; gap: clamp(2.5rem, 5vw, 4.5rem); padding-block: calc(var(--cab-alto) + clamp(1.5rem, 4vw, 3rem)) var(--e-l); }
.inf-mancheta { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .3rem 1.5rem; padding-block: .65rem; border-block: 1px solid rgb(247 244 238 / .4); font-family: var(--f-display); font-size: var(--t-etiqueta); font-weight: 650; font-stretch: 80%; letter-spacing: .12em; text-transform: uppercase; color: var(--noche-300); }
.inf-mancheta span:first-child { color: var(--cal); font-weight: 800; }
.inf-apertura__cab { display: grid; gap: var(--e-m); }
.inf-apertura__titulo { font-size: clamp(2.9rem, 7.2vw + .2rem, 8.6rem); font-weight: 850; font-stretch: 114%; line-height: .87; letter-spacing: -.04em; max-width: 13ch; }
.inf-apertura__titulo .punto { color: var(--cobre); }
.inf-apertura__lead { font-size: var(--t-lead); line-height: 1.45; color: var(--noche-100); max-width: 52ch; }
.inf-cifras { display: grid; gap: var(--e-l) var(--medianil); grid-template-columns: repeat(auto-fit, minmax(min(15rem, 100%), 1fr)); }
.inf-cifras > div { display: grid; gap: .5rem; align-content: start; padding-top: var(--e-s); border-top: 1px solid rgb(247 244 238 / .35); }
.inf-cifras__manda { border-top: 2px solid var(--cobre-claro) !important; }
.inf-cifras dt { font-size: clamp(3.6rem, 6vw, 6.4rem); line-height: .84; color: var(--cal); }
.inf-cifras__manda dt { color: var(--cobre-claro); }
.inf-cifras dt small { font-size: .38em; font-weight: 700; margin-left: .04em; }
.inf-cifras dt small.pre { margin: 0 .08em 0 0; }
.inf-cifras dd { color: var(--noche-100); max-width: 30ch; }
.inf-cifras dd b { color: var(--cal); }
.inf-cifras__f { font-size: var(--t-nota); color: #8A9AB2 !important; }
.inf-cifras__f .estado { margin-right: .35rem; color: var(--yareta-claro); border-color: rgb(169 196 106 / .5); }
.sumario { padding-top: var(--e-s); border-top: 1px solid rgb(247 244 238 / .35); }
.sumario__t { font-family: var(--f-display); font-size: var(--t-etiqueta); font-weight: 700; font-stretch: 78%; letter-spacing: .12em; text-transform: uppercase; color: var(--noche-300); }
.sumario ol { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(15rem, 100%), 1fr)); column-gap: var(--medianil); margin-top: var(--e-xs); }
.sumario a { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; min-height: 44px; padding-block: .7rem; border-bottom: 1px solid rgb(247 244 238 / .14); text-decoration: none; color: var(--cal); }
.sumario__c { font-family: var(--f-display); font-weight: 700; font-stretch: 94%; font-size: 1.04rem; transition: color var(--dur-corta) var(--ease-suave); }
.sumario__g { flex: none; font-size: var(--t-nota); color: var(--noche-300); font-variant-numeric: tabular-nums; }
.sumario a:hover .sumario__c, .sumario a:focus-visible .sumario__c { color: var(--cobre-claro); }
.inf-apertura__lugar { color: var(--noche-300); }


/* ---------- Apertura de capítulo con foto a sangre ---------- */
.capitulo { position: relative; isolation: isolate; overflow: hidden; display: grid; align-items: end; min-height: min(92svh, 54rem); background: var(--bg); color: var(--tinta); }
.capitulo > .foto { position: absolute; inset: 0; z-index: -1; border-radius: 0; }
.capitulo__in { position: relative; z-index: 1; padding-block: calc(var(--cab-alto) + var(--e-3xl)) var(--e-2xl); }
.capitulo__t { margin-top: var(--e-m); max-width: 17ch; }
.capitulo__lead { margin-top: var(--e-m); color: var(--noche-100); max-width: 48ch; }
.capitulo { color: var(--cal); }
.capitulo::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: linear-gradient(to top, rgb(10 22 40 / .92) 0%, rgb(10 22 40 / .66) 45%, rgb(10 22 40 / .1) 85%), linear-gradient(to right, rgb(10 22 40 / .45), rgb(10 22 40 / 0) 60%); }
.capitulo .velo { display: none; }
.capitulo__lugar { margin-top: var(--e-l); color: var(--noche-300); }

/* ---------- Fichas de gráfico ---------- */
.fichas { display: grid; gap: clamp(4.5rem, 10vw, 9rem); }
.ficha { display: grid; gap: var(--e-m); align-items: start; grid-template-areas: "cab" "graf" "txt"; }
.ficha__cab { grid-area: cab; display: grid; gap: var(--e-s); }
.ficha__graf { grid-area: graf; display: grid; gap: var(--e-s); min-width: 0; }
.ficha__txt { grid-area: txt; display: grid; gap: var(--e-s); max-width: 60ch; }
.ficha__n { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem .75rem; font-family: var(--f-display); font-size: var(--t-etiqueta); font-weight: 700; font-stretch: 80%; letter-spacing: .14em; text-transform: uppercase; color: var(--tinta-3); }
.ficha__t { font-size: var(--t-3); font-weight: 720; font-stretch: 96%; line-height: 1.08; letter-spacing: -.015em; max-width: 26ch; }
.ficha__txt p:not(.fuente) { font-size: var(--t-chico); color: var(--tinta-2); }
.ficha__txt b { color: var(--tinta); }
.ficha__jm { padding-top: .7rem; border-top: 1px solid var(--acento); }
@media (min-width: 1024px) {
  .ficha:not(.ficha--paso) { grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); grid-template-rows: auto 1fr; column-gap: clamp(2rem, 5vw, 5rem); grid-template-areas: "cab graf" "txt graf"; }
  .ficha.ficha--inv { grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); grid-template-areas: "graf cab" "graf txt"; }
  .ficha.ficha--ancha { grid-template-columns: 1fr; grid-template-rows: auto; grid-template-areas: "cab" "graf" "txt"; }
  .ficha--ancha .ficha__txt { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: var(--e-xl); max-width: none; }
}
.landstar { margin-top: var(--tramo-corto); }

/* Leyenda y tabla de datos */
.leyenda { display: flex; flex-wrap: wrap; gap: .35rem 1.1rem; list-style: none; padding: 0; font-size: var(--t-nota); color: var(--tinta-2); }
.leyenda li { display: inline-flex; align-items: center; gap: .45rem; }
.sw { flex: none; width: .8rem; height: .8rem; border-radius: 2px; background: var(--g1); }
.sw--a { background: var(--ga); } .sw--n { background: var(--gn); }
.sw--p { background: transparent; border: 1.5px dashed var(--g1); }
.sw--r { width: 1.3rem; height: 0; border-radius: 0; background: none; border-top: 2px dashed var(--ga); }
.sw--punto { border-radius: 50%; }
.sw--anillo { border-radius: 50%; background: transparent; border: 2.5px solid var(--ga); }
.datos summary { display: inline-flex; align-items: center; gap: .6rem; min-height: 44px; cursor: pointer; font-family: var(--f-display); font-weight: 650; font-stretch: 92%; font-size: .95rem; list-style: none; }
.datos summary::-webkit-details-marker { display: none; }
.datos summary::before { content: ""; width: .45rem; height: .45rem; border-right: 1.5px solid; border-bottom: 1.5px solid; transform: rotate(-45deg); transition: transform var(--dur-corta) var(--ease-suave); }
.datos[open] summary::before { transform: rotate(45deg); }
.datos__env { overflow-x: auto; }
.datos table { width: 100%; font-size: var(--t-nota); font-variant-numeric: tabular-nums; }
.datos th, .datos td { padding: .5rem .75rem .5rem 0; text-align: left; vertical-align: top; border-bottom: 1px solid var(--borde); }
.datos thead th { color: var(--tinta-3); font-weight: 600; }
.datos tbody th { font-weight: 400; color: var(--tinta); }
.datos .num { text-align: right; white-space: nowrap; }

/* ---------- Gráficos (SVG dibujado por p-investigacion.js) ---------- */
.graf { position: relative; width: 100%; }
.graf svg { display: block; width: 100%; height: auto; overflow: visible; }
.graf text { font-family: var(--f-texto); font-size: 13px; fill: var(--tinta-2); }
.graf .te { font-size: 12px; fill: var(--tinta-3); font-variant-numeric: tabular-nums; }
.graf .tv { font-family: var(--f-display); font-weight: 700; font-stretch: 88%; font-size: 15px; fill: var(--tinta); font-variant-numeric: tabular-nums; }
.graf .tg { font-family: var(--f-display); font-weight: 800; font-stretch: 76%; font-size: 26px; fill: var(--tinta); }
.graf .tn { font-size: 12.5px; fill: var(--tinta-2); font-style: italic; }
.graf .ti { fill: var(--cal-0); font-weight: 700; }
[data-tramo="noche"] .graf .ti { fill: var(--noche-950); }
.f1 { fill: var(--g1); } .fa { fill: var(--ga); } .fat { fill: var(--gat); } .fn { fill: var(--gn); } .fr { fill: var(--gr); }
.fp { fill: color-mix(in srgb, var(--g1) 9%, transparent); stroke: var(--g1); stroke-width: 1.5; stroke-dasharray: 5 3; }
.sr, .s0, .s1, .sa, .sref, .sn { fill: none; }
.sr { stroke: var(--gr); } .s0 { stroke: var(--tinta-3); } .s1 { stroke: var(--g1); stroke-width: 2; } .sa { stroke: var(--ga); stroke-width: 2.5; } .sn { stroke: var(--gn); stroke-width: 2; }
.sref { stroke: var(--ga); stroke-width: 1.5; stroke-dasharray: 5 4; }
.anillo { fill: var(--bg); stroke: var(--ga); stroke-width: 3; }
.fa2 { fill: color-mix(in srgb, var(--ga) 42%, var(--bg)); } .sw--a2 { background: color-mix(in srgb, var(--ga) 42%, var(--bg)); }
.graf :is(.rk, .hm, .ot) { fill: var(--gn); transition: fill 500ms var(--ease-suave) calc(var(--i, 0) * 12ms), opacity 500ms var(--ease-suave); }
.graf :is(.e1, .e2) .rk { fill: var(--ga); } .graf .e2 .hm { fill: var(--g1); } .graf .e2 :is(.rk, .ot) { opacity: .4; }
.graf .m { transition: fill 500ms var(--ease-suave) calc(var(--i, 0) * 5ms), opacity 500ms var(--ease-suave), transform 700ms var(--ease-salida); }
.graf.con-foco [data-tip]:not(.foco) { opacity: .5; }
.js .graf .gx, .js .graf .gy { transform-box: fill-box; transform-origin: 0 50%; transform: scaleX(0); }
.js .graf .gy { transform-origin: 50% 100%; transform: scaleY(0); }
.js .graf .gr { transform-origin: 100% 50%; }
.js .graf .go { opacity: 0; }
.js .graf .gl { stroke-dasharray: 1; stroke-dashoffset: 1; }
.graf.is-visible :is(.gx, .gy) { transform: none; transition: transform 1s var(--ease-salida) calc(var(--i, 0) * 80ms); }
.graf.is-visible .go { opacity: 1; transition: opacity .6s var(--ease-suave) calc(250ms + var(--i, 0) * 80ms); }
.graf.is-visible .gl { stroke-dashoffset: 0; transition: stroke-dashoffset 1.4s var(--ease-salida) .2s; }
.graf--cascada .fila { opacity: .08; transition: opacity 500ms var(--ease-suave); }
.graf--cascada .fila.on { opacity: 1; }
.gtip { position: fixed; z-index: 70; max-width: 17rem; padding: .55rem .75rem; border-radius: var(--r-s); background: var(--noche-950); color: var(--cal-0); box-shadow: var(--sombra-2); font-size: var(--t-nota); line-height: 1.35; pointer-events: none; opacity: 0; transform: translateY(4px); transition: opacity 120ms, transform 120ms; }
.gtip.on { opacity: 1; transform: none; }
.gtip b { display: block; font-family: var(--f-display); font-size: .95rem; }

/* ---------- Scrollytelling ---------- */
.scrolly__rejilla { display: grid; position: relative; }
.scrolly__rejilla > * { grid-area: 1 / 1; min-width: 0; }
.scrolly__fijo { position: sticky; top: var(--cab-alto); align-self: start; height: calc(54svh - var(--cab-alto) * .3); z-index: 0; }
.scrolly__pin { height: 100%; display: flex; flex-direction: column; justify-content: center; gap: var(--e-xs); padding-block: var(--e-xs); }
.scrolly__pin .graf { flex: 1; min-height: 0; display: grid; place-items: center; }
.scrolly__pin .graf svg { width: auto; max-width: 100%; height: 100%; }
.scrolly__cifra { display: flex; align-items: baseline; gap: .6rem; }
.scrolly__cifra b { flex: none; font-family: var(--f-display); font-size: clamp(2.4rem, 6vw, 5rem); font-weight: 820; font-stretch: 70%; line-height: .9; color: var(--acento-tinta); }
.scrolly__cifra span { font-size: var(--t-chico); color: var(--tinta-2); line-height: 1.3; max-width: 30ch; }
.scrolly__pasos { position: relative; z-index: 1; padding-top: 58svh; display: grid; }
.scrolly__pasos > * { margin-bottom: 62svh; padding: clamp(1.15rem, 2.4vw, 1.75rem); background: var(--superficie); border-top: 2px solid var(--acento); border-radius: var(--r-xs); box-shadow: var(--sombra-2); transition: opacity var(--dur-media) var(--ease-suave); }
.scrolly__pasos > :last-child { margin-bottom: 8svh; }
.ficha--paso { gap: var(--e-s); grid-template-areas: none; }
.ficha--paso > * { grid-area: auto; }
.paso-s p { font-size: var(--t-lead); line-height: 1.4; color: var(--tinta-2); }
.paso-s b { color: var(--tinta); font-family: var(--f-display); font-weight: 700; }
.graf--paso { display: none; }
@media (min-width: 1024px) {
  .scrolly__rejilla { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); column-gap: clamp(2rem, 5vw, 5rem); }
  .scrolly__fijo { grid-area: 1 / 1; height: calc(100svh - var(--cab-alto) - 1rem); top: calc(var(--cab-alto) + .5rem); }
  .scrolly__pasos { grid-area: 1 / 2; padding-top: 22svh; }
  .scrolly__pasos > * { margin-bottom: 48svh; box-shadow: none; background: none; padding-inline: 0; border-top: 1.5px solid var(--tinta); }
  .scrolly__pasos > .is-activo { border-top-color: var(--acento); }
  .scrolly__pasos > :not(.is-activo) { opacity: .4; }
}
.scrolly.is-estatico .scrolly__fijo, .no-js .scrolly__fijo { display: none; }
.scrolly.is-estatico .scrolly__rejilla, .no-js .scrolly__rejilla { grid-template-columns: 1fr; }
.scrolly.is-estatico .scrolly__pasos, .no-js .scrolly__pasos { grid-area: auto; padding-top: var(--e-xl); gap: var(--e-l); grid-template-columns: repeat(auto-fit, minmax(min(24rem, 100%), 1fr)); }
.scrolly.is-estatico .scrolly__pasos > *, .no-js .scrolly__pasos > * { margin: 0; opacity: 1; box-shadow: none; }
.scrolly.is-estatico .graf--paso { display: block; max-width: 26rem; }

/* Etapas del gráfico 16 */
.etapas { display: flex; flex-wrap: wrap; gap: .5rem; list-style: none; padding: 0; }
.etapas li { padding: .4rem .85rem .4rem 0; margin-right: .6rem; border-bottom: 2px solid var(--borde); border-radius: 0; font-size: var(--t-nota); color: var(--tinta-3); transition: border-color var(--dur-corta), color var(--dur-corta); }
.etapas b { margin-right: .3rem; font-family: var(--f-display); font-size: 1.1rem; font-weight: 800; font-stretch: 76%; color: var(--tinta); }
.etapas li.on { border-bottom-color: var(--ga); color: var(--tinta); }

/* ---------- Calculadora de diésel ---------- */
.diesel { align-items: start; }
@media (min-width: 1024px) { .diesel { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); column-gap: var(--e-2xl); } .diesel__nota { grid-column: 1 / -1; } }
.diesel__controles, .diesel__salida { display: grid; gap: var(--e-s); align-content: start; min-width: 0; }
.diesel__escala { display: flex; justify-content: space-between; margin-top: -.6rem; font-size: var(--t-nota); color: var(--tinta-3); }
.diesel__refs { display: flex; flex-wrap: wrap; gap: .4rem; }
.diesel__refs button { display: grid; min-height: 44px; padding: .35rem .7rem; text-align: left; line-height: 1.2; font-size: .78rem; color: var(--tinta-2); border: 1.5px solid var(--borde); border-radius: var(--r-s); transition: border-color var(--dur-corta), background-color var(--dur-corta); }
.diesel__refs b { font-family: var(--f-display); font-size: 1rem; font-weight: 750; color: var(--tinta); font-variant-numeric: tabular-nums; }
.diesel__refs button:hover { border-color: var(--linea-2); }
.diesel__refs button[aria-pressed="true"] { background: var(--tinta); border-color: var(--tinta); color: var(--bg); }
.diesel__refs button[aria-pressed="true"] b { color: var(--bg); }
.diesel__check { display: flex; gap: .7rem; align-items: flex-start; min-height: 44px; cursor: pointer; }
.diesel__check input { flex: none; width: 1.3rem; height: 1.3rem; margin-top: .1rem; accent-color: var(--cobre-600); }
.diesel__check small { display: block; font-size: var(--t-nota); color: var(--tinta-3); }
.diesel__vista { border: 0; padding: 0; display: grid; gap: .6rem; min-width: 0; }
.diesel__vista .chips span { min-height: 2.75rem; padding: .4rem .85rem; font-size: .875rem; }
.diesel__salida { padding: clamp(1rem, 2.2vw, 1.6rem); background: var(--superficie-2); border-radius: var(--r-s); }
.diesel__cab { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: var(--e-xs); }
.diesel__n { font-family: var(--f-display); font-size: clamp(3rem, 6vw, 5rem); font-weight: 820; font-stretch: 72%; line-height: .9; letter-spacing: -.02em; }
.diesel__n.neg { color: var(--cobre-tinta); }
.diesel__frase { color: var(--tinta-2); max-width: 54ch; }
.diesel__lista { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(10.5rem, 100%), 1fr)); column-gap: var(--e-m); border-top: 1px solid var(--linea-2); }
.diesel__lista div { padding-block: .7rem; border-bottom: 1px solid var(--linea-2); }
.diesel__lista dt { font-size: var(--t-nota); color: var(--tinta-3); line-height: 1.3; }
.diesel__lista dd { font-family: var(--f-display); font-size: 1.35rem; font-weight: 750; font-stretch: 84%; font-variant-numeric: tabular-nums; }
.graf--calc { touch-action: pan-y; }

/* ---------- Cierre: conclusiones, método, fuentes ---------- */
.conclusiones li > div { display: grid; gap: .6rem; }
.conclusiones p { font-size: clamp(1.4rem, 1.5vw + .8rem, 2.3rem); }
.conclusiones span { color: var(--tinta-2); max-width: 56ch; }
.conclusiones a { justify-self: start; display: inline-flex; align-items: center; min-height: 44px; font-size: var(--t-nota); color: var(--acento-tinta); }
.etiquetas-def { border-top: 1px solid var(--borde); }
.etiquetas-def div { display: grid; gap: .5rem var(--e-m); padding-block: var(--e-m); border-bottom: 1px solid var(--borde); }
@media (min-width: 640px) { .etiquetas-def div { grid-template-columns: 9rem 1fr; } }
.etiquetas-def dd { color: var(--tinta-2); }
.fuentes { margin-top: var(--tramo-corto); padding-top: var(--e-xl); border-top: 1px solid var(--tinta); }
.fuentes__cols { display: grid; gap: var(--e-xl) var(--medianil); margin-top: var(--e-l); grid-template-columns: repeat(auto-fit, minmax(min(19rem, 100%), 1fr)); }
.fuentes h3 { margin-bottom: var(--e-s); color: var(--acento-tinta); }
.fuentes ul { list-style: none; padding: 0; display: grid; gap: .6rem; font-size: var(--t-chico); color: var(--tinta-2); }
.fuentes a { color: var(--tinta); text-decoration-color: var(--linea-2); }
.fuentes a:hover { text-decoration-color: currentColor; }
.cierre__cartel { font-size: clamp(3rem, 8.5vw, 9rem); max-width: 11ch; }

@media (prefers-reduced-motion: reduce) {
  .js .graf :is(.gx, .gy) { transform: none; } .js .graf .go { opacity: 1; } .js .graf .gl { stroke-dashoffset: 0; }
  .graf--cascada .fila { opacity: 1; }
}
.no-js .graf, .no-js .flota, .no-js .etapas { display: none; }
@media print { .scrolly__fijo, .gtip { display: none; } .graf--paso { display: block; } }

/* ---------- v3: ajustes de composición ---------- */
.graf .tn { font-style: normal; }
.conclusiones li { grid-template-columns: 1fr; }
.conclusiones li::before { content: none; }
.conclusiones p { color: var(--cal); }
.diesel { background: var(--cal-0); border-radius: var(--r-s); box-shadow: var(--sombra-1); }
.diesel__salida { background: var(--piedra); }
.inf-cierre__lugar { margin-top: var(--e-m); color: var(--noche-300); }
.llegada .enlace-flecha { color: var(--cal); }
.landstar .cifras__item--manda .cifras__valor { color: var(--cobre); }
.fichas { gap: clamp(4rem, 9vw, 8rem); }
.ficha__t { max-width: 28ch; }
.leyenda .sw { border-radius: 2px; }