/* El Promesómetro, las promesas: los colores de cada estado, iguales para todos los gobiernos y partidos (ampliacion/promesometro/03). */
.grafica .estado-cumplida { fill: var(--tinta); }
.grafica .estado-en-parte { fill: var(--dato-neutro); }
.grafica .estado-no-cumplida { fill: var(--superficie-hundida); stroke: var(--dato-neutro); stroke-width: 1; }
.grafica .estado-en-curso { fill: var(--subrayador); }

.leyenda__muestra--estado-cumplida { background: var(--tinta); }
.leyenda__muestra--estado-en-parte { background: var(--dato-neutro); }
.leyenda__muestra--estado-no-cumplida { background: var(--superficie-hundida); border: 1px solid var(--dato-neutro); }
.leyenda__muestra--estado-en-curso { background: var(--subrayador); }

.promesa-cita { margin: 0 0 var(--espacio-2, 8px); font-size: 1.25rem; line-height: 1.4; }
.promesa-datos { display: grid; grid-template-columns: minmax(0, 12rem) minmax(0, 1fr); gap: 4px 16px; margin: 0; }
.promesa-datos dt { color: var(--tinta-suave); }
.promesa-datos dd { margin: 0; overflow-wrap: anywhere; }
.promesa-marca { color: var(--tinta-suave); font-size: .875rem; }

@media (max-width: 520px) {
    .promesa-datos { grid-template-columns: minmax(0, 1fr); }
    .promesa-datos dd { margin-bottom: 8px; }
}