/* Grade "Jogo do Bicho de Hoje" [dnp_bancas] — referencia/widgets-rodada2.html,
   seção 2. Escopado a .dnp-bancas-wrap. `colunas=` só altera a contagem em
   desktop via --dnp-bancas-colunas; os breakpoints de tablet/mobile ficam
   fixos (2 e 1 coluna), sobrepondo o parâmetro nas telas menores. */
:root{
  --dnp-verde-esc:#0d3a22;
  --dnp-verde-vivo:#0e7a43;
  --dnp-borda:#cfe3d5;
  --dnp-texto:#0b2a19;
  --dnp-cinza:#6c8177;
}
.dnp-bancas-wrap,
.dnp-bancas-wrap *{box-sizing:border-box}
.dnp-bancas-wrap{
  max-width:1160px;margin:0 auto 30px;padding:22px 16px;background:#fff;
  border:1px solid rgba(13,58,34,.10);border-radius:18px;box-shadow:0 12px 30px rgba(0,60,35,.06);
  text-align:center;
  font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
}
.dnp-bancas-wrap h2{margin:0 0 8px;font-size:1.55rem;color:var(--dnp-verde-esc);font-weight:900;letter-spacing:-.03em}
.dnp-bancas-wrap>p{margin:0 auto 20px;max-width:640px;font-size:.95rem;color:#36544a}
.dnp-bancas-wrap .dnp-aviso{margin:0;font-size:.9rem;color:var(--dnp-cinza)}
.dnp-bancas-grade{display:grid;grid-template-columns:repeat(var(--dnp-bancas-colunas,3),1fr);gap:14px}
.dnp-banca-card{
  position:relative;display:block;min-height:78px;padding:14px 56px 14px 16px;
  background:#fff;border:1px solid var(--dnp-borda);border-left:5px solid var(--dnp-verde-vivo);
  border-radius:14px;text-align:left;text-decoration:none;color:inherit;
  box-shadow:0 6px 16px rgba(0,70,38,.05);transition:box-shadow .14s ease,border-color .14s ease;
}
.dnp-banca-card:hover{border-color:rgba(14,122,67,.35);box-shadow:0 9px 20px rgba(0,70,38,.09)}
.dnp-banca-card:focus-visible{outline:2px solid var(--dnp-verde-esc);outline-offset:2px}
.dnp-banca-nome{display:block;font-size:1rem;font-weight:900;color:var(--dnp-texto);letter-spacing:-.02em}
.dnp-banca-data{display:block;margin-top:2px;font-size:.76rem;color:var(--dnp-cinza);font-weight:600}
.dnp-banca-seta{
  position:absolute;right:14px;top:50%;transform:translateY(-50%);
  width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:999px;
  background:linear-gradient(135deg,var(--dnp-verde-vivo) 0%,#005f35 100%);color:#fff;font-size:20px;font-weight:800;
}
@media(max-width:860px){.dnp-bancas-grade{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.dnp-bancas-grade{grid-template-columns:1fr}}

@media (prefers-reduced-motion:reduce){
  .dnp-banca-card{transition:none !important}
}