/* ==========================================================================
   Instituto Avencer — componentes da nova home (estrutura da proposta,
   identidade da marca). Também usados nas páginas internas.
   ========================================================================== */

/* ---------- base comum ---------- */
.rotulo {
  display: inline-flex; align-items: center; gap: 10px; margin: 0 0 16px;
  font-family: var(--fonte-texto); font-size: .875rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
  color: var(--terracota-escuro);
}
.rotulo::before { content: ""; width: 26px; height: 2px; background: currentColor; border-radius: 2px; }
.titulo--centro + .intro, .cabecalho-secao .rotulo { }
.cabecalho-secao--centro { text-align: center; }
.cabecalho-secao--centro .rotulo { justify-content: center; }
.bloco-escuro { background: var(--verde-escuro); color: #f1efe6; position: relative; isolation: isolate; overflow: hidden; }
.bloco-escuro::before {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; opacity: .14; mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1.1 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");
}
.bloco-escuro .titulo, .bloco-escuro h3 { color: #fff; }
.bloco-escuro .rotulo { color: var(--mostarda); }
.bloco-escuro .intro, .bloco-escuro p { color: #e9e7dc; }
.bloco-claro2 { background: var(--creme-2); }
main > .secao.bloco-escuro, main > .secao.bloco-claro2 { padding: var(--secao) 0; margin: calc(var(--secao) / 2) 0; }
.mais-link { display: inline-flex; align-items: center; gap: 8px; font-weight: 700; color: var(--verde); text-decoration: none; border-bottom: 2px solid currentColor; padding-bottom: 2px; }
.mais-link:hover { color: var(--terracota-escuro); }
.bloco-escuro .mais-link { color: #fff; }
.bloco-escuro .mais-link:hover { color: var(--mostarda); }
.mais-link svg { width: 16px; height: 16px; transition: transform .2s; }
.mais-link:hover svg { transform: translateX(4px); }

/* ---------- transparência ---------- */
.transp { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(28px, 4vw, 56px); align-items: start; }
.conselho-card { background: var(--verde); color: #fff; border-radius: var(--raio); padding: clamp(28px, 4vw, 40px); }
.conselho-card .rotulo { color: var(--mostarda); }
.conselho-card h3 { font-family: var(--fonte-titulo); text-transform: uppercase; font-size: clamp(1.5rem, 1.2rem + 1vw, 2rem); margin: 0 0 22px; color: #fff; }
.conselho-card ul { list-style: none; padding: 0; margin: 0; }
.conselho-card li { display: flex; justify-content: space-between; gap: 16px; padding: 16px 0; border-top: 1px solid rgba(255, 255, 255, .22); }
.conselho-card li b { font-family: var(--fonte-titulo); font-weight: 600; font-size: 1.125rem; }
.conselho-card li span { color: #e1dfd2; font-size: .9375rem; white-space: nowrap; }
.docs { list-style: none; padding: 0; margin: 0; border-top: 1px solid var(--verde-suave); }
.docs li { border-bottom: 1px solid var(--verde-suave); }
.docs a, .docs .docs__em-breve {
  display: flex; align-items: center; gap: 18px; padding: 22px 4px; text-decoration: none; color: var(--texto); font-weight: 700; font-size: var(--texto-menor);
}
.docs a:hover { color: var(--verde); }
.docs__tipo { flex-shrink: 0; font-size: .75rem; font-weight: 700; letter-spacing: .08em; color: var(--terracota-escuro); border: 1.5px solid currentColor; border-radius: 6px; padding: 3px 7px; }
.docs__seta { margin-left: auto; color: var(--verde); transition: transform .2s; }
.docs a:hover .docs__seta { transform: translateX(4px); }
.docs__em-breve { color: var(--texto-suave) !important; cursor: default; }
.docs__em-breve small { margin-left: auto; font-weight: 400; font-size: .875rem; }
@media (max-width: 860px) { .transp { grid-template-columns: 1fr; } }

/* ---------- próximo passo (fim das páginas internas) ---------- */
.proximo { border-radius: var(--raio); padding: clamp(36px, 5vw, 60px); display: grid; grid-template-columns: minmax(0, 1.4fr) auto; gap: 28px 48px; align-items: center; }
.proximo .titulo { margin-bottom: 12px; }
.proximo p { margin: 0; max-width: 560px; }
.proximo .botoes { margin: 0; flex-direction: column; align-items: stretch; }
@media (max-width: 860px) { .proximo { grid-template-columns: 1fr; text-align: center; } .proximo p { margin: 0 auto; } .proximo .botoes { align-items: center; } .proximo .rotulo { justify-content: center; } }
.intro--esq { text-align: left; margin-left: 0; max-width: 760px; }
.rotulo--centro { display: flex; justify-content: center; }
.doacao__intro { margin-top: 6px; }
.rede__foto { margin: 0; }


.rotulo.espaco-topo { margin-top: var(--secao); }
.rotulo.espaco-topo + .titulo { margin-top: 0; }
.parceiro { background: var(--branco); }
.rotulo.espaco-topo { margin-top: var(--secao); }
.parceiro { background: var(--branco); }