/* cobertura.css — /cobertura en el sistema visual (DIS-2, PR 1; maqueta diseno-total/maquetas/cobertura.html). Lo de la
 * página que no es sistema: el color de cada origen (nivel de administración ordinal: estatal 700 · autonómica 500 ·
 * local 300 en la rampa del marino, y el DOUE en ocre), la leyenda de la tabla, el detalle de cada fila y las zonas de
 * los gráficos que dibuja cobertura.js. Sustituye a las reglas .cob-* de main.css y a serie_fuentes.css en esta página. */
.sv .cob-o-placsp { fill: var(--dato-seq-700); } .sv .cob-o-autonomica { fill: var(--dato-seq-500); } .sv .cob-o-local { fill: var(--dato-seq-300); }
.sv .cob-o-ted { fill: var(--dato-2); } .sv .cob-o-otras { fill: var(--dato-apagado); }
.sv .cob-p-placsp { background: var(--dato-seq-700); } .sv .cob-p-autonomica { background: var(--dato-seq-500); } .sv .cob-p-local { background: var(--dato-seq-300); }
.sv .cob-p-ted { background: var(--dato-2); } .sv .cob-p-otras { background: var(--dato-apagado); }

.sv .cob-ley { display: flex; flex-wrap: wrap; gap: 4px var(--sp-4); margin: 0 0 var(--sp-3); padding: 0; list-style: none; font-size: var(--fs-nota); color: var(--color-texto-2); }
.sv .cob-ley li { display: inline-flex; align-items: center; }
.sv .cob-td .nombre { min-width: 12ch; }
.sv .cob-td .td-barra > :last-child { min-width: 10ch; text-align: right; }   /* las barras, alineadas: la cifra a ancho fijo */
.sv .cob-origenes { display: flex; flex-wrap: wrap; gap: 2px var(--sp-4); margin: 0 0 var(--sp-1); padding: 0; list-style: none; }
.sv .cob-origenes li { display: inline-flex; align-items: center; }
.sv .cob-fuentes { margin: 0; }
.sv .cob-movil { display: none; margin: var(--sp-1) 0 0; }
.sv .cob-sin > td { border-top: 1px solid var(--color-borde-fuerte); }
.sv .cob-datos { margin-top: var(--sp-1); }
.sv .cob-datos .td { font-size: 13px; }
.sv .cob-form { margin: 0; }
@media (max-width: 767px) { .sv .cob-movil { display: block; } .sv .cob-td .td-barra { grid-template-columns: auto; } .sv .cob-td .td-barra svg { display: none; } .sv .cob-td .td-barra > :last-child { min-width: 0; } }   /* en el móvil, la cifra sola: el reparto lo dice el apilado */

/* Las zonas de los gráficos: cada año (01) y cada fuente (02) llevan a sus contratos; se marcan al pasar y con el foco */
.sv .gf-lienzo .cob-zona { cursor: pointer; }
.sv .gf-lienzo .cob-zona:hover > rect:first-child, .sv .gf-lienzo .cob-zona:focus-visible > rect:first-child { fill: var(--color-acento-suave); }
.sv .gf-lienzo .cob-zona:focus { outline: none; }
.sv .gf-lienzo .cob-zona:focus-visible > rect:first-child { stroke: var(--color-acento); stroke-width: 2; }
.sv .gf-lienzo .cob-nom { fill: var(--color-texto); }
.sv .gf-lienzo .cob-zona:hover .cob-nom { text-decoration: underline; }
.sv .gf-lienzo .cob-marcas { pointer-events: none; }

/* Lo que falta, en una línea cada cosa (PLAN: «en dos líneas»): lo que falta y «Por qué»; la explicación, al desplegar */
.sv details.cob-falta { display: block; }
.sv .cob-falta > summary { display: block; padding: 6px 0; cursor: pointer; list-style: none; }
.sv .cob-falta > summary::-webkit-details-marker { display: none; }
.sv .cob-falta-mas { color: var(--color-acento); white-space: nowrap; }
.sv .cob-falta-mas::after { content: " ›"; }
.sv .cob-falta[open] .cob-falta-mas::after { content: " ‹"; }
.sv .cob-falta > p { margin: 2px 0 6px; max-width: var(--lectura); }
@media (pointer: coarse), (max-width: 767px) { .sv .cob-falta > summary { padding: 10px 0; min-height: var(--toque); } }