/* =================================================================
   LotoCarva — loteca-analise.css
   Palpites da Loteca: um cartão por jogo (2.1.279).
   Substitui a tabela de quatro colunas, que exigia rolagem horizontal no
   celular e usava texto entre 11px e 13px — abaixo do padrão de leitura
   adotado no restante do site.
   ================================================================= */

/* Legenda das colunas: o texto acompanha a cor, para não depender só dela. */
.lt-legenda {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 18px;
  margin: 0 0 14px;
  color: #c9d0da;
  font-size: 1rem;
  line-height: 1.5;
}

.lt-legenda strong {
  color: #fff;
}

.lt-jogos {
  display: grid;
  gap: 14px;
}

.lt-jogo {
  padding: 16px;
  background: var(--bg2);
  border: 1px solid var(--border);
  border-radius: 10px;
}

.lt-jogo__topo {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 12px;
  margin-bottom: 10px;
}

.lt-jogo__numero {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: var(--bg3);
  border: 1px solid var(--border);
  color: #fff;
  font-size: 1rem;
  font-weight: 800;
}

.lt-jogo__partida {
  flex: 1 1 220px;
  margin: 0;
  color: #fff;
  font-size: 1.08rem;
  font-weight: 800;
  line-height: 1.3;
}

.lt-jogo__analise {
  margin: 0;
  color: #d5dbe4;
  font-size: 1rem;
  line-height: 1.6;
}

/* O palpite mantém a cor da coluna (definida em palpites.css) e ganha
   tamanho e área de leitura compatíveis com o restante da página. */
.lt-jogo .palpite {
  flex: 0 0 auto;
  min-width: 0;
  padding: 6px 12px;
  border-radius: 8px;
  font-size: 1rem;
  letter-spacing: 0;
}

.lt-jogo .palpite-indefinido {
  background: var(--bg3);
  border: 1px solid var(--border);
  color: #cfd6e0;
}

/* Título da análise sempre acima dos títulos de seção (que ficam em 16,8px
   no celular e 17,6px em telas largas). */
.loteca-analise .header-analise-titulo {
  font-size: 1.15rem;
  line-height: 1.3;
}

@media (min-width: 768px) {
  .lt-jogo {
    padding: 18px 20px;
  }

  .loteca-analise .header-analise-titulo {
    font-size: 1.2rem;
  }
}

/* -----------------------------------------------------------------
   Tipografia da análise: o corpo da página fica em 16px, então os
   títulos precisam ser maiores que ele e os textos de apoio não podem
   ficar abaixo do mesmo padrão de leitura.
   ----------------------------------------------------------------- */
.loteca-analise .secao-analise h3,
.loteca-analise .conteudo-secao h3 {
  font-size: 1.05rem;
}

.loteca-analise .conteudo-secao {
  font-size: 1rem;
  line-height: 1.6;
}

.loteca-analise .disclaimer p,
.loteca-analise .status-pendente p {
  font-size: 1rem;
  line-height: 1.6;
}

.loteca-analise .status-pendente h3 {
  font-size: 1.05rem;
}

@media (min-width: 768px) {
  .loteca-analise .secao-analise h3,
  .loteca-analise .conteudo-secao h3,
  .loteca-analise .status-pendente h3 {
    font-size: 1.1rem;
  }
}