/* Deu no Poste: resultados do jogo do bicho (v3.4)
   Gravado pelo plugin em wp-content/uploads/dnp-resultado-34.css e regravado a cada versao.
   Ajustes proprios: crie wp-content/uploads/dnp-resultado-extra.css (carregado depois deste; o plugin nunca mexe nele). */

/* Tema (GeneratePress): titulo menor, respiro conhecido e nada de rolagem lateral. */
:root{--dnp-respiro:1rem}
@media (min-width:769px){:root{--dnp-respiro:2.5rem}}
html,body{max-width:100%;overflow-x:clip}
.inside-article,.entry-content{overflow:visible}
h1.entry-title,.inside-article h1.entry-title{margin:0 0 .35em;font-size:1.9em;line-height:1.25}
@media (max-width:768px){h1.entry-title,.inside-article h1.entry-title{font-size:1.55em}}
.entry-content .dnp{margin-top:.2em}

.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:4.3rem 1.05rem 3.6rem 1.05rem 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)}
/* "Salteado" e bem mais longo que "1º": entra menor para nao encostar no = */
.dnp .dnp-l--salteado .dnp-pos{font-size:.72em;letter-spacing:-.01em}
.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-rodape{margin:.2em 0 0;font-size:.85em;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}

/* SANGRIA — os cartoes encostam na borda do artigo (no celular, a borda da tela).
   Nestas paginas o respiro lateral do artigo passa a ser um valor conhecido (--dnp-respiro)
   e os cartoes saem exatamente esse tanto. Sem 100vw: nao invade a barra lateral
   nem cria rolagem lateral, em qualquer largura. */
body[class] .inside-article{padding-inline:var(--dnp-respiro)}
.dnp{margin-inline:calc(-1 * var(--dnp-respiro))}
.dnp>*{padding-inline:var(--dnp-respiro)}
.dnp>.dnp-sorteio{padding-inline:0;border-left:0;border-right:0;border-radius:0}

@container (max-width:480px){
  .dnp .dnp-botao{display:block;text-align:center}
}
@container (max-width:360px){
  .dnp .dnp-l{grid-template-columns:4rem .85rem 3.5rem .85rem 1.4rem minmax(0,1fr)}
}
@container (max-width:340px){
  .dnp .dnp-res{padding:.3rem .2rem .5rem}
  .dnp .dnp-l{padding:.16rem .3rem;grid-template-columns:3.9rem .75rem 3.2rem .75rem 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:3.6rem 3rem 1.4rem minmax(0,1fr);column-gap:.3rem;font-size:.86em}
  .dnp .dnp-sep{display:none}
  .dnp .dnp-bicho{padding-left:.15rem}
}