/* Modulo Consulta. Antes vivian dentro de css/convenios.css por
   descuido (Fase de consolidacion, Corte 3 previo a produccion) -- estas
   clases son exclusivas de la vista de Consulta, ningun otro modulo
   deberia usarlas. */

.consulta-proyectos-actions {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.consulta-proyectos-actions .btn {
  margin: 0;
}

.consulta-alertas-btn {
  width: 38px;
  height: 38px;
  padding: 0;
  align-self: auto;
}

.consulta-filtros-card {
  margin-top: 14px;
}

.consulta-tabla-card {
  margin-top: 14px;
}

.consulta-estado-lista {
  display: grid;
  gap: 4px;
  min-width: 140px;
}

.consulta-estado-lista span {
  display: block;
  color: #64748b;
  font-size: 12px;
}

.consulta-estado-lista strong {
  color: #0f172a;
}

.consulta-badge-obras {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 38px;
  padding: 5px 9px;
  border-radius: 999px;
  background: #eef2f7;
  color: #0f172a;
  font-size: 12px;
  font-weight: 800;
}