/* Órganos ordenados por medida (LISTAS-ORG): solo lo propio de estas páginas; lo demás, del sistema visual (sistema-visual.css). Solo tokens: claro y oscuro salen solos. */
.sv .lo .lo-inestable { margin-top: var(--sp-3); }
.sv .lo-lectura { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--sp-3) var(--sp-5); margin: var(--sp-4) 0 var(--sp-2); font-size: var(--fs-nota); line-height: 1.45; color: var(--color-texto-2); }
.sv .lo-lectura b { display: block; margin-bottom: 2px; font-size: var(--fs-rotulo); font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--color-texto-3); }
.sv .lo-lectura p { margin: 0; }
.sv .lo-nota { max-width: 110ch; margin: var(--sp-2) 0; font-size: var(--fs-nota); line-height: 1.45; color: var(--color-texto-2); }
.sv .lo-mandos { margin: var(--sp-4) 0 var(--sp-2); }
.sv .lo-buscar .campo { width: 220px; }
.sv .lo-mandos .boton { height: 36px; }
.sv .lo-quitar { align-self: center; font-size: var(--fs-nota); }
.sv .lo-cuenta { margin: var(--sp-2) 0; font-size: var(--fs-nota); color: var(--color-texto-2); }
.sv .lo-tabla thead th { white-space: normal; line-height: 1.15; vertical-align: bottom; }
.sv .lo-tabla thead th a { color: inherit; text-decoration: none; }
.sv .lo-tabla thead th a:hover { color: var(--color-acento); text-decoration: underline; }
.sv .lo-tabla thead th[aria-sort] a { color: var(--color-texto); }
.sv .lo-tabla thead th[aria-sort] a::after { content: " ↓"; color: var(--color-acento); }
.sv .lo-tabla thead th[aria-sort="ascending"] a::after { content: " ↑"; }
.sv .lo-tabla .nombre { min-width: 26ch; max-width: 40ch; }
.sv .lo-tabla td.n .sub { display: block; margin-left: 0; max-width: 34ch; margin-inline-start: auto; white-space: normal; line-height: 1.2; }
.sv .lo-tabla td { padding-block: 5px; }
.sv .lo-cifra { font-weight: 600; color: var(--color-texto-fuerte); }
.sv .lo-tabla td.n .lo-movil { display: none; }
.sv .lo-mediana-movil { display: none; }
.sv .lo-replica a { font-size: var(--fs-nota); }
.sv .td-resto p { margin: 0 0 3px; }
.sv .lo-cinta { display: block; width: 120px; height: 14px; overflow: visible; }
.sv .lo-cinta .fondo { fill: var(--color-borde); }
.sv .lo-cinta .ic { fill: var(--dato-1); opacity: 0.32; }
.sv .lo-cinta .mediana { fill: var(--color-texto-2); }
.sv .lo-cinta .valor { fill: var(--dato-1); stroke: var(--color-fondo); stroke-width: 1.5; }
.sv .lo-paginas { margin-top: var(--sp-3); }
.sv .lo-indice td:last-child { white-space: nowrap; font-size: var(--fs-nota); color: var(--color-texto-2); }
.sv .lo-indice .nombre { max-width: 60ch; }
.sv .lo-sin td { white-space: normal; line-height: 1.4; padding-block: 8px; }
.sv .lo-sin .nombre { max-width: 26ch; }
@media (max-width: 1023px) {
  .sv .lo-lectura { grid-template-columns: minmax(0, 1fr); gap: var(--sp-2); }
}
@media (max-width: 767px) {
  .sv .lo-tabla td.n .lo-movil { display: block; font-weight: 400; white-space: nowrap; }
  .sv .lo-solo-pc { display: none; }
  .sv .lo-mediana-movil { display: block; }
  .sv .lo-tabla .nombre { min-width: 0; max-width: none; width: 100%; }
  .sv .lo-mandos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sp-2) var(--sp-3); }
  .sv .lo-mandos .mando, .sv .lo-mandos select.campo, .sv .lo-buscar .campo { width: 100%; }
  .sv .lo-buscar, .sv .lo-mandos .boton { grid-column: 1 / -1; width: 100%; }
  .sv .lo-quitar { grid-column: 1 / -1; }
}
