/* Pagina interna PROGRAMACAO (programacao.html). Base compartilhada em aconteceu.css;
   aqui so o que muda: cor da secao (azul da Celebracao) e a lista de eventos, que repete o
   desenho da home (dia grande | mes sob a linha | titulo e texto). */
.pag-prog .topo{background:#0079c1}
.pag-prog .topo-sec{color:#0079c1}

/* margem para o rotulo CELEBRACAO (translate 100% em aconteceu.css) ficar no branco, com a base das letras no topo da caixa azul, como na home */
.prog{background:#0079c1;color:#fff;padding:56px 20px 72px;margin-top:32px}
.prog-in{max-width:1065px;margin:0 auto}
.prog h1{font-weight:700;font-size:clamp(26px,4.4vw,38px);line-height:1.2;letter-spacing:1px}
.prog-intro{font-weight:500;font-size:clamp(16px,2vw,20px);line-height:1.5;letter-spacing:.6px;margin:20px 0 8px;padding-bottom:32px;border-bottom:1px solid #fff}
.prog-intro a{font-weight:700;text-decoration:none}
.prog-intro a:hover{text-decoration:underline}

.ev{display:grid;grid-template-columns:165px 1fr;gap:0 40px;align-items:start;padding:40px 0 0}
.ev+.ev{margin-top:12px}
.ev-data{text-align:center}
.dia{font-weight:700;font-size:128px;line-height:1;letter-spacing:6.4px;padding-bottom:6px;border-bottom:1px solid #fff}
.mes{font-weight:700;font-size:32px;line-height:28px;letter-spacing:1.6px;color:#e4e4ea;margin-top:14px}
.ev-txt{padding-top:36px;color:#e4e4ea}
.ev-txt h2{font-weight:700;font-size:24px;line-height:28px;letter-spacing:.8px;color:#fff}
.ev-txt p{font-size:16px;line-height:28px;letter-spacing:.8px;margin-top:8px}

@media (max-width:1023.98px){
  .prog{padding:48px 20px 72px}
  .ev{grid-template-columns:96px 1fr;gap:0 24px;padding-top:32px}
  .ev+.ev{margin-top:8px}
  .dia{font-size:64px;letter-spacing:2px}
  .mes{font-size:18px;line-height:24px;letter-spacing:1px;margin-top:8px}
  .ev-txt{padding-top:6px}
  .ev-txt h2{font-size:19px;line-height:1.3}
  .ev-txt p{font-size:15px;line-height:1.5;letter-spacing:.3px;margin-top:6px}
}
@media (max-width:479.98px){
  .ev{grid-template-columns:1fr;gap:12px 0}
  .ev-data{display:flex;align-items:baseline;gap:12px;text-align:left}
  .dia{font-size:48px;padding-bottom:0;border-bottom:0}
  .mes{margin-top:0}
  .ev-txt{padding-top:0}
}

/* Botao VOLTAR dentro do bloco azul: invertido, branco sobre azul */
.pag-prog .voltar:hover,.pag-prog .voltar:focus-visible{color:#0079c1}
.pag-prog .voltar-fim{border-top-color:#fff}
.pag-prog .btn-voltar{background:#fff;color:#0079c1;border-color:#fff}
.pag-prog .btn-voltar:hover,.pag-prog .btn-voltar:focus-visible{background:transparent;color:#fff}