/* ============================================================
   RESPONSIVE — Mobile-first overrides
   Breakpoints: 768 (tablet) e 1024 (desktop)
   ============================================================ */

/* Tablet+ */
@media (max-width: 1024px) {
  :root {
    --container-padding: 32px;
    --section-gap: 80px;
  }
}

/* Mobile */
@media (max-width: 768px) {
  :root {
    --container-padding: 20px;
    --section-gap: 60px;
  }

  body { font-size: 15px; }

  h1 { font-size: 2rem; }
  h2 { font-size: 1.8rem; }
  h3 { font-size: 1.4rem; }

  p { font-size: 0.95rem; }

  .bt-btn { padding: 12px 24px; font-size: 0.7rem; }

  .bt-marquee__item { font-size: 1.1rem; gap: 2rem; }
}

/* Mobile pequeno */
@media (max-width: 480px) {
  :root {
    --container-padding: 16px;
    --section-gap: 50px;
  }
}