/* BR Times — Responsive global (container, grids, footer, nav, worldmap, typography) (portado 1:1 do bundle BR Times Design System) */

/* ── Global responsive overrides ─────────────────── */
@media (max-width: 1024px) {
  .brt-container { padding: 0 32px; }
  .brt-hero, .brt-secondary { grid-template-columns: 1fr; gap: 32px; }
  .brt-section__grid { grid-template-columns: 1fr; gap: 48px; }
  .brt-article__grid { grid-template-columns: 1fr; gap: 32px; }
}
@media (max-width: 720px) {
  .brt-container { padding: 0 24px; }
  .brt-grid-2 { grid-template-columns: 1fr; }
  .brt-grid-3 { grid-template-columns: 1fr; }
  .brt-grid-3 .brt-card--text { padding-left: 0; border-left: 0; }
  .brt-worldmap { padding: 18px 14px; }
  .brt-worldmap__svg { max-height: none; height: 460px; }
  .brt-footer__top { grid-template-columns: 1fr; gap: 48px; }
  /* Newsletter form: stack input above button so neither gets squashed
   * on phones (327px available width minus padding).
   * In a column flex container, `flex: 1` on .brt-input collapses height to 0,
   * so we force explicit sizing here. */
  .brt-form { flex-direction: column; gap: 10px; align-items: stretch; width: 100%; }
  .brt-form .brt-input {
    width: 100%;
    flex: 0 0 auto;
    height: 52px;
    min-height: 52px;
    font-size: 16px; /* iOS: prevents zoom-on-focus */
  }
  .brt-form .brt-btn {
    width: 100%;
    flex: 0 0 auto;
    height: 52px;
    min-height: 52px;
    padding: 0 20px;
  }
  .brt-footer__bottom { grid-template-columns: 1fr; text-align:center; gap: 20px; padding: 32px 0; }
  .brt-footer__legal { text-align: center; }
  .brt-social { justify-content:center; }
  /* Hide all desktop menu links — items move into hamburger drawer */
  .brt-menu__links { display: none; }
  .brt-hamburger-btn { display: inline-flex; }
  .brt-nav__icons { gap: 4px; }
  .brt-card__title--xl { font-size: 22px; line-height: 28px; }
  .brt-h1 { font-size: 28px; line-height: 36px; }
  .brt-h2 { font-size: 24px; line-height: 32px; margin-bottom: 24px; }
  .brt-nav { height: 64px; }
  .brt-logo__img { height: 24px; }
}