/* ============================================================
   🌐 RESPONSIVIDADE GERAL — SITE O REPÓRTER
   Estrutura otimizada com breakpoints unificados e limpos
   ============================================================ */

/* ===== TELAS MÉDIAS (até 1024px) ===== */
@media (max-width: 1024px) {
  /* Carrossel de Destaques */
  .carrossel-itemFirst {
    width: 47%; /* 2 por linha */
  }
}

/* ===== TELAS MENORES (até 900px) ===== */
@media (max-width: 900px) {
  /* Header */
  .header-container {
    flex-direction: column;
    align-items: flex-start;
  }

  .header-bottom {
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }

  .abas-rapidas {
    width: 100%;
    margin-top: 10px;
  }

  .login-dropdown {
    margin-top: 10px;
  }

  .search-login-container {
    border-left: none;
    padding-left: 0;
  }

  .search-btn,
  .login-dropdown button {
    width: 30px;
    height: 30px;
    font-size: 16px;
  }

  .sidebar {
    width: 200px;
  }

  /* Conteúdo principal */
  .Conteudoladoalado,
  .noticias-pequenas-container,
  .Informacoes {
    flex-direction: column;
  }

  .conteudo-principal,
  .conteudo-direita {
    width: 100%;
  }

  /* Resultados de jogos */
  .resultados-jogos li {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
  }

  .resultados-jogos li span.resultado {
    margin: 0;
  }

  /* Informações (Clima, Câmbio, Investimentos) */
  .flex-informacoes {
    flex-direction: column;
  }

  .bloco-informacaoclima,
  .bloco-informacaocambio {
    border-right: none;
    margin-bottom: 15px;
  }

  /* Carrossel de Temas */
  .carrossel-item {
    flex: 0 0 140px;
  }

  .foto-tema {
    width: 60px;
    height: 60px;
  }

  /* Footer */
  .footer-container {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .footer-contatos p {
    text-align: center;
  }

  .footer-redes {
    margin-top: 15px;
  }
}

/* ===== TELAS PEQUENAS (até 600px) ===== */
@media (max-width: 600px) {
  /* Carrossel de Destaques */
  .carrossel-itemFirst {
    width: 100%; /* 1 por linha */
  }

  /* Carrossel de Temas */
  .carrossel-item {
    flex: 0 0 100%;
  }

  .carrossel-btn {
    display: none;
  }

  /* Podcasts e Vídeos */
  .bloco-informacaopodcats-recentes ul,
  .bloco-informacaovideos-recentes ul {
    grid-template-columns: 1fr;
  }
}

/* ===== AJUSTE INTERMEDIÁRIO (até 700px) ===== */
@media (max-width: 700px) {
  /* Podcasts e Vídeos em 2 colunas */
  .bloco-informacaopodcats-recentes ul,
  .bloco-informacaovideos-recentes ul {
    grid-template-columns: 1fr 1fr;
  }
}