/* Calculadoras clínicas (/calculadoras). Complementa web.css; solo se carga en esta página. */

.page-calculadoras .calc-tabs {
  flex-wrap: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

.page-calculadoras .calc-tabs .nav-link {
  white-space: nowrap;
  color: var(--web-text);
}

.page-calculadoras .calc-tabs .nav-link.active {
  color: var(--web-theme);
  font-weight: 600;
}

.page-calculadoras .calc-panels {
  border: 1px solid var(--bs-border-color);
  border-top: 0;
  border-radius: 0 0 var(--bs-border-radius) var(--bs-border-radius);
  padding: 1.5rem;
  background: #fff;
}

.page-calculadoras .btn-primary {
  --bs-btn-bg: var(--web-theme);
  --bs-btn-border-color: var(--web-theme);
  --bs-btn-hover-bg: var(--web-theme-dark);
  --bs-btn-hover-border-color: var(--web-theme-dark);
  --bs-btn-active-bg: var(--web-theme-dark);
  --bs-btn-active-border-color: var(--web-theme-dark);
}

.page-calculadoras .calc-card {
  border-left: 4px solid var(--web-theme);
}

.page-calculadoras .calc-valor {
  font-size: 1.25rem;
}

.page-calculadoras .calc-cat {
  font-size: 0.85rem;
  vertical-align: middle;
}

/* Categorías de riesgo: de verde (bajo) a rojo (muy alto); G1–G5 para el filtrado. */
.page-calculadoras .calc-cat-bajo,
.page-calculadoras .calc-cat-bajomoderado,
.page-calculadoras .calc-cat-normal,
.page-calculadoras .calc-cat-G1 { background: #198754; }
.page-calculadoras .calc-cat-ligero,
.page-calculadoras .calc-cat-G2 { background: #6c9a1f; }
.page-calculadoras .calc-cat-moderado,
.page-calculadoras .calc-cat-sobrepeso,
.page-calculadoras .calc-cat-bajopeso,
.page-calculadoras .calc-cat-G3a { background: #b8860b; }
.page-calculadoras .calc-cat-alto,
.page-calculadoras .calc-cat-obesidad1,
.page-calculadoras .calc-cat-G3b { background: #d9480f; }
.page-calculadoras .calc-cat-muyalto,
.page-calculadoras .calc-cat-obesidad2,
.page-calculadoras .calc-cat-obesidad3,
.page-calculadoras .calc-cat-G4,
.page-calculadoras .calc-cat-G5 { background: #b3152d; }

.page-calculadoras .calc-fuente {
  border-top: 1px solid var(--bs-border-color);
  padding-top: 0.75rem;
}

@media (max-width: 575.98px) {
  .page-calculadoras .calc-panels { padding: 1rem; }
}