/**
 * Puente visual: calculadoras del plugin alineadas con verde-crema del sitio.
 */
body.cgc-page-tools .cg-calc-page::before {
  background: radial-gradient(circle at 12% 4%, rgba(47, 125, 87, 0.14), transparent 28rem),
    linear-gradient(180deg, #fffdf8 0%, #f4f1e8 100%) !important;
}

body.cgc-page-tools .cg-calc-top h1,
body.cgc-page-tools .cg-catalog-card h3,
body.cgc-page-tools .cg-result-label,
body.cgc-page-tools .cg-field label,
body.cgc-page-tools .cg-recommendations h3 {
  color: #123f2d !important;
}

body.cgc-page-tools .cg-calc-top h2,
body.cgc-page-tools .cg-calc-subcopy,
body.cgc-page-tools .cg-catalog-card p,
body.cgc-page-tools .cg-medical-note {
  color: #5f6b66 !important;
}

body.cgc-page-tools .cg-catalog-card,
body.cgc-page-tools .cg-premium-form,
body.cgc-page-tools .cg-result-panel,
body.cgc-page-tools .cg-rec-card,
body.cgc-page-tools .cg-reset {
  background: linear-gradient(180deg, rgba(255, 253, 248, 0.98), rgba(238, 247, 233, 0.94)) !important;
  border-color: rgba(18, 24, 20, 0.12) !important;
  box-shadow: 0 18px 48px rgba(9, 39, 26, 0.1) !important;
  color: #123f2d !important;
}

body.cgc-page-tools .cg-catalog-card:hover {
  box-shadow: 0 22px 52px rgba(18, 63, 45, 0.14) !important;
}

body.cgc-page-tools .cg-field input,
body.cgc-page-tools .cg-field select {
  border-color: rgba(18, 63, 45, 0.16) !important;
  background: linear-gradient(180deg, #fff, #f7faf5) !important;
  color: #123f2d !important;
}

body.cgc-page-tools .cg-calc-button,
body.cgc-page-tools .cg-catalog-cta,
body.cgc-page-tools .cg-more,
body.cgc-page-tools .cg-add-food,
body.cgc-page-tools .cg-save-current,
body.cgc-page-tools .cg-tools-account .button,
body.cgc-page-tools .cg-register-submit {
  background: linear-gradient(135deg, #123f2d, #2f7d57) !important;
  box-shadow: 0 14px 30px rgba(18, 63, 45, 0.2) !important;
  color: #fffdf8 !important;
  font-size: 1rem !important;
  font-weight: 900 !important;
  min-height: 48px !important;
  line-height: 1.2 !important;
}

body.cgc-page-tools .cg-calc-button *,
body.cgc-page-tools .cg-catalog-cta *,
body.cgc-page-tools .cg-more *,
body.cgc-page-tools .cg-add-food *,
body.cgc-page-tools .cg-save-current *,
body.cgc-page-tools .cg-tools-account .button *,
body.cgc-page-tools .cg-register-submit * {
  color: inherit !important;
}

body.cgc-page-tools .cg-calc-page .cg-reset {
  background: linear-gradient(180deg, #fffefb, #f8f4ea) !important;
  color: #123f2d !important;
}

body.cgc-page-tools .cg-calc-page a.cg-more,
body.cgc-page-tools .cg-calc-page .cg-calc-actions .cg-more {
  background: linear-gradient(135deg, #0f3d2e, #1f6b45) !important;
  border: 0 !important;
  color: #ffffff !important;
  opacity: 1 !important;
}

body.cgc-page-tools .cg-calc-page a.cg-more *,
body.cgc-page-tools .cg-calc-page .cg-calc-actions .cg-more * {
  color: inherit !important;
  opacity: 1 !important;
}

/* Cabecera calculadoras: icono separado del título (móvil) */
@media (max-width: 820px) {
  body.cgc-page-tools .cg-calc-top {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 14px !important;
  }

  body.cgc-page-tools .cg-calc-title-icon {
    margin: 0 auto 4px !important;
    flex: 0 0 auto !important;
  }

  body.cgc-page-tools .cg-calc-title-icon::before {
    opacity: 0.55 !important;
    transform: none !important;
    inset: 12% !important;
  }

  body.cgc-page-tools .cg-calc-top > div:last-child {
    width: 100% !important;
    min-width: 0 !important;
  }

  body.cgc-page-tools .cg-calc-top h1 {
    font-size: clamp(1.65rem, 6.8vw, 2.2rem) !important;
    line-height: 1.08 !important;
    margin: 0 !important;
    max-width: 100% !important;
  }

  body.cgc-page-tools .cg-calc-top h2 {
    font-size: 1rem !important;
    margin-top: 8px !important;
  }
}

/* Cards recomendación: icono no invade texto */
body.cgc-page-tools .cg-rec-card {
  display: grid !important;
  grid-template-columns: 52px minmax(0, 1fr) 18px !important;
  gap: 12px 14px !important;
  align-items: center !important;
  text-align: left !important;
}

body.cgc-page-tools .cg-rec-icon {
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 48px !important;
  height: 48px !important;
  margin: 0 !important;
  font-size: 0 !important;
  flex-shrink: 0 !important;
}

body.cgc-page-tools .cg-rec-card > div {
  grid-column: 2 !important;
  min-width: 0 !important;
}

body.cgc-page-tools .cg-rec-card > b {
  grid-column: 3 !important;
  align-self: center !important;
}

body.cgc-page-tools .cg-rec-icon::before {
  opacity: 0.5 !important;
  transform: none !important;
}

body.cgc-page-tools .cg-result-value,
body.cgc-page-tools .cg-result-unit {
  color: #0f5f49 !important;
}

body.cgc-page-tools .cg-macro-grid div {
  background: #eef7e9 !important;
  border-color: rgba(18, 63, 45, 0.12) !important;
}

body.cgc-page-tools .cg-macro-grid b {
  color: #123f2d !important;
}