/* ============================================================
   responsive.css — IEQ Região
   Breakpoints globais (Progressive Enhancement):
   mobile:  0 → 767px
   tablet:  768 → 1199px
   desktop: 1200px+    ← sticky header aqui
   ============================================================ */

/* ── TABLET ─────── ≥768px ──────────────────────────────── */
@media (min-width: 768px) {

  .section-header h2 { font-size: var(--text-4xl); }

  .stats-grid       { grid-template-columns: repeat(4, 1fr); }
  .news-grid        { grid-template-columns: repeat(2, 1fr); }
  .events-grid      { grid-template-columns: repeat(2, 1fr); }
  .gallery-grid     { grid-template-columns: repeat(3, 1fr); }
  .gallery-full-grid{ grid-template-columns: repeat(3, 1fr); }
  .gallery-item--featured { grid-column: span 3; }
  .about-grid       { grid-template-columns: 1fr 1fr; }
  .steps-grid       { grid-template-columns: repeat(2, 1fr); }
  .churches-grid    { grid-template-columns: repeat(2, 1fr); }
  .contact-grid     { grid-template-columns: 1fr 1fr; }

  .btn-find-church  { font-size: var(--text-xl); padding: 1.125rem 3rem; }

  body { padding-bottom: 80px; }
}

/* ── DESKTOP ─────── ≥1200px ────────────────────────────── */
@media (min-width: 1200px) {

  /* Remove padding da sticky bar */
  body { padding-bottom: 0; }

  /* Padding de seções maior */
  .stats, .find-church, .news, .about, .events,
  .gallery-preview, .how-it-works, .final-cta,
  .contact-section, .gallery-full, .history-section, .churches {
    padding-top: var(--section-py-desktop);
    padding-bottom: var(--section-py-desktop);
  }

  .stat-number       { font-size: var(--text-6xl); }
  .news-grid         { grid-template-columns: repeat(3, 1fr); }
  .gallery-grid      { grid-template-columns: repeat(4, 1fr); gap: var(--gap-md); }
  .gallery-full-grid { grid-template-columns: repeat(4, 1fr); }
  .gallery-item--featured { grid-column: span 2; aspect-ratio: 16/9; }
  .steps-grid        { grid-template-columns: repeat(4, 1fr); }
  .churches-grid     { grid-template-columns: repeat(3, 1fr); }

  .find-church h2, .final-cta h2 { font-size: var(--text-5xl); }

  /* Timeline centralizada desktop */
  .timeline::before  { left: 50%; transform: translateX(-1px); }
  .timeline-item     { width: 50%; padding-left: 0; padding-right: var(--gap-xl); }
  .timeline-item:nth-child(even) { margin-left: 50%; padding-right: 0; padding-left: var(--gap-xl); }
  .timeline-item__dot { left: auto; right: -10px; }
  .timeline-item:nth-child(even) .timeline-item__dot { left: -10px; right: auto; }
}

/* ── PRINT ───────────────────────────────────────────────── */
@media print {
  .header, .mobile-sticky-bar, .hero-slider,
  .slider-btn, .slider-dots, .toast, .modal-overlay { display: none !important; }
  body { padding: 0; color: #000; font-size: 12pt; }
  a::after { content: ' (' attr(href) ')'; font-size: 0.8em; color: #555; }
}