/* Todos os seletores são exclusivos de Produtos naturais. */
#beneficios {
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-height: 0;
  padding: 34px 0;
}

#beneficios .natural-heading {
  display: grid;
  grid-template-columns: 1.22fr 1fr;
  align-items: end;
  gap: 42px;
}
#beneficios .section-kicker { margin-bottom: 14px; font-size: .65rem; }
#beneficios h2 { max-width: 590px; font-size: clamp(2.6rem, 3.5vw, 3.25rem); line-height: 1.03; letter-spacing: -.042em; }
#beneficios .natural-intro { max-width: 480px; margin: 0 0 4px; color: #626a60; font-size: .88rem; line-height: 1.65; }

#beneficios .natural-lines {
  display: grid;
  grid-template-columns: .94fr 1.08fr 1.04fr;
  align-items: start;
  gap: 22px;
}
#beneficios .natural-card { min-width: 0; }
#beneficios .natural-photo {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  background: #efe5cf;
}
#beneficios .natural-photo img { display: block; width: 100%; height: auto; object-fit: contain; }
#beneficios .natural-tag { margin: 12px 0 8px; color: #827244; font-size: .61rem; font-weight: 700; letter-spacing: .1em; line-height: 1.35; text-transform: uppercase; }
#beneficios h3 { margin: 0 0 12px; font-family: var(--serif); font-size: clamp(1.45rem, 2vw, 1.7rem); font-weight: 600; letter-spacing: -.035em; line-height: 1.08; }
#beneficios .natural-card > p:not(.natural-tag) { margin-bottom: 14px; color: #626a60; font-size: .79rem; line-height: 1.58; }
#beneficios .natural-card .natural-formats { margin-bottom: 0; font-size: .7rem; color: #6c6656; }
#beneficios .natural-formats strong { color: var(--ink); font-weight: 600; }

#beneficios .natural-propolis {
  padding: 12px 12px 15px;
  border-top: 3px solid var(--honey);
  background: #f0eadc;
}
#beneficios .natural-propolis .natural-tag { color: #986811; }
#beneficios .natural-formats-list { display: flex; flex-wrap: wrap; gap: 7px; margin: 0 0 12px; }
#beneficios .natural-formats-list span { padding: 6px 9px; border: 1px solid #d9cba5; color: #665c40; font-size: .67rem; line-height: 1.25; }
#beneficios .natural-card .natural-combinations { margin-bottom: 0; font-size: .71rem; line-height: 1.5; }

#beneficios .natural-beyond { min-width: 0; }
#beneficios .natural-beyond > .natural-tag { margin-top: 0; }
#beneficios .natural-beyond h3 { margin-bottom: 14px; }
#beneficios .natural-families { display: grid; gap: 6px; }
#beneficios .natural-family { display: grid; grid-template-columns: 130px 1fr; align-items: center; gap: 14px; min-height: 92px; padding: 6px 0; border-bottom: 1px solid var(--line); }
#beneficios .natural-family:first-child { padding-top: 0; }
#beneficios .natural-family img { display: block; width: 130px; height: 80px; object-fit: contain; background: #efe5cf; }
#beneficios .natural-family h4 { margin: 0 0 5px; color: var(--ink); font-size: .92rem; font-weight: 700; line-height: 1.25; }
#beneficios .natural-family p { margin: 0; color: #687064; font-size: .76rem; line-height: 1.5; }

#beneficios .natural-footer { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px 24px; margin-top: auto; padding-top: 14px; border-top: 1px solid var(--line); }
#beneficios .natural-footer p { margin: 0; color: #7a7f76; font-size: .67rem; line-height: 1.4; }
#beneficios .natural-footer a { font-size: .78rem; }

@media (min-width: 901px) {
  #beneficios { min-height: calc(100svh - 74px); padding-top: 24px; padding-bottom: 24px; }
  #beneficios .natural-footer { padding-right: 180px; }
}

@media (min-width: 901px) and (max-height: 760px) {
  #beneficios { min-height: calc(100svh - 60px); gap: 16px; padding: 20px 0; }
  #beneficios .natural-heading { gap: 30px; }
  #beneficios .section-kicker { margin-bottom: 9px; font-size: .57rem; }
  #beneficios h2 { font-size: clamp(2.35rem, 3.5vw, 2.75rem); }
  #beneficios .natural-intro { font-size: .75rem; line-height: 1.5; }
  #beneficios .natural-lines { gap: 16px; }
  #beneficios .natural-propolis { padding: 11px; }
  #beneficios .natural-tag { margin: 12px 0 6px; font-size: .54rem; }
  #beneficios h3 { margin-bottom: 9px; font-size: 1.3rem; }
  #beneficios .natural-card > p:not(.natural-tag) { margin-bottom: 11px; font-size: .71rem; line-height: 1.48; }
  #beneficios .natural-card .natural-formats, #beneficios .natural-card .natural-combinations { margin-bottom: 0; font-size: .64rem; }
  #beneficios .natural-formats-list { margin-bottom: 9px; }
  #beneficios .natural-formats-list span { padding: 5px 7px; font-size: .61rem; }
  #beneficios .natural-families { gap: 5px; }
  #beneficios .natural-family { grid-template-columns: 110px 1fr; gap: 11px; min-height: 80px; padding: 6px 0; }
  #beneficios .natural-family img { width: 110px; height: 68px; }
  #beneficios .natural-family h4 { font-size: .78rem; margin-bottom: 4px; }
  #beneficios .natural-family p { font-size: .67rem; line-height: 1.4; }
  #beneficios .natural-footer { gap: 8px 20px; padding-top: 11px; }
  #beneficios .natural-footer p { font-size: .6rem; }
  #beneficios .natural-footer a { font-size: .69rem; }
}

@media (max-width: 900px) {
  #beneficios { gap: 28px; padding: 42px 0; }
  #beneficios .natural-heading { grid-template-columns: 1fr; gap: 16px; }
  #beneficios h2 { font-size: clamp(2.7rem, 6.5vw, 3.6rem); }
  #beneficios .natural-intro { max-width: 620px; }
  #beneficios .natural-lines { grid-template-columns: 1fr 1fr; gap: 28px; }
  #beneficios .natural-beyond { grid-column: 1 / -1; }
  #beneficios .natural-families { grid-template-columns: 1fr 1fr; gap: 14px 24px; }
  #beneficios .natural-family p { font-size: .78rem; }
  #beneficios .natural-footer p { font-size: .72rem; }
}

@media (max-width: 600px) {
  #beneficios { gap: 26px; padding: 32px 0; }
  #beneficios h2 { font-size: clamp(2.45rem, 10.5vw, 3.25rem); }
  #beneficios .natural-lines { grid-template-columns: 1fr; gap: 30px; }
  #beneficios .natural-propolis { padding: 15px; }
  #beneficios h3 { font-size: 1.65rem; }
  #beneficios .natural-card > p:not(.natural-tag) { font-size: .88rem; }
  #beneficios .natural-card .natural-formats, #beneficios .natural-card .natural-combinations { font-size: .78rem; }
  #beneficios .natural-tag { font-size: .65rem; }
  #beneficios .natural-formats-list span { font-size: .72rem; }
  #beneficios .natural-families { grid-template-columns: 1fr; gap: 10px; }
  #beneficios .natural-family { grid-template-columns: 124px 1fr; gap: 12px; }
  #beneficios .natural-family img { width: 124px; height: 78px; }
  #beneficios .natural-family h4 { font-size: .9rem; }
  #beneficios .natural-family p { font-size: .8rem; }
  #beneficios .natural-footer { align-items: start; flex-direction: column; }
}