/* =========================================================
   Confraria Timbeirão - Responsividade
   ========================================================= */

@media (max-width: 992px) {
  .grid-4 { grid-template-columns: repeat(2, 1fr); }
  .grid-3 { grid-template-columns: repeat(2, 1fr); }
  .footer-inner { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 768px) {
  .menu-toggle { display: flex; }

  .main-nav {
    display: none;
    width: 100%;
    order: 3;
  }
  .main-nav.open { display: block; }

  .header-inner { flex-wrap: wrap; }

  .main-nav ul {
    flex-direction: column;
    align-items: stretch;
    background: var(--vermelho-escuro);
    border-radius: 8px;
    margin-top: 10px;
    padding: 10px;
  }
  .main-nav a { padding: 12px 14px; }
  .btn-associe { display: inline-block; margin-top: 6px; text-align: center; }

  .dropdown-menu {
    position: static;
    box-shadow: none;
    background: rgba(0,0,0,.15);
    display: none;
  }
  .dropdown.open .dropdown-menu { display: block; }

  .hero h1 { font-size: 2.1rem; }
  .hero p { font-size: 1rem; }

  .grid-4, .grid-3 { grid-template-columns: 1fr 1fr; }

  .form-grid-2 { grid-template-columns: 1fr; }

  .footer-inner { grid-template-columns: 1fr; text-align: center; }
  .footer-logo { margin-left: auto; margin-right: auto; }
}

@media (max-width: 480px) {
  .grid-4, .grid-3 { grid-template-columns: 1fr; }
  .hero { padding: 50px 16px; }
  .page-header h1 { font-size: 1.7rem; }
  .form-box { padding: 20px; }
  .pix-box { padding: 22px; }
}