/* =============================================
   TIPOGRAFÍA MEJORADA DEL DASHBOARD
   ============================================= */

/* Reducir el tamaño del título "Riesgos Principales de la Empresa" */
.card-header .d-flex .strong,
.card-header strong {
  font-size: 1.1rem !important; /* Reducido de tamaño excesivo */
  font-weight: 600 !important; /* Peso moderado */
  color: #495057 !important; /* Color más sutil */
  letter-spacing: 0.025em !important;
  line-height: 1.3 !important;
}

/* Ajustar el icono del título */
.card-header .fas.fa-exclamation-triangle {
  font-size: 1rem !important; /* Tamaño moderado para el icono */
  color: #6c757d !important; /* Color más sutil */
}

/* Ajustar el badge del contador */
.card-header .badge {
  font-size: 0.75rem !important; /* Tamaño pequeño para el badge */
  font-weight: 500 !important;
  padding: 0.25rem 0.5rem !important;
}

/* Asegurar que el header tenga el espaciado correcto */
.card-header {
  padding: 0.75rem 1rem !important; /* Padding moderado */
  background-color: #f8f9fa !important; /* Fondo sutil */
  border-bottom: 1px solid #dee2e6 !important;
}

/* Ajustar el contenedor del título */
.card-header .d-flex {
  align-items: center !important;
  gap: 0.5rem !important; /* Espacio moderado entre elementos */
}

/* Responsive para pantallas pequeñas */
@media (max-width: 768px) {
  .card-header .d-flex .strong,
  .card-header strong {
    font-size: 1rem !important; /* Aún más pequeño en móviles */
  }
  
  .card-header .fas.fa-exclamation-triangle {
    font-size: 0.9rem !important;
  }
}