/* ════════ Fichas de territorio (/comunidad/<slug>, /municipio/<ine>) y /metodologia/cobertura (COB-NAC) ═════════════
   Con los tokens de la casa (tokens.css) y los componentes de las fichas (kpi, lista_top, tabla, grafico_anual): aquí solo
   lo propio. La serif, solo en el H1 (EST-DENS); las cifras, en Inter tabular. Sin color de juicio: la fila propia se marca
   con un filete, nunca con rojo, ámbar ni verde. */
.ter-titulo { font-size: clamp(1.9rem, 1.3rem + 2.2vw, 2.6rem); margin: var(--sp-1) 0 var(--sp-2); text-wrap: balance; overflow-wrap: anywhere; }
.ter-entradilla { max-width: 70ch; color: var(--color-texto-2); margin: 0; font-size: var(--fs-15, 0.9375rem); }
.ter .ficha-cabeza .rotulo a { color: inherit; }
.ter-anios { margin: var(--sp-3) 0 var(--sp-4); }
.ter-tabla td.num, .ter-tabla th.num { font-family: var(--fuente-cifra); font-variant-numeric: tabular-nums; }
.ter-tabla .celda-nombre { min-width: 12rem; overflow-wrap: anywhere; }
.ter-tabla .celda-sub { display: block; font-size: var(--fs-12); color: var(--color-texto-2); white-space: normal; }
.ter-cociente { font-family: var(--fuente-cifra); font-variant-numeric: tabular-nums; font-weight: 600; }
.ter-fila-propia td:first-child { box-shadow: inset 3px 0 0 var(--color-acento); }
.ter-fila-propia td { background: var(--color-acento-suave); }
.ter-plegable { margin: var(--sp-2) 0; }
.ter-plegable[open] { padding-bottom: var(--sp-3); }
.ter-organos { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--sp-1); }
.ter-organos li { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-1) var(--sp-3); min-height: var(--tactil-min, 40px); border-bottom: 1px solid var(--color-borde); overflow-wrap: anywhere; }
.ter-plazo { font-size: var(--fs-13); font-variant-numeric: tabular-nums; }
/* La cifra de la metodología (como las de /metodologia/precios) */
.ter-cifras { display: grid; grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); border-top: 1px solid var(--color-texto); margin-top: var(--sp-6); }
.ter-cifras > div { padding: var(--sp-3) var(--sp-4) var(--sp-3) 0; display: grid; row-gap: var(--sp-1); align-content: start; }
.ter-cifras > div + div { padding-left: var(--sp-4); border-left: 1px solid var(--color-borde); }
.ter-cifras-rotulo { font-size: var(--fs-12); line-height: 1rem; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--color-texto-2); }
.ter-cifras-cifra { font-family: var(--fuente-cifra); font-size: 2rem; line-height: 2.25rem; color: var(--color-texto); font-variant-numeric: tabular-nums; white-space: nowrap; }
.ter-cifras-nota { font-size: var(--fs-13); line-height: 1.25rem; color: var(--color-texto-2); }
@media (max-width: 640px) {
  .ter-cifras > div + div { padding-left: 0; border-left: 0; border-top: 1px solid var(--color-borde); }
  .ter-tabla .celda-nombre { min-width: 0; }
}

/* ════════ DIS-2 (PR 1b): las fichas /comunidad y /municipio en el sistema visual (.sv .ter2, sistema-visual.css) ════════
   La cabecera, las cifras, el índice, las secciones, las tablas densas y las listas son del sistema; aquí, lo propio: la
   lectura con su «Más», el rótulo de una tabla, los tres bloques de «quién», la fila propia y la lista de órganos. */
.sv .ter2 .ter-lectura { max-width: var(--lectura); margin: 0 0 var(--sp-3); }
.sv .ter2 .ter-mas { display: inline; }
.sv .ter2 .ter-mas summary { display: inline; cursor: pointer; color: var(--color-acento); list-style: none; }
.sv .ter2 .ter-mas summary::-webkit-details-marker { display: none; }
.sv .ter2 .ter-mas[open] summary { display: none; }
.sv .ter2 .ter-sub { margin: 0 0 var(--sp-1); font-size: var(--fs-rotulo); font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--color-texto-3); }
.sv .ter2 .ter-h3 { margin: 0 0 var(--sp-2); font-family: var(--fuente-sans); font-size: var(--fs-cuerpo); font-weight: 600; color: var(--color-texto-fuerte); }
.sv .ter2 .ter-tres .nota { margin-top: var(--sp-2); }
.sv .ter2 .ter-cociente { font-weight: 600; }
.sv .ter2 .ter-td .ter-fila-propia > td { background: var(--color-acento-suave); }
.sv .ter2 .ter-td .ter-fila-propia > td:first-child { box-shadow: inset 2px 0 0 var(--color-acento); padding-left: 8px; }
.sv .ter2 .ter-canal { white-space: normal; max-width: 32ch; }
.sv .ter2 .ter-plegable { margin-top: var(--sp-3); }
.sv .ter2 .ter-organos li { min-height: var(--toque); }
.sv .ter2 .ter-organos .sub { font-size: var(--fs-nota); color: var(--color-texto-3); }

/* DIS-2 (PR 1b): los órganos del municipio después de los diez primeros, plegados y en columnas */
.sv .ter-resto { margin-top: var(--sp-2); }
.sv .ter-organos-resto { display: block; columns: 3 240px; column-gap: var(--sp-6); }   /* .ter-organos es rejilla: aquí, columnas */
.sv .ter-organos-resto > li { break-inside: avoid; }

/* Zonas táctiles de 40 px con el dedo (ter2 zonas), sin mover el flujo: el «Más» de una nota, sus enlaces en el texto, los
   órganos de la lista y su «en plazo», y el pie de procedencia (como las reglas táctiles de sistema-visual.css) */
@media (pointer: coarse), (max-width: 767px) {
    .sv .ter2 :is(.ter-mas > summary, .ter-lectura a, .nota a, .ter-organos a, .procedencia-pie a, .migas a, .rotulo a) { display: inline-block; padding: 12px 0; margin: -12px 0; }
    .sv .ter2 :is(.ter-mas > summary, .rotulo a) { min-width: var(--toque); padding-inline: 6px; margin-inline: -6px; text-align: center; }
}