/* ============================================================
   TEMA "224" — Céu com nuvens (v4.04)
   Referência: prints do fundo azul-céu com nuvens. Não veio
   textura de céu no pacote de assets extraído (o fundo real
   pode ser um vídeo/gif do legado) — reconstruí com gradiente +
   nuvens em CSS puro. Se você tiver o arquivo de fundo original,
   troque o "background" abaixo por ele.
   Caixas em azul sólido arredondado, números grandes brancos.
   ============================================================ */

[data-tema="224"] {
  --caixa-azul: #3355d8;
  --texto: #fff;
  --amarelo: #ffe000;
  --laranja: #ff9500;
  --vermelho: #ff3b3b;
  font-family: 'Anton', 'Arial Narrow', sans-serif;
}

[data-tema="224"] .bg-fundo {
  background: linear-gradient(to bottom, #4a90e2 0%, #8fc3f4 55%, #cfe9fb 100%);
}
[data-tema="224"] .bg-fundo::before,
[data-tema="224"] .bg-fundo::after {
  content: '';
  position: absolute;
  width: 340px; height: 120px;
  background: #fff;
  border-radius: 60px;
  opacity: .85;
  filter: blur(1px);
}
[data-tema="224"] .bg-fundo::before { top: 90px; left: 120px; }
[data-tema="224"] .bg-fundo::after { top: 220px; right: 180px; width: 260px; height: 90px; }
[data-tema="224"] .bg-fundo.escura { filter: brightness(.75); }

[data-tema="224"] .valendo-bar { background: rgba(0,0,0,.6); color: #fff; border-radius: 6px; }
[data-tema="224"] .versao { color: #124; }

[data-tema="224"] .ranking-linha { color: #123; background: rgba(255,255,255,.55); }
[data-tema="224"] .ranking-linha span.num { color: #b34700; }

[data-tema="224"] .acumulado-label { color: #fff; }
[data-tema="224"] .bola-tag { background: var(--laranja); color: #111; }
[data-tema="224"] .acumulado-valor { color: var(--amarelo); text-shadow: 2px 2px 0 #333; }
[data-tema="224"] .sorteio-id { color: #fff; }
[data-tema="224"] .logo-marca { background-image: url('../assets/224/img/logo1.png'); }

[data-tema="224"] .bola-numero { color: #111; }
[data-tema="224"] .historico-bolas li { background: #fff; color: #111; border: 3px solid var(--caixa-azul); }
[data-tema="224"] .historico-bolas li:first-child { background: var(--vermelho); color: #fff; }

[data-tema="224"] .premio-chip { background: var(--caixa-azul); color: #fff; border-radius: 8px; }
[data-tema="224"] .premio-chip[data-premio="keno"] { background: var(--vermelho); }
[data-tema="224"] .premio-chip .premio-nome { color: #cfe0ff; }
[data-tema="224"] .premio-chip[data-premio="keno"] .premio-nome { color: #ffd8d8; }

[data-tema="224"] .grade-90 { background: rgba(0,0,0,.4); color: rgba(255,255,255,.4); border-radius: 8px; }
[data-tema="224"] .grade-90 span.marcado { color: var(--amarelo); }
[data-tema="224"] .grade-90 span.marcado.atual { color: var(--vermelho); }

[data-tema="224"] .cartela-card { background: #fff; border-radius: 8px; }
[data-tema="224"] .cartela-card-header { background: var(--caixa-azul); color: #fff; }
[data-tema="224"] .cartela-card-grid span { background: #f4f7ff; color: #111; }
[data-tema="224"] .cartela-card-grid span.marcado { background: #2a8f3d; color: #fff; }
[data-tema="224"] .cartela-card-grid span.premiado { background: var(--vermelho); color: #fff; }
[data-tema="224"] .cartela-card-valor { background: var(--caixa-azul); color: #fff; }

/* tela 2 */
[data-tema="224"] .contagem-box { background: rgba(0,0,0,.55); color: var(--amarelo); border-radius: 8px; }
[data-tema="224"] .contagem-numero { color: #9dff6a; }
[data-tema="224"] .info-chip { background: #fff; color: #111; border-radius: 4px; }
[data-tema="224"] .info-chip.destaque strong { color: var(--vermelho); }
[data-tema="224"] .titulo-proximos { color: var(--amarelo); }
[data-tema="224"] .tabela-proximos { color: #fff; }
[data-tema="224"] .tabela-proximos tr { background: var(--caixa-azul); border-radius: 6px; }
[data-tema="224"] .tabela-proximos .c-keno { color: #ffd8d8; }

/* tela 3 */
[data-tema="224"] .ganhou-label { color: var(--laranja); }
[data-tema="224"] .ganhou-valor { color: var(--laranja); }
[data-tema="224"] .ganhou-nome { color: #fff; text-shadow: 2px 2px 0 #123; }

/* tela 4 */
[data-tema="224"] .posicao-card { color: #fff; text-shadow: 6px 6px 0 var(--caixa-azul); }

/* tela 5 */
[data-tema="224"] .ganhadores-titulo { color: #123; }
[data-tema="224"] .cartela-vencedora { border-color: var(--laranja); border-radius: 10px; }
[data-tema="224"] .cartela-vencedora-topo { background: #1a1a1a; color: #fff; }
[data-tema="224"] .cartela-vencedora-grid span { background: var(--laranja); color: #111; }
[data-tema="224"] .cartela-vencedora-grid span.premiado { background: var(--vermelho); color: #fff; }
[data-tema="224"] .cartela-vencedora-bar { color: #123; }

[data-tema="224"] .popup-cartela-caixa { background: #123a6b; border-radius: 12px; }
[data-tema="224"] .popup-cartela-selo { color: var(--amarelo); }
[data-tema="224"] .popup-cartela-info { color: #fff; }
[data-tema="224"] .popup-cartela-grid span { background: #fff; color: #111; }
[data-tema="224"] .popup-cartela-grid span.premiado { background: var(--vermelho); color: #fff; }
[data-tema="224"] .popup-cartela-valor { background: var(--caixa-azul); color: #fff; }