/* responsive.css - RedeCanais - Mobile first */
@media (max-width: 900px) {
  .features { flex-direction: column; gap: 1rem; }
  .canais-grid, .jogos-grid { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }
  .navbar { padding: 0.5rem 1rem; }
}
@media (max-width: 600px) {
  .navbar { flex-direction: column; align-items: flex-start; }
  .nav-links { flex-direction: column; gap: 1rem; width: 100%; display: none; }
  .nav-links.open { display: flex; }
  .menu-toggle { display: block; }
  .logo { font-size: 1.5rem; }
  .hero { min-height: 60vh; margin-top: 4rem; }
  .features { gap: 0.5rem; }
  .canais-header, .jogos-header { margin-top: 4.5rem; }
  .canais-grid, .jogos-grid { padding: 1rem; gap: 1rem; }
  .canal-card, .jogo-card { padding: 1rem 0.5rem; }
  .btn { padding: 0.7rem 1.2rem; font-size: 1rem; }
}