/* CMBM — responsive.css
   Mobile-first hardening: o menu desktop (links + botões) só faz
   sentido em telas largas o bastante para caber tudo numa linha
   sem quebrar ou vazar do cabeçalho. Por isso o corte para o menu
   hambúrguer acontece mais cedo (1180px) que o padrão anterior. */

html, body { max-width: 100%; overflow-x: hidden; }
img, svg, iframe { max-width: 100%; }
* { box-sizing: border-box; }

/* ---------- Notebook/tablet grande: esconde nav+CTAs, mostra hambúrguer ---------- */
@media (max-width: 1180px) {
  .cmbm-nav-desktop, .cmbm-header__ctas { display: none !important; }
  .cmbm-burger { display: flex !important; }
}

/* ---------- Tablet e abaixo: layouts de 2 colunas viram 1 ---------- */
@media (max-width: 900px) {
  .cmbm-grid-2, .cmbm-grid-2--hero, .cmbm-grid-2--sidebar { grid-template-columns: 1fr !important; }
  .cmbm-footer__grid { grid-template-columns: 1fr 1fr !important; }
  .cmbm-trust-stats { gap: .6rem; }
  .cmbm-header__logo, .cmbm-header__inner img.custom-logo { height: 50px; }
}

/* ---------- Grid de notícias: 3 → 2 colunas no tablet ---------- */
@media (max-width: 900px) and (min-width: 601px) {
  .cmbm-grid-3 { grid-template-columns: 1fr 1fr !important; }
}

/* ---------- Celular ---------- */
@media (max-width: 600px) {
  .cmbm-grid-3 { grid-template-columns: 1fr !important; }
  .cmbm-footer__grid { grid-template-columns: 1fr !important; }
  .cmbm-container, .cmbm-header__inner, .cmbm-footer__grid, .cmbm-footer__bottom { padding-left: 1rem; padding-right: 1rem; }
  .cmbm-section { padding: 2.6rem 0; }
  .cmbm-hero { padding: 3rem 0 2.2rem; }
  .cmbm-trust-stats { grid-template-columns: 1fr 1fr 1fr; gap: .5rem; }
  .cmbm-trust-card { padding: .7rem .3rem; }
  .cmbm-trust-card__num { font-size: 1.4rem; }
  .cmbm-trust-card__label { font-size: .66rem; }
  .cmbm-btn-row { gap: .6rem; }
  .cmbm-btn { font-size: .8rem; padding: .6rem 1.05rem; }
  .cmbm-whatsapp-float { right: 16px; bottom: 16px; width: 56px; height: 56px; }
  .cmbm-header__logo, .cmbm-header__inner img.custom-logo { height: 44px; }
}

/* ---------- Celular pequeno ---------- */
@media (max-width: 380px) {
  .cmbm-trust-stats { grid-template-columns: 1fr; }
  .cmbm-eyebrow-pill { font-size: .64rem; padding: .35rem .7rem; }
}