/* ==========================================================================
   Estilos Especificos del Modulo de Ciencias de la Salud - Pirulug Tools
   ========================================================================== */

/* Animacion sutil de pulso para constantes vitales */
@keyframes heartPulse {
  0% { transform: scale(1); }
  14% { transform: scale(1.08); }
  28% { transform: scale(1); }
  42% { transform: scale(1.05); }
  70% { transform: scale(1); }
}

.animate-pulse-subtle {
  animation: heartPulse 2.4s ease-in-out infinite;
}

/* Indicador de resultado en calculadoras */
.health-result-card {
  transition: all 0.25s ease-in-out;
}

.health-result-card:hover {
  transform: translateY(-1px);
}

/* Insignias de riesgo clinico */
.badge-clinical-normal {
  background-color: rgba(16, 185, 129, 0.12);
  color: #059669;
  border-color: rgba(16, 185, 129, 0.24);
}

.dark .badge-clinical-normal {
  color: #34d399;
}

.badge-clinical-warning {
  background-color: rgba(245, 158, 11, 0.12);
  color: #d97706;
  border-color: rgba(245, 158, 11, 0.24);
}

.dark .badge-clinical-warning {
  color: #fbbf24;
}

.badge-clinical-danger {
  background-color: rgba(239, 68, 68, 0.12);
  color: #dc2626;
  border-color: rgba(239, 68, 68, 0.24);
}

.dark .badge-clinical-danger {
  color: #f87171;
}

/* Ocultar barra de scroll en navegadores WebKit */
.scrollbar-none::-webkit-scrollbar {
  display: none;
}
.scrollbar-none {
  -ms-overflow-style: none;
  scrollbar-width: none;
}