/* Páginas de assembleia (ago2026.php, age2026.php) */
.ago-wrap { --ago-azul: #003F63; --ago-verde: #6EBF8B; --ago-borda: #e3eaf0; --ago-texto: #4a5b68; }
.ago-card { background: #fff; border: 1px solid var(--ago-borda); border-radius: 20px;
  box-shadow: 0 14px 36px rgba(0,63,99,.10); overflow: hidden; }
.ago-status { display: inline-flex; align-items: center; gap: 8px; font-size: .8rem; font-weight: 800;
  letter-spacing: .05em; text-transform: uppercase; padding: 6px 14px; border-radius: 30px; }
.ago-status-antes  { background: #e8f2f8; color: var(--ago-azul); }
.ago-status-aovivo { background: #fdeaea; color: #b02a37; }
.ago-status-aovivo .ago-pulso { width: 9px; height: 9px; border-radius: 50%; background: #dc3545;
  animation: ago-pulso 1.4s infinite; }
.ago-status-depois { background: #e9f6ee; color: #1e7a45; }
@keyframes ago-pulso { 0% { box-shadow: 0 0 0 0 rgba(220,53,69,.6); } 70% { box-shadow: 0 0 0 10px rgba(220,53,69,0); } 100% { box-shadow: 0 0 0 0 rgba(220,53,69,0); } }
@media (prefers-reduced-motion: reduce) { .ago-status-aovivo .ago-pulso { animation: none; } }

.ago-topo { padding: 34px 36px 30px; }
.ago-data { display: flex; gap: 22px; align-items: center; margin: 22px 0 6px; }
.ago-calendario { flex: 0 0 auto; width: 92px; text-align: center; border-radius: 16px; overflow: hidden;
  border: 2px solid var(--ago-azul); }
.ago-calendario .mes { background: var(--ago-azul); color: #fff; font-weight: 800; font-size: .85rem;
  text-transform: uppercase; padding: 4px 0; }
.ago-calendario .dia { color: var(--ago-azul); font-size: 2.4rem; font-weight: 800; line-height: 1.2; padding: 4px 0 6px; }
.ago-data h2 { color: var(--ago-azul); font-weight: 800; font-size: 1.5rem; margin: 0 0 6px; }
.ago-data p { margin: 0; color: var(--ago-texto); font-size: 1.05rem; }

.ago-acao { background: #f6f9fb; border-top: 1px solid var(--ago-borda); padding: 26px 36px; }
.ago-btn { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 60px;
  padding: 0 34px; border-radius: 14px; font-size: 1.2rem; font-weight: 800; text-decoration: none;
  background: var(--ago-azul); color: #fff !important; transition: .2s; }
.ago-btn:hover { background: #00293c; transform: translateY(-2px); }
.ago-btn-sec { background: #fff; color: var(--ago-azul) !important; border: 2px solid #cfdce5; font-size: 1.05rem; min-height: 52px; }
.ago-btn-sec:hover { background: #f0f6fa; border-color: var(--ago-azul); }
.ago-aviso { display: flex; gap: 12px; align-items: flex-start; color: var(--ago-texto); font-size: 1.05rem; margin: 0; }
.ago-aviso i { color: var(--ago-azul); font-size: 1.4rem; line-height: 1.2; }

.ago-bloco { padding: 26px 28px; height: 100%; }
.ago-bloco h3 { color: var(--ago-azul); font-weight: 800; font-size: 1.15rem; margin-bottom: 14px;
  display: flex; align-items: center; gap: 10px; }
.ago-bloco h3 i { color: var(--ago-verde); }
.ago-bloco p, .ago-bloco li { color: var(--ago-texto); font-size: 1.02rem; }
.ago-passos { list-style: none; padding: 0; margin: 0; counter-reset: passo; }
.ago-passos li { position: relative; padding-left: 44px; margin-bottom: 14px; counter-increment: passo; }
.ago-passos li::before { content: counter(passo); position: absolute; left: 0; top: -2px; width: 30px; height: 30px;
  border-radius: 50%; background: #e8f2f8; color: var(--ago-azul); font-weight: 800; display: flex;
  align-items: center; justify-content: center; }
.ago-docs a { display: flex; align-items: center; gap: 10px; padding: 12px 0; border-bottom: 1px solid #eef2f5;
  color: var(--ago-azul); font-weight: 700; text-decoration: none; }
.ago-docs a:last-child { border-bottom: none; }
.ago-docs a:hover { text-decoration: underline; }
.ago-docs i { color: var(--ago-verde); font-size: 1.2rem; }
.ago-contato a { color: var(--ago-azul); font-weight: 700; }

@media (max-width: 575px) {
  .ago-topo, .ago-acao { padding: 24px 18px; }
  .ago-data { gap: 14px; }
  .ago-calendario { width: 76px; }
  .ago-calendario .dia { font-size: 2rem; }
  .ago-data h2 { font-size: 1.2rem; }
  .ago-btn { width: 100%; }
}

/* Links dentro dos avisos (ago2026) */
.ago-aviso a { color: var(--ago-azul); font-weight: 700; }

/* ===== AGE (age2026.php) ===== */
.age .ago-btn-votar { background: #1e7a45; }
.age .ago-btn-votar:hover { background: #155c33; }
.age-estreito { max-width: 820px; }

/* 1. Destaque: quando, onde e botões */
.age-destaque { padding: 48px 0 16px; }
.age-destaque-card { background: #fff; border: 1px solid var(--ago-borda); border-radius: 22px;
  box-shadow: 0 16px 40px rgba(0,63,99,.10); padding: 34px 38px; display: flex; flex-wrap: wrap;
  align-items: center; justify-content: space-between; gap: 28px; }
.age-fatos { display: flex; flex-wrap: wrap; gap: 26px 48px; }
.age-fato { display: flex; gap: 14px; align-items: flex-start; }
.age-fato > i { font-size: 1.6rem; color: var(--ago-verde); line-height: 1.2; }
.age-fato div { display: flex; flex-direction: column; }
.age-rotulo { font-size: .78rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #7a8a96; }
.age-fato strong { color: var(--ago-azul); font-size: 1.25rem; font-weight: 800; line-height: 1.3; }
.age-fato span:last-child { color: var(--ago-texto); }
.age-botoes { display: flex; flex-direction: column; gap: 12px; min-width: 260px; }

/* Seções */
.age-secao { padding: 56px 0; }
.age-secao-clara { background: #fff; }
.age-titulo { color: var(--ago-azul); font-weight: 800; font-size: 1.7rem; margin-bottom: 14px; }
.age-sub { color: var(--ago-texto); font-size: 1.05rem; margin-bottom: 34px; }
.age-lead { color: var(--ago-texto); font-size: 1.15rem; line-height: 1.7; margin-bottom: 26px; }

/* 2. Documentos */
.age-docs { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
.age-docs a { display: inline-flex; align-items: center; gap: 8px; padding: 10px 20px; border-radius: 30px;
  border: 2px solid #cfdce5; color: var(--ago-azul); font-weight: 700; text-decoration: none; transition: .2s; background: #fff; }
.age-docs a:hover { border-color: var(--ago-azul); background: #f0f6fa; }
.age-docs i { color: var(--ago-verde); }

/* 3. Passos */
.age-passos { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; counter-reset: passo; }
.age-passos li { position: relative; text-align: center; padding: 30px 18px 24px; border-radius: 18px;
  background: #f6f9fb; counter-increment: passo; display: flex; flex-direction: column; align-items: center; gap: 4px; }
.age-passos li::before { content: counter(passo); position: absolute; top: 12px; left: 14px; font-weight: 800;
  color: #a9bac6; font-size: .95rem; }
.age-passo-icone { width: 64px; height: 64px; border-radius: 50%; background: #fff; display: flex;
  align-items: center; justify-content: center; margin-bottom: 10px; box-shadow: 0 6px 16px rgba(0,63,99,.10); }
.age-passo-icone i { font-size: 1.7rem; color: var(--ago-azul); }
.age-passos strong { color: var(--ago-azul); font-size: 1.08rem; }
.age-passos span:last-child { color: var(--ago-texto); font-size: .97rem; }

/* 4. Quórum */
.age-quorum { display: flex; gap: 18px; align-items: flex-start; background: #fff8e6; border: 1px solid #f3dc9f;
  border-radius: 18px; padding: 24px 26px; color: #6b5310; font-size: 1.08rem; line-height: 1.6; }
.age-quorum > i { font-size: 2rem; color: #c99a1c; line-height: 1; }
.age-quorum strong { color: #5a4300; }

/* 5. Dúvidas */
.age-faq .accordion-item { border: 1px solid var(--ago-borda); border-radius: 14px !important; margin-bottom: 10px; overflow: hidden; }
.age-faq .accordion-button { font-weight: 700; color: var(--ago-azul); font-size: 1.05rem; padding: 18px 22px; background: #fff; box-shadow: none; }
.age-faq .accordion-button:not(.collapsed) { background: #f0f6fa; }
.age-faq .accordion-body { color: var(--ago-texto); font-size: 1.02rem; line-height: 1.65; padding: 4px 22px 20px; background: #f0f6fa; }
.age-faq a, .age-contato a { color: var(--ago-azul); font-weight: 700; }
.age-contato { color: var(--ago-texto); margin: 26px 0 0; }

@media (max-width: 991px) {
  .age-passos { grid-template-columns: repeat(2, 1fr); }
  .age-botoes { width: 100%; min-width: 0; }
}
@media (max-width: 575px) {
  .age-destaque { padding-top: 28px; }
  .age-destaque-card { padding: 24px 18px; }
  .age-secao { padding: 40px 0; }
  .age-titulo { font-size: 1.4rem; }
  .age-passos { grid-template-columns: 1fr; }
  .age-quorum { flex-direction: column; gap: 10px; }
}