/* responsive.css — media queries — sempre a última camada a carregar */

@media (max-width: 1024px) {
  .footer__grid { grid-template-columns: 1.4fr 1fr 1fr; }
  .footer__col:last-child { grid-column: 1 / -1; }
  .grid--4 { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 860px) {
  .section { padding-block: var(--section-padding-md); }

  .navbar__nav, .navbar__cta { display: none; }
  .navbar__toggle { display: flex; }

  .footer__grid { grid-template-columns: 1fr 1fr; gap: 32px; }
  .footer__col--brand { grid-column: 1 / -1; }
  .footer__bottom { flex-direction: column; gap: 6px; }

  .grid--3 { grid-template-columns: repeat(2, 1fr); }

  .cta-band { flex-direction: column; align-items: flex-start; padding: 40px 28px; }
  .cta-band__actions { flex-wrap: wrap; }

  .section-head { flex-direction: column; align-items: flex-start; gap: 12px; }
}

@media (max-width: 600px) {
  .section { padding-block: var(--section-padding-sm); }
  .grid--3, .grid--2, .grid--4 { grid-template-columns: 1fr; }
  .footer__grid { grid-template-columns: 1fr; }
  .cta-band__actions { flex-direction: column; width: 100%; }
  .cta-band__actions .btn { width: 100%; justify-content: center; }
}