/*
  Indicadores que explican el estado. UI-06.

  Frases cortas por área, con menor jerarquía que la conclusión del
  nivel 1 y todas con el mismo estilo, para que ninguna domine como
  si fuera un KPI principal (regla 9 del plan).
*/

.indicadores {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--espacio-3);
  margin: 0 0 var(--espacio-5);
  padding: 0;
  list-style: none;
}

.indicadores__item {
  width: 100%;
  min-height: 56px;
  padding: var(--espacio-3) var(--espacio-4);
  color: var(--texto-principal);
  font-size: var(--texto-sm);
  font-weight: 600;
}

@media (min-width: 768px) {
  .indicadores {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}