/* =============================================================
   Solutions 4 Crowds — Tema "Quadro Kanban de Post-its"
   Breakpoints: 1024 / 768 / 560 + movimento reduzido
   ============================================================= */

/* --- MOVIMENTO REDUZIDO --- */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .main-navigation a,
  .content-section,
  .investigation-card { transition: none; }
  .content-section:hover { translate: none; }
  .investigation-card:hover { scale: none; }
}

/* --- TABLET 768px: nav vira linha, post-its 2 colunas --- */
@media (min-width: 768px) {
  .main-navigation ul { flex-direction: row; gap: 0.6rem; }

  .main-navigation a { font-size: 0.88rem; }

  .hero { padding: 4.6rem 2rem 4.8rem; }
  .hero h2 { font-size: 2.7rem; }

  .main-content { padding: 3.6rem 0 3.8rem; }

  .content-section { padding: 2.4rem 2.3rem 2.6rem; }

  .investigation-types { grid-template-columns: repeat(2, 1fr); gap: 1.4rem; }

  .corporate-investigation-section { padding: 2.8rem 2.3rem 3rem; }
}

/* --- DESKTOP 1024px: post-its em linha (4 colunas) --- */
@media (min-width: 1024px) {
  .hero h2 { font-size: 3rem; }

  .content-section > h2 { font-size: 1.7rem; }

  .investigation-types { grid-template-columns: repeat(4, 1fr); }
}

/* --- CELULAR 560px --- */
@media (max-width: 560px) {
  html { scroll-padding-top: 120px; }

  .site-header .container { justify-content: center; text-align: center; }

  .logo h1 { font-size: 1.12rem; }

  .main-navigation ul { justify-content: center; }

  .hero { padding: 3.2rem 1.1rem 3.4rem; }
  .hero h2 { font-size: 1.75rem; }
  .hero h2::after { width: 90px; height: 6px; }
  .hero p { font-size: 0.98rem; }
  .hero::before { width: 130px; height: 130px; top: -30px; right: -30px; }
  .hero::after { width: 110px; height: 110px; bottom: -38px; left: -26px; }

  .main-content { padding: 2.6rem 0 2.8rem; }

  .content-section { padding: 1.7rem 1.15rem 1.9rem; }
  .content-section::before { width: 88px; margin-left: -44px; top: -10px; }
  .content-section > h2 { font-size: 1.32rem; }
  .content-section h3 { font-size: 1.08rem; }
  .content-section p { font-size: 0.95rem; }

  .corporate-investigation-section { padding: 1.9rem 1.15rem 2.1rem; }
  .corporate-investigation-section h2 { font-size: 1.28rem; }

  .investigation-card h4 { font-size: 1.1rem; }
  .investigation-card p { font-size: 0.88rem; }
}