/* Deu no Poste: resultados do jogo do bicho (v3.2)
   Gravado pelo plugin em wp-content/uploads/dnp-resultado-32.css e regravado a cada versao.
   Ajustes proprios: crie wp-content/uploads/dnp-resultado-extra.css (carregado depois deste; o plugin nunca mexe nele). */
.dnp{
  --dnp-destaque:color-mix(in srgb,#1668dc 72%,currentColor);
  --dnp-destaque-fundo:rgba(22,104,220,.12);
  --dnp-realce:rgba(22,104,220,.07);
  --dnp-cabecalho:rgba(22,104,220,.06);
  --dnp-aviso:color-mix(in srgb,#d97a00 62%,currentColor);
  --dnp-aviso-fundo:rgba(245,166,35,.18);
  --dnp-borda:rgba(128,128,128,.32);
  --dnp-linha:rgba(128,128,128,.18);
  --dnp-fundo:rgba(128,128,128,.07);
  --dnp-suave:color-mix(in srgb,currentColor 70%,transparent);
  --dnp-fraco:color-mix(in srgb,currentColor 50%,transparent);
  --dnp-raio:12px;
  --dnp-peso:600;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,max(20rem,calc(50% - .75rem))),1fr));
  column-gap:1.5rem;
  align-items:start;
  line-height:1.5;
}
/* 2 extracoes por linha quando cabem (computador); 1 por linha no celular.
   Topo, navegacao e qualquer bloco inserido entre as extracoes (anuncio, texto) ocupam a linha inteira. */
.dnp>*{grid-column:1/-1;min-width:0;max-width:100%}
.dnp>.dnp-sorteio{grid-column:auto}
.dnp .dnp-intro{margin:0 0 .3em}
.dnp .dnp-intro a,.dnp .dnp-nav a{color:var(--dnp-destaque)}
.dnp .dnp-nav p{margin:0 0 1em;font-size:.9em;color:var(--dnp-suave)}
.dnp .dnp-sorteio{container-type:inline-size;margin:0 0 1rem;padding:0;border:1px solid var(--dnp-borda);border-radius:var(--dnp-raio);overflow:hidden}
.dnp .dnp-sorteio h2{margin:0;padding:.55rem .9rem;font-size:1.25em;line-height:1.25;background:var(--dnp-cabecalho);border-bottom:1px solid var(--dnp-linha)}
.dnp .dnp-sorteio[data-estado="parcial"] h2::after{content:"parcial";display:inline-block;margin-left:.5em;padding:.1em .7em;border-radius:999px;font-size:.62em;font-weight:400;vertical-align:middle;background:var(--dnp-aviso-fundo);color:var(--dnp-aviso)}
.dnp .dnp-desc{margin:0;padding:.4rem .9rem 0;font-size:.85em;color:var(--dnp-suave)}
.dnp .dnp-res{padding:.35rem .5rem .6rem}
.dnp .dnp-res__aguarde{margin:.2rem .4rem;padding:.45em .8em;border:1px dashed var(--dnp-borda);border-radius:8px;color:var(--dnp-suave);font-size:.95em}
.dnp .dnp-lista{list-style:none;margin:0;padding:0;font-variant-numeric:tabular-nums}
.dnp .dnp-l{margin:0;padding:.18rem .4rem;list-style:none;display:grid;grid-template-columns:3.5rem 1.3rem 3.6rem 1.3rem 1.5rem minmax(0,1fr);align-items:baseline;line-height:1.3;white-space:nowrap;border-bottom:1px solid var(--dnp-linha)}
.dnp .dnp-l::before,.dnp .dnp-l::after{content:none;display:none}
.dnp .dnp-l:last-child{border-bottom:0}
.dnp .dnp-pos{text-align:right;font-size:.85em;color:var(--dnp-suave)}
.dnp .dnp-sep{text-align:center;color:var(--dnp-fraco)}
.dnp .dnp-milhar{text-align:right;font-weight:var(--dnp-peso)}
.dnp .dnp-grupo{text-align:right;color:var(--dnp-suave)}
.dnp .dnp-bicho{padding-left:.5rem;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis}
.dnp .dnp-dezena{color:var(--dnp-destaque)}
.dnp .dnp-l--cabeca{background:var(--dnp-realce);border-radius:6px;font-size:1.08em}
.dnp .dnp-l--cabeca .dnp-bicho{font-weight:var(--dnp-peso)}
.dnp .dnp-l--derivado{background:var(--dnp-fundo)}
.dnp .dnp-l--vazio .dnp-milhar{font-weight:400;color:var(--dnp-fraco)}
.dnp .dnp-atualizar{margin:.55rem .4rem 0}
.dnp .dnp-botao{display:inline-block;padding:.3em .95em;border:1px solid var(--dnp-destaque);border-radius:999px;color:var(--dnp-destaque);font-size:.85em;font-weight:var(--dnp-peso);text-decoration:none}
.dnp .dnp-botao:hover,.dnp .dnp-botao:focus-visible{background:var(--dnp-destaque-fundo)}
.dnp .dnp-botao:focus-visible{outline:2px solid var(--dnp-destaque);outline-offset:2px}
@container (max-width:480px){
  .dnp .dnp-botao{display:block;text-align:center}
}
@container (max-width:300px){
  .dnp .dnp-res{padding:.3rem .2rem .5rem}
  .dnp .dnp-l{padding:.16rem .3rem;grid-template-columns:3.2rem .8rem 3.2rem .8rem 1.3rem minmax(0,1fr);font-size:.9em}
  .dnp .dnp-l--cabeca{font-size:1em}
  .dnp .dnp-bicho{padding-left:.25rem}
}
@container (max-width:270px){
  .dnp .dnp-l{grid-template-columns:2.9rem 3rem 1.4rem minmax(0,1fr);column-gap:.3rem;font-size:.86em}
  .dnp .dnp-sep{display:none}
  .dnp .dnp-bicho{padding-left:.15rem}
}