/* ============================================================
   responsive.css — Media queries
   ============================================================ */

/* ── Tablet (≤ 900px) ── */
@media (max-width: 900px) {
  .about-grid,
  .contact-grid  { grid-template-columns: 1fr; }
  .ft-grid       { grid-template-columns: 1fr 1fr; }
  .about-img-wrap { order: -1; }
  .about-badge-box { right: 10px; bottom: -10px; }
}

/* ── Mobile (≤ 768px) ── */
@media (max-width: 768px) {

  /* Topbar */
  .topbar { display: none; }

  /* Navbar mobile */
  .hamburger { display: flex; }
  .nav-menu {
    display: none;
    position: fixed;
    top: 70px; left: 0; right: 0; bottom: 0;
    background: var(--white);
    flex-direction: column;
    align-items: flex-start;
    padding: 16px;
    overflow-y: auto;
    gap: 0;
    z-index: 999;
  }
  .nav-menu.open { display: flex; }
  .nav-link { width: 100%; padding: 13px 10px; border-bottom: 1px solid #f0f0f0; }
  .dropdown {
    position: static;
    box-shadow: none;
    border: none;
    background: #f9f9f9;
    border-radius: 0;
  }
  .dropdown a { padding-left: 28px; }

  /* Hero */
  .hero-slider { height: 70vh; }
  .slide-tag   { display: none; }

  /* Processo */
  .proc-grid { grid-template-columns: repeat(2, 1fr); }

  /* Footer */
  .ft-grid { grid-template-columns: 1fr; }
}

/* ── Small mobile (≤ 480px) ── */
@media (max-width: 480px) {
  .hero-btns { flex-direction: column; }
  .btn-primary,
  .btn-outline { width: 100%; justify-content: center; }
  .stats-grid { grid-template-columns: 1fr 1fr; }
}