/* Agenda do Setor -- mesma linguagem visual da pagina Sobre (faixa navy, rotulos mono ciano). */
.ag-hero {
  border-radius: 14px; color: var(--navy); padding: 44px 11% 0; margin-top: 8px; overflow: hidden;
  /* Conceito da capa da home: fundo claro com faixas verde/amarelo nas laterais. */
  background: url('../img/faixas_brasil.svg') center / 100% 100% no-repeat, #F3FAFD;
  border: 1px solid var(--border); box-shadow: var(--shadow-md);
}
.ag-eyebrow { font-family: Consolas, monospace; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: var(--cyan); background: var(--navy); display: inline-block; padding: 6px 12px; border-radius: 4px; }
.ag-hero h1 { font-family: Cambria, Georgia, serif; font-size: 36px; margin: 14px 0 10px; color: var(--navy); border: none; padding: 0; }
.ag-hero h1 span { color: var(--navy); box-shadow: inset 0 -.32em 0 #BFE8F5; }
.ag-hero p { color: #33475b; font-size: 15px; margin: 0 0 28px; max-width: 620px; }
.ag-abas { display: flex; gap: 4px; }
.ag-abas a {
  padding: 12px 22px; border-radius: 10px 10px 0 0; color: var(--navy); text-decoration: none; font-weight: 600; font-size: 14px;
  background: rgba(11,31,58,.07);
}
.ag-abas a:hover { background: rgba(11,31,58,.13); }
.ag-abas a.ativa { background: var(--navy); color: #fff; }

.ag-mes { margin-top: 36px; }
.ag-mes > h2 {
  font-family: Cambria, Georgia, serif; color: var(--navy); font-size: 20px; margin: 0 0 14px;
  padding-bottom: 8px; border-bottom: 3px solid var(--cyan);
}
.ag-sub { color: var(--gray); font-size: 14px; margin: -6px 0 16px; }
.ag-evento {
  display: flex; gap: 20px; background: #fff; border: 1px solid var(--border); border-radius: 12px;
  padding: 20px; margin-bottom: 12px; transition: box-shadow .2s, border-color .2s;
}
.ag-evento:hover { box-shadow: var(--shadow-md); border-color: var(--cyan-light); }
.ag-data {
  flex: 0 0 74px; height: 80px; border-radius: 10px; background: var(--navy); color: #fff;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
}
.ag-data .dia { font-family: Cambria, Georgia, serif; font-size: 26px; font-weight: bold; line-height: 1; }
.ag-data .dia small { font-size: 15px; color: var(--cyan-light); }
.ag-data .mes { font-family: Consolas, monospace; font-size: 12px; text-transform: uppercase; color: var(--cyan); margin-top: 6px; letter-spacing: .08em; }
.ag-corpo { flex: 1; min-width: 0; }
.ag-corpo h3, .ag-card h3 { font-family: Cambria, Georgia, serif; color: var(--navy); font-size: 18px; margin: 0 0 4px; }
.ag-meta { color: var(--navy); font-size: 13.5px; font-weight: 600; margin: 0 0 4px; }
.ag-org { color: var(--gray); font-size: 13px; margin: 0 0 6px; }
.ag-desc { color: var(--gray); font-size: 14px; line-height: 1.5; margin: 0 0 12px; }
.ag-acoes { display: flex; gap: 8px; flex-wrap: wrap; }
.ag-btn {
  display: inline-block; padding: 8px 16px; border-radius: 8px; font-size: 13.5px; font-weight: 600; text-decoration: none;
  border: 1px solid var(--border); color: var(--navy); background: #fff;
}
.ag-btn:hover { border-color: var(--cyan); }
.ag-btn.prim { background: var(--cyan); border-color: var(--cyan); color: var(--navy); }

.ag-grade { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; }
.ag-card { background: #fff; border: 1px dashed var(--cyan-light); border-radius: 12px; padding: 18px; }
.ag-selo {
  display: inline-block; font-family: Consolas, monospace; font-size: 11px; letter-spacing: .06em; text-transform: uppercase;
  color: var(--navy); background: var(--cyan-tint); border: 1px solid var(--cyan-light); padding: 3px 8px; border-radius: 20px; margin-bottom: 10px;
}
.ag-link { color: #0e7fa0; font-size: 13.5px; font-weight: 600; text-decoration: none; }

.ag-realizados { margin-top: 32px; background: #fff; border: 1px solid var(--border); border-radius: 12px; padding: 14px 20px; }
.ag-realizados summary { cursor: pointer; font-weight: 600; color: var(--navy); }
.ag-realizados ul { margin: 12px 0 0; padding-left: 18px; color: var(--gray); font-size: 14px; }
.ag-realizados li { margin-bottom: 6px; }
.ag-vazio, .ag-nota { color: var(--gray); font-size: 13.5px; margin-top: 28px; }
.ag-cta {
  margin: 36px 0 40px; text-align: center; padding: 34px 13%; border-radius: 14px; color: var(--navy);
  background: url('../img/faixas_brasil.svg') center / 100% 100% no-repeat, #F3FAFD;
  border: 1px solid var(--border);
}
.ag-cta h2 { font-family: Cambria, Georgia, serif; color: var(--navy); font-size: 24px; margin: 0 0 8px; border: none; padding: 0; }
.ag-cta p { color: #33475b; margin: 0 0 18px; }

@media (max-width: 760px) {
  .ag-hero { padding: 30px 44px 0; }
  .ag-hero h1 { font-size: 28px; }
  .ag-abas a { padding: 10px 14px; font-size: 13px; }
  .ag-evento { gap: 14px; padding: 16px; }
  .ag-data { flex-basis: 60px; height: 70px; }
}