/* ===== Header (topo) da versao EN — 4 opcoes, mais perto do original (15/10/2026) ===== */
.p-hero.eh .capa{opacity:1!important;filter:none!important}
.p-hero.eh::after{background:none!important}
.p-hero.eh .lead b{font-weight:700}
.eh-seta{display:inline-grid;place-items:center;width:44px;height:44px;margin-top:26px;border-radius:50%;background:#fff;color:#1b2820;text-decoration:none;box-shadow:0 6px 18px rgba(0,0,0,.18);transition:transform .25s}
.eh-seta svg{width:22px;height:22px}
.eh-seta:hover,.eh-seta:focus-visible{transform:translateY(3px);outline:none}
.eh-seta:focus-visible{box-shadow:0 0 0 3px #80bc7b}
/* A — igual ao original: foto em cores, alta, texto direto sobre a foto */
.p-hero.eh-a{min-height:620px!important}
.p-hero.eh-a h1,.p-hero.eh-a .lead{text-shadow:0 2px 14px rgba(0,0,0,.45),0 1px 2px rgba(0,0,0,.35)}
/* B — foto em cores com veu escuro so atras do texto */
.p-hero.eh-b{min-height:560px!important}
.p-hero.eh-b::after{background:radial-gradient(ellipse 55% 60% at 50% 50%,rgba(9,22,15,.62) 0%,rgba(9,22,15,.28) 55%,rgba(9,22,15,0) 100%)!important}
/* C — foto em cores com o texto num cartao translucido */
.p-hero.eh-c{min-height:560px!important}
.p-hero.eh-c .p-hero-txt{background:rgba(14,32,22,.58);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:34px 40px 30px;max-width:780px;margin-inline:auto}
/* D — foto em cores com degrade verde do site na base */
.p-hero.eh-d{min-height:560px!important}
.p-hero.eh-d::after{background:linear-gradient(180deg,rgba(9,22,15,.10) 0%,rgba(9,22,15,.30) 45%,rgba(23,58,34,.88) 100%)!important}
.p-hero.eh-d .eh-seta{background:#80bc7b;color:#fff}
@media(max-width:640px){.p-hero.eh-a{min-height:520px!important}.p-hero.eh-b,.p-hero.eh-c,.p-hero.eh-d{min-height:480px!important}.p-hero.eh-c .p-hero-txt{padding:24px 20px}}
@media(prefers-reduced-motion:reduce){.eh-seta{transition:none}}

/* ===== Indicador de rolagem animado (aprovado 15/10/2026, no lugar da seta) ===== */
.eh-scroll{display:inline-flex;flex-direction:column;align-items:center;gap:6px;margin-top:24px;text-decoration:none;color:#fff}
.eh-mouse{position:relative;display:block;width:26px;height:40px;border:2px solid rgba(255,255,255,.9);border-radius:14px}
.eh-mouse::before{content:"";position:absolute;left:50%;top:7px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:#80bc7b;animation:ehRoda 1.8s cubic-bezier(.6,0,.4,1) infinite}
.eh-chev{display:block;width:10px;height:10px;border-right:2px solid rgba(255,255,255,.85);border-bottom:2px solid rgba(255,255,255,.85);transform:rotate(45deg);animation:ehChev 1.8s ease-in-out infinite}
.eh-chev+.eh-chev{margin-top:-4px;animation-delay:.18s}
.eh-scroll:hover .eh-mouse,.eh-scroll:focus-visible .eh-mouse{border-color:#80bc7b}
.eh-scroll:focus-visible{outline:none}
.eh-scroll:focus-visible .eh-mouse{box-shadow:0 0 0 3px rgba(128,188,123,.6)}
@keyframes ehRoda{0%{opacity:0;transform:translateY(-3px)}25%{opacity:1}70%{opacity:1;transform:translateY(12px)}100%{opacity:0;transform:translateY(14px)}}
@keyframes ehChev{0%,100%{opacity:.25;transform:translateY(-2px) rotate(45deg)}50%{opacity:1;transform:translateY(3px) rotate(45deg)}}
@media(prefers-reduced-motion:reduce){.eh-mouse::before,.eh-chev{animation:none;opacity:1}}

/* ===== 15/10/2026 — espaco ACIMA das logos igual ao de BAIXO (84px). Antes: 168px em cima (84 do fim da Iniciativa + 84 do topo das logos) e 84px embaixo ===== */
main.proj .p-ini-sec + .p-logos{padding-top:0!important}

/* ===== 15/10/2026 — cartao do header padronizado: 40px nos 4 lados; titulo>traco 16px; traco>texto 24px; texto>indicador 24px ===== */
.p-hero.eh-c .p-hero-txt{padding:40px!important}
.p-hero.eh-c .p-hero-txt h1{margin:0!important}
.p-hero.eh-c .p-hero-txt .risca{margin:16px auto 24px!important}
.p-hero.eh-c .p-hero-txt .lead{margin:0!important}
.p-hero.eh-c .p-hero-txt .eh-scroll{margin-top:24px!important;vertical-align:top}
@media(max-width:640px){.p-hero.eh-c .p-hero-txt{padding:24px!important}.p-hero.eh-c .p-hero-txt .risca{margin:12px auto 16px!important}.p-hero.eh-c .p-hero-txt .eh-scroll{margin-top:16px!important}}

/* ===== 15/10/2026 — Manifest EN: variacoes do header (opcoes B, C e D) ===== */
.p-hero.eh .eh-olho{display:block;margin:0 0 10px;font:700 12px/1.2 Montserrat,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#80bc7b}
.p-hero.eh-compacto{min-height:430px!important}
.p-hero.eh-compacto .p-hero-txt{max-width:900px}
/* D — como no original: sem foto, fundo claro, titulo verde */
.p-hero.eh-semfoto{min-height:0!important;background:#fff!important;padding:72px 0 8px!important}
.p-hero.eh-semfoto .capa,.p-hero.eh-semfoto::after,.p-hero.eh-semfoto::before{display:none!important}
.p-hero.eh-semfoto h1{color:#80bc7b!important;text-shadow:none!important;max-width:920px;margin-inline:auto!important}
.p-hero.eh-semfoto .eh-scroll{color:#3f7a3c}
.p-hero.eh-semfoto .eh-mouse{border-color:#3f7a3c}
.p-hero.eh-semfoto .eh-chev{border-color:#3f7a3c}
@media(max-width:640px){.p-hero.eh-compacto{min-height:380px!important}.p-hero.eh-semfoto{padding:44px 0 0!important}}

/* ===== 15/10/2026 — Manifest EN (versao D aprovada): header mais baixo. Antes 176px acima do titulo e 96px abaixo do traco; agora 56px nos dois ===== */
.p-hero.eh-semfoto{padding:0!important}
.p-hero.eh-semfoto .container{padding-top:56px!important;padding-bottom:56px!important}
.p-hero.eh-semfoto h1{margin-top:0!important}
.p-hero.eh-semfoto .risca{margin-bottom:0!important}
@media(max-width:640px){.p-hero.eh-semfoto{padding:0!important}.p-hero.eh-semfoto .container{padding-top:36px!important;padding-bottom:36px!important}}

/* 15/10/2026 — mesma regra das logos na Who we are (intro + logos) */
main.proj .p-intro + .p-logos{padding-top:0!important}

/* 15/10/2026 — Who we are B: com um paragrafo so, a foto da intro nao pode encolher */
main.proj .p-intro .p-ini-foto{min-height:260px}

/* 15/10/2026 — Who we are: abaixo das logos tambem 84px (logos e Coordinators tem o mesmo fundo branco) */
main.proj .p-logos + .eq-sec:not(.alt){padding-top:0!important}

/* ===== 15/10/2026 — Who we are EN: topo como no site original (sem foto de header): foto a esquerda, TEAM + traco + texto a direita, fundo branco ===== */
main.proj .p-intro.en-topo{background:#fff!important;padding-top:56px!important;padding-bottom:84px!important}
main.proj .p-intro.en-topo .p-ini{align-items:center}
main.proj .p-intro.en-topo .p-ini-foto{order:-1}
main.proj .p-intro.en-topo h1{margin:0;color:#80bc7b;font-family:var(--f-tit,Montserrat),system-ui,sans-serif;font-weight:700;font-size:var(--t-secao,2rem);line-height:1.15;text-transform:uppercase;letter-spacing:-.01em}
main.proj .p-intro.en-topo .risca{display:block;margin:16px 0 24px}
main.proj .p-intro.en-topo + .p-logos{padding-top:0!important}
@media(max-width:820px){main.proj .p-intro.en-topo{padding-top:36px!important;padding-bottom:56px!important}main.proj .p-intro.en-topo .p-ini-foto{order:0}}

/* foto da mesma altura do texto (regra do Manifesto) e coluna da foto menor, como no original */
@media(min-width:821px){main.proj .p-intro.en-topo .p-ini{display:grid!important;grid-template-columns:5fr 7fr!important;align-items:stretch!important}
main.proj .p-intro.en-topo .p-ini-foto{position:relative;min-height:0;margin:0}
main.proj .p-intro.en-topo .p-ini-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}}
