/* Banner de navegação [dnp_nav_dia] — mesma família de cor âmbar da faixa
   "Aguardando sorteio" de dnp-resultado.css (.dnp-faixa), aqui usada para
   navegação, não status (§17 da especificação). */
.dnp-nav-dia{
  display:grid;
  grid-template-columns:44px 1fr 44px;
  align-items:center;
  max-width:620px;margin:0 auto 20px;
  padding:11px 10px;
  background:linear-gradient(180deg,#fdf8e9 0%,#fbf3dc 100%);
  border:1px solid #e6d29a;border-radius:10px;
  font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
}

/* filhos variam entre 2 e 3 conforme a página (hoje/ontem) — grid-column
   explícito evita que o auto-placement empurre o texto para a coluna errada
   quando a seta esquerda está ausente. */
.dnp-nav-dia-texto{
  grid-column:2;grid-row:1;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  text-align:center;
  color:#6a5620;font-size:.9rem;font-weight:800;line-height:1.3;
}
.dnp-nav-dia-ico{flex:0 0 auto;width:17px;height:17px;color:#8a7742}
.dnp-nav-dia-ico svg{width:100%;height:100%;display:block}

.dnp-nav-dia-seta{
  grid-row:1;
  width:34px;height:34px;
  display:flex;align-items:center;justify-content:center;
  margin:0 auto;
  background:#fff;
  border:1px solid #e6d29a;border-radius:8px;
  color:#8a7742;
  font-size:19px;line-height:1;text-decoration:none;
  transition:background .16s ease,border-color .16s ease,transform .16s ease;
}
.dnp-nav-dia-seta:hover{background:#fbf3dc;border-color:#d8b755}
.dnp-nav-dia-seta:active{transform:scale(.94)}
.dnp-nav-dia-seta:focus-visible{outline:2px solid #6a5620;outline-offset:2px}
.dnp-nav-dia-seta-esq{grid-column:1}
.dnp-nav-dia-seta-dir{grid-column:3}

@media (max-width:380px){
  .dnp-nav-dia{grid-template-columns:36px 1fr 36px;padding:9px 6px;gap:4px}
  .dnp-nav-dia-texto{font-size:.82rem;gap:6px}
  .dnp-nav-dia-seta{width:30px;height:30px;font-size:17px}
}