/* cruces.css — los bloques de DAT-CRUCE (encargos a medios propios, convenios del BOE, grupo según GLEIF, subvenciones de la
 * BDNS) en las fichas de órgano y de empresa, cada uno en su propio .sv (sistema-visual.css, DIS-2): una sección sin número
 * (la ficha aún no numera sus secciones), el gráfico mini por año y la tabla densa a dos columnas en el PC. Sin colores de juicio:
 * las barras van con --dato-1 y el año en curso con menos opacidad (SISTEMA_VISUAL §9). */
.sv.dc-bloque { margin: var(--sp-8) 0 var(--sp-6); padding-top: var(--sp-5); border-top: 1px solid var(--color-borde-fuerte); }
.sv.dc-bloque .sec-cab { grid-template-columns: minmax(0, 1fr) auto; margin-bottom: var(--sp-2); }
.sv.dc-bloque .sec-cab .chip { grid-column: 2; grid-row: 1; }
.sv.dc-bloque .sec-sub { grid-column: 1 / -1; }
.sv.dc-bloque .cf { margin-top: var(--sp-3); }
.sv .dc-dos { align-items: start; margin-top: var(--sp-4); }
/* display: graficos_ficha.css esconde todo .gf-lienzo de la ficha (sus gráficos viejos lo muestran con su JS): sin esto, el
 * gráfico de los bloques de cruces no se veía en la ficha de órgano (medido el 4-nov en la de Adif: display none, alto 0) */
.sv .dc-gf .gf-lienzo { display: block; min-height: 0; }
.sv .dc-barra .zona { fill: transparent; }
.sv .dc-barra .valor { fill: var(--dato-1); }
.sv .dc-barra.parcial .valor { opacity: 0.5; }
.sv .dc-barra:is(:hover, :focus-visible) .valor { fill: var(--dato-seq-700); }
.sv .dc-barra:focus { outline: none; }
.sv .dc-lectura { margin-top: var(--sp-3); max-width: var(--lectura); }
.sv .dc-pares { margin-top: var(--sp-2); }
@media (max-width: 767px) {
    .sv.dc-bloque .sec-cab { grid-template-columns: minmax(0, 1fr); }
    .sv.dc-bloque .sec-cab .chip { grid-column: 1; grid-row: auto; justify-self: start; margin-top: 4px; }
}
.sv.dc-met { margin: var(--sp-4) 0 var(--sp-5); }
.sv.dc-met .td-marco + .nota { margin-top: var(--sp-2); }
.sv.dc-met .td-marco ~ .td-marco { margin-top: var(--sp-4); }
.sv .dc-dl { display: grid; gap: var(--sp-3); margin: 0; }
.sv .dc-dl dt { font-size: var(--fs-rotulo); font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--color-texto-3); }
.sv .dc-dl dd { margin: 2px 0 0; overflow-wrap: anywhere; }
/* SEG-FER (ficha de Adif): la señalización con el color de la serie y los pares apagados (lo que no es la historia se apaga) */
.sv .sf-pila { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--sp-4); min-width: 0; }   /* sin minmax, la tabla ensancha la pista y el bloque se sale de la pantalla a 390 px */
.sv .sf-barras { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; max-width: 760px; }
.sv .sf-fila { display: grid; grid-template-columns: minmax(0, 13rem) minmax(0, 1fr) 4.5rem; align-items: center; gap: 12px; }
.sv .sf-nombre { font-size: var(--fs-14, 0.875rem); font-weight: 600; color: var(--color-texto); line-height: 1.25; }
.sv .sf-nombre small { display: block; font-size: var(--fs-nota); font-weight: 400; color: var(--color-texto-2); }
.sv .gf-lienzo svg.sf-pista { display: block; width: 100%; height: 14px; }   /* más fuerte que .sv .gf-lienzo svg (height: auto) */
.sv .sf-valor { fill: var(--dato-1); }
.sv .sf-otro .sf-valor { fill: var(--dato-apagado-texto); }
.sv .sf-cifra { font-variant-numeric: tabular-nums; font-weight: 600; color: var(--color-texto); }
@media (max-width: 767px) { .sv .sf-fila { grid-template-columns: minmax(0, 8.5rem) minmax(0, 1fr) 3.8rem; gap: 8px; }
  .sv .sf-pila .td th, .sv .sf-pila .td th button { white-space: normal; } }   /* la cabecera larga, en dos líneas: si no, la tabla se pasa de 390 px y el % queda fuera */