/* Conecta Comunidad · v21 · Desarrollo territorial · «Cómo medimos»: instrumento IDT‑5
   Prefijo propio: .idt-  El acento cálido (--idt-corta) nombra una sola cosa: lo que limita. */
.idt{ --idt-corta:#F4A261; --idt-corta-t:#A9480F; --idt-r:16px; --idt-r-s:10px; --idt-linea:rgba(14,23,38,.1) }
.idt-sr{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap }
.idt-k{ font-family:var(--sans); font-size:.8rem; font-weight:650; letter-spacing:.01em; color:var(--mudo); margin:0 }

/* ---------------------------------------------------------------- Introducción */
.idt-cab .entrada{ max-width:46ch }
.idt-intro{ display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:clamp(1.5rem,4vw,4.5rem); align-items:start; margin:0 0 clamp(2rem,4vw,3rem) }
.idt-idea h3{ font-family:var(--sans); font-size:1.28rem; font-weight:650; letter-spacing:-.01em; margin:0 0 .55rem; color:var(--tinta) }
.idt-idea p{ color:var(--tinta-2); max-width:58ch; margin:0 }
.idt-idea p + p{ margin-top:.65rem }
.idt-idea b{ color:var(--tinta) }
.idt-pasos{ list-style:none; margin:0; padding:0; display:grid; gap:0; counter-reset:p; position:relative }
.idt-pasos li{ display:grid; grid-template-columns:2.25rem minmax(0,1fr); gap:.9rem; align-items:start; padding:.15rem 0 1.05rem; position:relative }
.idt-pasos li:last-child{ padding-bottom:0 }
.idt-pasos li:not(:last-child)::before{ content:""; position:absolute; left:calc(1.125rem - .5px); top:2.35rem; bottom:.2rem; width:1px; background:var(--filete-firme) }
.idt-pasos span{ width:2.25rem; height:2.25rem; display:grid; place-items:center; border-radius:50%; border:1px solid var(--petroleo); color:var(--petroleo); font-family:var(--sans); font-weight:700; font-size:.92rem; background:transparent }
.idt-pasos p{ margin:0; padding-top:.32rem; font-family:var(--sans); font-size:1rem; line-height:1.45; color:var(--tinta-2) }
.idt-pasos b{ color:var(--tinta); font-weight:650 }

/* ---------------------------------------------------------------- Armazón del instrumento */
.idt-inst{ display:grid; grid-template-columns:minmax(0,1.06fr) minmax(0,1fr); grid-template-areas:"barra barra" "ctrl vista" "ficha ficha";
  border-radius:var(--idt-r); overflow:hidden; background:var(--blanco); box-shadow:0 0 0 1px var(--idt-linea), 0 24px 60px -28px rgba(10,26,47,.35) }
.idt-barra{ grid-area:barra; display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:.7rem clamp(1rem,2.4vw,1.75rem); border-bottom:1px solid var(--idt-linea); background:#FBFAF8 }
.idt-barra p{ margin:0; font-family:var(--sans); font-size:.86rem; color:var(--mudo); display:flex; align-items:baseline; gap:.6rem; flex-wrap:wrap }
.idt-barra b{ color:var(--tinta); font-weight:650 }
.idt-barra__ej{ padding:.18rem .6rem; border-radius:999px; border:1px solid var(--filete); font-size:.78rem !important }

/* ---------------------------------------------------------------- Controles */
.idt-ctrl{ grid-area:ctrl; container-type:inline-size; padding:clamp(1rem,2.2vw,1.75rem) clamp(1rem,2.4vw,1.75rem) clamp(1rem,2.2vw,1.5rem); position:relative; min-width:0 }
.idt-escs{ display:grid; gap:.5rem; margin-bottom:1.25rem }
.idt-escs__g{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:3px; padding:3px; border-radius:12px; background:#EFF1F1 }
.idt-esc{ min-height:44px; padding:.45rem .6rem; border:0; border-radius:9px; background:transparent; color:var(--tinta-2); font-family:var(--sans); font-size:.84rem; font-weight:600; line-height:1.2; cursor:pointer; text-align:center; transition:background .2s ease, color .2s ease, box-shadow .2s ease }
.idt-esc:hover{ background:rgba(255,255,255,.7); color:var(--tinta) }
.idt-esc[aria-pressed="true"]{ background:var(--blanco); color:var(--tinta); box-shadow:0 1px 2px rgba(14,23,38,.12), 0 0 0 1px rgba(14,23,38,.06) }
.idt-esc:focus-visible{ outline:2px solid var(--petroleo); outline-offset:1px }
.idt-k--filas{ margin:0 0 .35rem }
.idt-filas{ list-style:none; margin:0; padding:0; display:grid }
.idt-fila{ display:grid; grid-template-columns:minmax(0,1fr) minmax(15.5rem,20rem); gap:.5rem 1.1rem; align-items:center; padding:.6rem .6rem; margin:0 -.6rem; border-radius:var(--idt-r-s); transition:background .25s ease, box-shadow .25s ease }
.idt-filas .idt-fila + .idt-fila{ border-top:1px solid var(--idt-linea); border-radius:0 }
.idt-filas .idt-fila.es-corta,.idt-filas .idt-fila.es-corta + .idt-fila{ border-top-color:transparent }
.idt-fila.es-corta{ background:rgba(244,162,97,.11); border-radius:var(--idt-r-s) }
.idt-fila__n{ display:grid; grid-template-columns:auto minmax(0,1fr); gap:.75rem; align-items:center; min-width:0 }
.idt-ico{ width:2.15rem; height:2.15rem; padding:.42rem; border-radius:50%; color:var(--tinta); background:color-mix(in srgb, var(--c) 50%, white) }
.idt-fila__n > span{ display:grid; min-width:0 }
.idt-fila__n b{ font-family:var(--sans); font-size:1rem; font-weight:650; color:var(--tinta); line-height:1.25 }
.idt-fila__n small{ font-family:var(--sans); font-size:.82rem; line-height:1.35; color:var(--mudo) }
.idt-fila__tag{ font-style:normal; font-family:var(--sans); font-size:.72rem; font-weight:700; color:var(--idt-corta-t); background:rgba(244,162,97,.22); padding:.2rem .5rem; border-radius:999px; white-space:nowrap }
.idt-fila__tag[hidden]{ display:none }
.idt-fila.es-corta .idt-fila__n b{ color:var(--idt-corta-t) }
.idt-fila.es-pulso{ animation:idt-pulso 1.8s ease }
@keyframes idt-pulso{ 0%,100%{ box-shadow:0 0 0 0 rgba(20,80,79,0) } 25%{ box-shadow:0 0 0 3px var(--petroleo) } }

/* control segmentado */
.idt-segs{ display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:3px; min-width:0 }
.idt-seg{ position:relative; min-height:48px; display:grid; place-content:center; justify-items:center; gap:0; padding:.25rem .1rem; border-radius:4px; background:#EEF0F0; color:var(--mudo); cursor:pointer; font-family:var(--sans); transition:background .22s ease, color .22s ease, box-shadow .22s ease; -webkit-tap-highlight-color:transparent }
.idt-seg:first-child{ border-radius:10px 4px 4px 10px }
.idt-seg:last-child{ border-radius:4px 10px 10px 4px }
.idt-seg input{ position:absolute; inset:0; width:100%; height:100%; margin:0; opacity:0; cursor:pointer }
.idt-seg b{ font-size:.98rem; font-weight:700; line-height:1.1; font-variant-numeric:tabular-nums }
.idt-seg span{ font-size:.68rem; font-weight:600; line-height:1.15; white-space:nowrap }
.idt-seg:hover{ background:#E2E6E6; color:var(--tinta) }
.idt-seg.es-lleno{ background:color-mix(in srgb, var(--c) 42%, white); color:var(--tinta-2) }
.idt-seg.es-sel{ background:var(--c); color:var(--tinta); box-shadow:inset 0 0 0 1.5px rgba(14,23,38,.55) }
.idt-seg.es-sel span{ font-weight:700 }
.idt-fila.es-corta .idt-seg.es-lleno{ background:color-mix(in srgb, var(--idt-corta) 45%, white) }
.idt-fila.es-corta .idt-seg.es-sel{ background:var(--idt-corta) }
.idt-seg:has(input:focus-visible){ outline:2.5px solid var(--petroleo); outline-offset:2px; z-index:1 }

/* la raíz */
.idt-raiz{ margin:1rem -.6rem 0; padding:.85rem .6rem; border-radius:var(--idt-r-s); background:color-mix(in srgb, var(--piedra) 32%, white); box-shadow:inset 0 0 0 1px rgba(160,130,80,.25) }
.idt-raiz .idt-ico{ background:var(--c) }
.idt-raiz.es-debil{ background:color-mix(in srgb, var(--piedra) 55%, white) }
.idt-raiz .idt-fila__tag{ color:#6E4B12; background:rgba(201,169,122,.45) }

@container (max-width:640px){ .idt-escs__g{ grid-template-columns:repeat(2,minmax(0,1fr)) } }
@container (max-width:470px){ .idt-fila{ grid-template-columns:minmax(0,1fr) } }
@container (min-width:471px) and (max-width:560px){ .idt-fila__n small{ display:none } }

/* lectura breve fija (solo en una columna) */
.idt-mini{ display:none }

/* ---------------------------------------------------------------- Vista: resultado y barril */
.idt-vista{ grid-area:vista; background:var(--noche); color:var(--papel); padding:clamp(1.25rem,2.4vw,2rem) clamp(1rem,2.4vw,2rem); display:flex; flex-direction:column; gap:1rem; min-width:0;
  background-image:radial-gradient(120% 70% at 50% 38%, rgba(20,80,79,.32), transparent 70%) }
.idt-vista .idt-k{ color:var(--suave) }
.idt-res{ display:grid; gap:.15rem }
.idt-res__n{ margin:0; font-family:var(--sans); display:flex; align-items:baseline; gap:.5rem; flex-wrap:wrap }
.idt-res__num{ font-size:clamp(3.2rem,2.4rem + 2.4vw,4.4rem); line-height:.95; font-weight:650; letter-spacing:-.045em; color:var(--idt-corta); font-variant-numeric:tabular-nums }
.idt-res__de{ font-size:1rem; color:var(--suave-claro) }
.idt-res__nom{ font-size:1.5rem; font-weight:650; color:var(--papel); letter-spacing:-.01em }
.idt-res__frena{ margin:0; font-family:var(--sans); font-size:1.02rem; color:#DCE3E6 }
.idt-res__frena b{ color:var(--papel); font-weight:650 }

.idt-fig{ margin:0 -.25rem }
.idt-fig__lienzo{ position:relative; aspect-ratio:520 / 370; width:100%; max-width:40rem; margin:0 auto; container-type:inline-size }
.idt-barril{ position:absolute; inset:0; width:100%; height:100%; overflow:visible; display:block }
.idt-fig__escala{ list-style:none; margin:0; padding:0; position:absolute; left:0; top:0; bottom:0; width:18.6% }
.idt-fig__escala li{ position:absolute; left:0; right:0; transform:translateY(-50%); display:flex; align-items:baseline; gap:.35rem; font-family:var(--sans); line-height:1 }
.idt-fig__escala b{ font-size:.82rem; font-weight:700; color:var(--suave-claro); font-variant-numeric:tabular-nums }
.idt-fig__escala span{ font-size:.72rem; color:var(--suave) }
.idt-fig__escala li.es-agua b,.idt-fig__escala li.es-agua span{ color:var(--idt-corta) }
.idt-fig__marca{ position:absolute; left:76.2%; right:0; top:50%; transform:translateY(-50%); margin:0; padding-left:.55rem; border-left:2px solid var(--idt-corta); font-family:var(--sans); display:grid; gap:.1rem; line-height:1.15 }
.idt-fig__marca small{ font-size:.7rem; color:var(--suave-claro) }
.idt-fig__marca b{ font-size:.92rem; font-weight:700; color:var(--papel) }
@container (max-width:400px){
  .idt-fig__escala span{ display:none }
  .idt-fig__marca small{ font-size:.62rem }
  .idt-fig__marca b{ font-size:.78rem }
}

/* piezas del barril (v23: madera con veta, juntas, canto, cinco aros de hierro con remaches y óxido, agua translúcida) */
.idt-b-escala line{ stroke:rgba(216,203,179,.14); stroke-width:1 }
.idt-b-grietas{ fill:none; stroke:rgba(216,203,179,.5); stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round; opacity:0; transition:opacity .5s ease }
.idt-barril.es-debil .idt-b-grietas{ opacity:1 }
.idt-b-casco{ stroke:rgba(10,5,2,.8); stroke-width:1 }
.idt-b-int__tablas{ fill:rgba(255,214,170,.045) }
.idt-b-cost{ fill:none; stroke:rgba(0,0,0,.55); stroke-width:1.1 }
.idt-b-int__sombra{ pointer-events:none }
.idt-b-canto{ stroke:rgba(40,20,8,.75); stroke-width:.7; stroke-linejoin:round }
.idt-b-canto__j{ fill:none; stroke:rgba(40,20,8,.7); stroke-width:.9 }
.idt-b-sup{ stroke:none }
.idt-b-sup__brillo{ mix-blend-mode:screen; opacity:.7 }
.idt-b-menisco{ fill:none; stroke:rgba(225,255,250,.6); stroke-width:1; stroke-linecap:round }
.idt-b-ondas{ fill:none; stroke:rgba(230,255,250,.28); stroke-width:1; stroke-linecap:round }
.idt-st__cara{ stroke:none }
.idt-st__veta{ fill:none; stroke:rgba(52,26,9,.34); stroke-width:.75 }
.idt-st__veta2{ fill:none; stroke:rgba(255,226,186,.16); stroke-width:.9 }
.idt-st__nudo{ fill:rgba(60,30,10,.5); stroke:rgba(52,26,9,.45); stroke-width:.7; fill-rule:evenodd }
.idt-st__cil,.idt-st__vert{ pointer-events:none }
.idt-st__junta{ fill:none; stroke:rgba(24,11,4,.9); stroke-width:1.3; stroke-linecap:butt }
.idt-st__lado{ fill:#5e3a1d; stroke:rgba(24,11,4,.85); stroke-width:.6; stroke-linejoin:round }
.idt-st__canto{ stroke:rgba(52,28,10,.8); stroke-width:.6; stroke-linejoin:round }
.idt-st__luz{ fill:transparent; stroke:transparent; stroke-width:2; transition:fill .3s ease, stroke .3s ease }
.idt-st.es-corta .idt-st__luz{ fill:rgba(244,162,97,.24); stroke:var(--idt-corta) }
.idt-st.es-foco .idt-st__luz{ stroke:var(--papel); fill:rgba(255,255,255,.08) }
.idt-st.es-corta.es-foco .idt-st__luz{ fill:rgba(244,162,97,.36) }
.idt-b-sello__aro{ fill:none; stroke:rgba(20,10,4,.6); stroke-width:1.2 }
.idt-b-sello__filo{ fill:none; stroke:rgba(255,255,255,.28); stroke-width:.6 }
.idt-b-sello__ico{ fill:none; stroke:#1A120C; stroke-width:2.3; stroke-linecap:round; stroke-linejoin:round }
.idt-b-aro__sombra{ fill:none; stroke:rgba(10,4,1,.5); stroke-width:2.6; stroke-linecap:butt }
.idt-b-aro__banda{ stroke:rgba(8,10,12,.75); stroke-width:.6; stroke-linejoin:round }
.idt-b-aro__oxido{ fill:none; stroke:rgba(128,70,40,.34); stroke-width:2.4; stroke-linecap:round; stroke-dasharray:.6 13 2.2 19 .4 9 3 27 }
.idt-b-aro__brillo{ fill:none; stroke:rgba(255,255,255,.42); stroke-width:.85 }
.idt-b-aro__filo{ fill:none; stroke:rgba(0,0,0,.55); stroke-width:.8 }
.idt-b-aro__clavo{ fill:#7d868d; stroke:rgba(0,0,0,.6); stroke-width:.5 }
.idt-b-aro__clavoluz{ fill:rgba(255,255,255,.75) }
.idt-b-chorro{ opacity:0; transition:opacity .45s ease }
.idt-b-chorro.es-on{ opacity:1 }
.idt-b-chorro__cinta{ stroke:rgba(215,248,243,.55); stroke-width:.6 }
.idt-b-chorro__labio{ fill:none; stroke:rgba(240,255,253,.85); stroke-width:1.3; stroke-linecap:round }
.idt-b-chorro__hilos{ fill:none; stroke:rgba(240,255,252,.6); stroke-width:.9; stroke-linecap:round; stroke-dasharray:14 10; animation:idt-fluye .7s linear infinite }
.idt-b-chorro__charco{ fill:rgba(110,190,184,.32); stroke:rgba(200,240,235,.4); stroke-width:.7 }
.idt-b-chorro__onda{ fill:none; stroke:rgba(220,252,248,.55); stroke-width:.8; transform-box:fill-box; transform-origin:center; animation:idt-onda 1.3s ease-out infinite }
.idt-b-chorro__gotas{ fill:rgba(225,252,248,.75) }
@keyframes idt-fluye{ to{ stroke-dashoffset:-24 } }
@keyframes idt-onda{ 0%{ transform:scale(.45); opacity:.9 } 100%{ transform:scale(1.5); opacity:0 } }
.idt-b-linea{ stroke:var(--idt-corta); stroke-width:1.2; stroke-dasharray:4 4; opacity:.9 }
.idt--calma .idt-b-chorro__hilos,.idt--calma .idt-b-chorro__onda{ animation:none }
.idt--calma .idt-b-chorro__onda{ opacity:.5 }

/* promedio frente al agua */
.idt-comp{ display:grid; gap:.85rem; padding-top:1rem; border-top:1px solid var(--filete-oscuro) }
.idt-comp__t{ margin:0; font-family:var(--sans); font-size:1.02rem; line-height:1.45; color:#DCE3E6 }
.idt-comp__t b{ font-weight:700; color:var(--papel); font-variant-numeric:tabular-nums }
.idt-comp__t .idt-comp__a{ color:var(--idt-corta) }
.idt-comp__eje{ --p:50%; --a:25%; position:relative; height:3.2rem; margin:0 .6rem }
.idt-comp__eje::before{ content:""; position:absolute; left:0; right:0; top:.9rem; height:4px; border-radius:2px; background:rgba(216,203,179,.18) }
.idt-comp__hueco{ position:absolute; top:.9rem; height:4px; left:var(--a); width:calc(var(--p) - var(--a)); background:repeating-linear-gradient(90deg, var(--idt-corta) 0 4px, transparent 4px 7px); opacity:.8; transition:left .45s var(--salida), width .45s var(--salida) }
.idt-comp__m{ position:absolute; top:.9rem; width:14px; height:14px; margin:-5px 0 0 -7px; border-radius:50%; transition:left .45s var(--salida) }
.idt-comp__m em{ position:absolute; top:-1.35rem; left:50%; transform:translateX(-50%); font-style:normal; font-family:var(--sans); font-size:.72rem; font-weight:650; white-space:nowrap }
.idt-comp__m--p{ left:var(--p); background:var(--noche); box-shadow:inset 0 0 0 2px var(--suave-claro) }
.idt-comp__m--p em{ color:var(--suave-claro) }
.idt-comp__m--a{ left:var(--a); background:var(--idt-corta) }
.idt-comp__m--a em{ color:var(--idt-corta) }
.idt-comp__eje.es-junto .idt-comp__m--p em{ opacity:0 }
.idt-comp__eje ol{ list-style:none; margin:0; padding:0; position:absolute; left:0; right:0; top:1.55rem; display:flex; justify-content:space-between }
.idt-comp__eje li{ width:0; display:flex; justify-content:center; font-family:var(--sans); font-size:.72rem; color:var(--suave); font-variant-numeric:tabular-nums }

/* aviso de la raíz */
.idt-alerta{ display:grid; grid-template-columns:auto minmax(0,1fr); gap:.7rem; align-items:start; padding:.85rem 1rem; border-radius:var(--idt-r-s); background:var(--piedra); color:var(--tinta) }
.idt-alerta[hidden]{ display:none }
.idt-alerta svg{ width:1.3rem; height:1.3rem; margin-top:.1rem; color:#7A4A12 }
.idt-alerta p{ margin:0; font-family:var(--sans); font-size:.9rem; line-height:1.5 }
.idt-alerta a{ color:var(--tinta); font-weight:600; text-underline-offset:2px; white-space:nowrap }
.idt-alerta a:focus-visible{ outline:2px solid var(--petroleo); outline-offset:2px }

/* ---------------------------------------------------------------- Recomendación */
.idt-ficha{ grid-area:ficha; display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr) minmax(0,1fr) minmax(0,1.1fr); gap:0; border-top:1px solid var(--idt-linea); background:#FBFAF8 }
.idt-ficha > *{ padding:clamp(1.1rem,2vw,1.6rem) clamp(1rem,2vw,1.5rem) }
.idt-ficha > * + *{ border-left:1px solid var(--idt-linea) }
.idt-ficha__cab{ display:grid; align-content:start; gap:.35rem }
.idt-ficha__h{ margin:0; font-family:var(--sans); font-size:1.18rem; line-height:1.25; font-weight:650; letter-spacing:-.01em; color:var(--tinta) }
.idt-ficha__col{ display:grid; align-content:start; gap:.45rem }
.idt-ficha__desb{ margin:0; font-size:.98rem; line-height:1.55; color:var(--tinta-2) }
.idt-ficha__fin{ list-style:none; margin:0; padding:0; display:grid; gap:.4rem }
.idt-ficha__fin li{ position:relative; padding-left:1rem; font-family:var(--sans); font-size:.9rem; line-height:1.4; color:var(--tinta-2) }
.idt-ficha__fin li::before{ content:""; position:absolute; left:0; top:.55em; width:6px; height:6px; border-radius:50%; background:var(--petroleo) }
.idt-ev summary{ list-style:none; display:flex; align-items:flex-start; justify-content:space-between; gap:.5rem; min-height:44px; margin:-.55rem 0 0; cursor:pointer; font-family:var(--sans); font-size:.9rem; font-weight:650; color:var(--petroleo) }
.idt-ev summary::-webkit-details-marker{ display:none }
.idt-ev summary svg{ width:1.1rem; height:1.1rem; flex:0 0 auto; transition:transform .25s ease }
.idt-ev[open] summary svg{ transform:rotate(180deg) }
.idt-ev summary:focus-visible{ outline:2px solid var(--petroleo); outline-offset:2px; border-radius:6px }
.idt-ev__t{ margin:.2rem 0 .5rem; font-size:.95rem; line-height:1.55; color:var(--tinta-2) }
.idt-ev__f{ margin:0 }
.idt-ev__f a{ font-family:var(--sans); font-size:.82rem; color:var(--mudo); text-underline-offset:2px; display:inline-flex; min-height:32px; align-items:center }
.idt-ev__f a:focus-visible{ outline:2px solid var(--petroleo); outline-offset:2px }

.idt-nota{ margin-top:var(--e-md); max-width:72ch }

/* ---------------------------------------------------------------- Pantallas medianas */
@media (max-width:1180px){
  .idt-ficha{ grid-template-columns:repeat(3,minmax(0,1fr)) }
  .idt-ficha__cab{ grid-column:1 / -1; border-bottom:1px solid var(--idt-linea); padding-bottom:.9rem !important }
  .idt-ficha__cab + *{ border-left:0 }
}

/* ---------------------------------------------------------------- Una columna */
@media (max-width:900px){
  .idt-intro{ grid-template-columns:minmax(0,1fr) }
  .idt-inst{ grid-template-columns:minmax(0,1fr); grid-template-areas:"barra" "vista" "ctrl" "ficha" }
  .idt-mini{ display:flex; align-items:center; gap:.7rem; position:sticky; bottom:.75rem; z-index:3; margin:1rem auto 0; width:fit-content; max-width:100%;
    padding:.55rem 1rem .55rem .6rem; border-radius:999px; background:var(--noche); color:#DCE3E6; font-family:var(--sans); font-size:.88rem; box-shadow:0 10px 30px -10px rgba(6,17,31,.6) }
  .idt-mini__n{ width:2rem; height:2rem; flex:0 0 auto; display:grid; place-items:center; border-radius:50%; background:var(--idt-corta); color:var(--tinta); font-weight:700 }
  .idt-mini b{ color:var(--papel) }
  .idt-ficha{ grid-template-columns:minmax(0,1fr) }
  .idt-ficha > * + *{ border-left:0; border-top:1px solid var(--idt-linea) }
  .idt-ficha__cab{ border-bottom:0; padding-bottom:clamp(1.1rem,2vw,1.6rem) !important }
  .idt-ficha__cab + *{ border-top:0; padding-top:0 }
}
@media (max-width:560px){
  .idt-barra .idt-barra__ej{ display:none }
  .idt-seg span{ font-size:.62rem }
}

@media (prefers-reduced-motion:reduce){
  .idt-seg,.idt-esc,.idt-st__luz,.idt-b-chorro,.idt-comp__hueco,.idt-comp__m,.idt-b-grietas,.idt-fila{ transition:none }
  .idt-b-chorro__hilos,.idt-b-chorro__onda{ animation:none }
  .idt-fila.es-pulso{ animation:none; box-shadow:0 0 0 3px var(--petroleo) }
}
.idt-ev summary > span{ display:grid; gap:.2rem; padding-top:.65rem }
.idt-ev summary b{ font-weight:650 }
.idt-ev summary small{ font-size:.8rem; font-weight:500; color:var(--mudo); line-height:1.35 }
.idt-ev summary svg{ margin-top:.7rem }
.idt-ev[open] .idt-ev__src{ display:none }
.idt-fila__l{ display:flex; align-items:center; flex-wrap:wrap; gap:.15rem .5rem }
@media (max-width:560px){
  .idt-fig{ margin:0 -.75rem }
  .idt-fig__marca small{ font-size:.66rem }
}