:root{
--verde:#7FBA7B;--verde-esc:#3F7A3C;--verde-claro:#EDF5EB;--verde-escuro:#173A22;--verde-topo:#123020;
--creme:#F2F0E3;--creme-2:#FAF8EF;
--terra:#715B55;--terra-esc:#3E322C;
--texto:#56605B;--texto-sec:#8B948D;--icone-repouso:#5F6A63;--titulo:#1B2820;--linha:#E4E9E2;--linha-2:#D8DED5;
--container:1300px;--gutter:26px;
--s1:6px;--s2:10px;--s3:16px;--s4:24px;--s5:34px;--s6:48px;--s7:68px;--s8:92px;
--f-tit:'Montserrat',system-ui,-apple-system,'Segoe UI',sans-serif;
--f-txt:'Rubik',system-ui,-apple-system,'Segoe UI',sans-serif;
--menu-fonte:0.8rem;
--sombra-s:0 1px 2px rgba(27,40,32,.05),0 6px 18px rgba(27,40,32,.05);
--sombra-m:0 2px 6px rgba(27,40,32,.06),0 16px 40px rgba(27,40,32,.09);
--sombra-g:0 24px 64px rgba(27,40,32,.2)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:var(--f-txt);font-size:17px;line-height:1.72;color:var(--texto);background:#fff;font-weight:300;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-kerning:normal;font-variant-ligatures:common-ligatures}
img{max-width:100%;height:auto;display:block}
a{color:var(--verde-esc);text-decoration:none;transition:color .2s}
h1,h2,h3{font-family:var(--f-tit);color:var(--titulo);margin:0;font-weight:700;line-height:1.18;letter-spacing:-.022em;text-wrap:balance}
p{margin:0}
.container{width:100%;max-width:var(--container);margin:0 auto;padding-inline:var(--gutter)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--verde-esc);color:#fff;font-family:var(--f-tit);font-weight:600;font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;padding:15px 28px;border-radius:6px;border:0;cursor:pointer;line-height:1;white-space:nowrap;transition:.3s cubic-bezier(.4,0,.2,1)}
.btn:hover{background:#2F6330;color:#fff;transform:translateY(-2px);box-shadow:0 10px 24px rgba(74,134,70,.3)}
.btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.9;transition:transform .25s}
.btn:hover svg{transform:translateX(3px)}
.link-seta{display:inline-flex;align-items:center;gap:9px;font-family:var(--f-tit);font-weight:700;font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:var(--verde-esc)}
.link-seta svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.8;transition:transform .25s}
.link-seta:hover svg{transform:translateX(4px)}

/* ---------- BARRA SUPERIOR ---------- */
.barra-topo{background:var(--verde-topo);color:#fff}
.barra-topo .container{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:58px;flex-wrap:wrap}
.barra-topo .aviso{font-family:var(--f-tit);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:rgba(255,255,255,.8)}
.barra-topo .dir{display:flex;align-items:center;gap:22px}
.barra-topo a{color:#fff;font-family:var(--f-tit);font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;display:inline-flex;align-items:center;transition:opacity .2s}
.barra-topo a:hover{opacity:.7;color:#fff}
.barra-topo .sociais{display:flex;gap:16px;align-items:center}
.barra-topo svg{width:16px;height:16px}

/* ---------- CABECALHO ---------- */
.topo{position:sticky;top:0;z-index:90;background:#fff;border-bottom:1px solid var(--linha)}
.topo-in{display:flex;align-items:center;justify-content:space-between;gap:26px;min-height:112px}
.logo img{width:auto;height:74px}
.nav{display:flex;align-items:center;gap:2px;padding:0;margin:0}
.nav>li{list-style:none;position:relative}
.nav a,.nav .rotulo{display:block;font-family:var(--f-tit);font-size:var(--menu-fonte);font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--titulo);padding:12px 14px;border-radius:6px;cursor:pointer;white-space:nowrap;transition:.2s}
.nav a:hover,.nav .rotulo:hover,.nav li.aberto>.rotulo{background:var(--verde-claro);color:var(--verde-esc)}
.nav>li.atual>a,.nav>li.atual>.rotulo{background:var(--verde-esc);color:#fff}
.nav ul{position:absolute;top:calc(100% + 10px);left:0;min-width:272px;background:#fff;border:1px solid var(--linha);border-radius:8px;box-shadow:var(--sombra-m);padding:8px;margin:0;opacity:0;visibility:hidden;transform:translateY(-8px);transition:.22s}
.nav li:hover>ul,.nav li.aberto>ul{opacity:1;visibility:visible;transform:none}
.nav ul li{list-style:none}
.nav ul a{font-size:var(--menu-fonte);font-weight:500;letter-spacing:.04em;padding:11px 14px}
.rotulo::after{content:'';display:inline-block;width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);margin-left:8px;opacity:.6}
.hamb{display:none;width:48px;height:48px;border:0;background:var(--verde-claro);border-radius:6px;cursor:pointer;position:relative}
.hamb span{position:absolute;left:13px;right:13px;height:2px;background:var(--titulo);transition:.25s}
.hamb span:nth-child(1){top:17px}.hamb span:nth-child(2){top:23px}.hamb span:nth-child(3){top:29px}
.hamb[aria-expanded='true'] span:nth-child(1){top:23px;transform:rotate(45deg)}
.hamb[aria-expanded='true'] span:nth-child(2){opacity:0}
.hamb[aria-expanded='true'] span:nth-child(3){top:23px;transform:rotate(-45deg)}
@media(max-width:1180px){
 .hamb{display:block}
 .nav{position:fixed;top:0;right:0;bottom:0;width:min(400px,90vw);flex-direction:column;align-items:stretch;gap:2px;background:#fff;padding:26px 20px 40px;overflow-y:auto;transform:translateX(100%);transition:transform .32s cubic-bezier(.4,0,.2,1);box-shadow:var(--sombra-g);z-index:95}
 .nav.on{transform:none}
 .nav ul{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;padding:2px 0 10px 12px;display:none;min-width:0}
 .nav li.aberto>ul{display:block}
 .nav a,.nav .rotulo{padding:14px 12px}
}
@media(max-width:640px){.logo img{height:54px}.topo-in{min-height:84px}}

/* ---------- BANNER FULL, CONTEUDO NA LARGURA DA PAGINA ---------- */
.destaque{position:relative;overflow:hidden;background:var(--verde-escuro)}
.destaque{cursor:grab;touch-action:pan-y}
.destaque.arrastando{cursor:grabbing;-webkit-user-select:none;user-select:none}
.destaque.arrastando a{pointer-events:none}
.destaque img{-webkit-user-drag:none;user-drag:none}
.destaque a,.destaque .btn{cursor:pointer}
.slides{display:flex;width:100%;transition:transform .7s cubic-bezier(.32,.72,0,1)}
.slide{min-width:100%;position:relative;display:flex;align-items:center;min-height:clamp(483px,46vw,598px)}
.slide .fundo{position:absolute;inset:0;z-index:0;overflow:hidden}
.slide .capa{width:100%;height:100%;object-fit:cover;object-position:center right}
.slide .fundo::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,24,14,.95) 0%,rgba(10,24,14,.9) 30%,rgba(10,24,14,.78) 52%,rgba(10,24,14,.5) 70%,rgba(10,24,14,.12) 86%,rgba(10,24,14,0) 100%)}
.slide .container{position:relative;z-index:2;padding-block:var(--s7)}
.slide .info{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s4);max-width:65%}
.pill{display:inline-block;background:var(--verde);color:#fff;font-family:var(--f-tit);font-size:.66rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;padding:9px 16px;border-radius:5px}
.slide h2{font-size:clamp(1.3rem,2.4vw,2.15rem);line-height:1.24;max-width:100%;text-wrap:normal;text-wrap:wrap;hyphens:none}
.slide h2,.slide h2 a{color:#fff}
.slide h2 a:hover{color:#CFEBCB}
/* botao do banner: so contorno, ganha cor no hover */
.slide .btn{background:transparent;border:1.6px solid rgba(255,255,255,.72);color:#fff;padding:13.4px 26.4px;box-shadow:none;transition:background .3s cubic-bezier(.4,0,.2,1),border-color .3s,color .3s,transform .3s,box-shadow .3s}
.slide .btn:hover,.slide .btn:focus-visible{background:var(--verde-esc);border-color:var(--verde-esc);color:#fff;transform:translateY(-2px);box-shadow:0 10px 24px rgba(63,122,60,.4)}
.slide .btn:focus-visible{outline:2px solid #fff;outline-offset:3px}
.pontos{position:absolute;left:50%;transform:translateX(-50%);width:100%;max-width:var(--container);padding-inline:var(--gutter);bottom:calc(var(--s6) + var(--s4));z-index:4;display:flex;gap:8px;justify-content:flex-start}
.ponto{width:8px;height:8px;border-radius:50%;border:0;background:rgba(255,255,255,.34);cursor:pointer;padding:0;transition:.28s}
.ponto[aria-current='true']{background:var(--verde);width:26px;border-radius:99px}
.setas{display:none}
@media(max-width:900px){
 .slide{min-height:0}
 .slide .capa{object-position:center}
 .slide .fundo::after{background:linear-gradient(0deg,rgba(8,20,12,.97) 0%,rgba(8,20,12,.92) 34%,rgba(8,20,12,.6) 56%,rgba(8,20,12,.1) 82%,rgba(8,20,12,0) 100%)}
 .slide .container{padding-block:56vw var(--s8)}
 .slide .info{max-width:none}
 .slide h2{max-width:none;font-size:1.24rem}
 .pontos{bottom:var(--s4)}
}

/* ---------- BLOCOS MISSAO + CURSO (mesmo padrao) ---------- */
.blocos{padding:0;margin-top:calc(var(--s6) * -1);position:relative;z-index:5}
.blocos-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:var(--s4);align-items:stretch}
@media(max-width:980px){.blocos-grid{grid-template-columns:1fr}}
.bloco{border-radius:14px;padding:var(--s5);transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s;display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--s4) var(--s5);align-items:start}
.bloco .icone{grid-row:1 / span 2;flex:none;width:78px;height:78px;border-radius:50%;display:grid;place-items:center;position:relative;transition:background .35s cubic-bezier(.4,0,.2,1),color .35s,transform .35s cubic-bezier(.34,1.4,.64,1)}
.bloco .icone::after{content:'';position:absolute;inset:-7px;border-radius:50%;border:1.5px solid var(--verde);opacity:0;transform:scale(.78) rotate(-90deg);transition:opacity .3s,transform .5s cubic-bezier(.34,1.45,.64,1)}
.bloco:hover .icone::after,.bloco:focus-within .icone::after{opacity:1;transform:scale(1) rotate(0)}
.bloco:hover .icone,.bloco:focus-within .icone{transform:translateY(-3px)}
.bloco:hover .icone svg,.bloco:focus-within .icone svg{transform:scale(1.08)}
.bloco .icone svg{width:40px;height:40px;transition:transform .4s cubic-bezier(.34,1.45,.64,1)}
.bloco .txt{display:flex;flex-direction:column;gap:var(--s2);min-width:0}
.bloco .acao{grid-column:2;justify-self:start;align-self:end}
.missao{position:relative;overflow:hidden;color:#fff;border:0;box-shadow:var(--sombra-m);background-color:#16281A;background-image:var(--foto);background-size:cover;background-position:50% 50%}
.missao::before{content:'';position:absolute;inset:0;background:linear-gradient(100deg,rgba(14,28,17,.9) 0%,rgba(14,28,17,.78) 55%,rgba(14,28,17,.6) 100%);z-index:0}
.missao>*{position:relative;z-index:1}
.missao h3{color:#fff}
.missao:hover{transform:translateY(-3px);box-shadow:var(--sombra-g)}
.curso:hover{transform:translateY(-3px);box-shadow:var(--sombra-g)}
.missao .icone{background:rgba(255,255,255,.15);color:#fff}
.missao:hover .icone,.missao:focus-within .icone{background:var(--verde);color:var(--verde-escuro)}

.missao h3{font-size:1.04rem;line-height:1.35;font-weight:700}
.missao p{color:rgba(255,255,255,.92);font-size:.96rem;line-height:1.72}
.curso{background:#fff;border:1px solid var(--linha);color:var(--titulo);box-shadow:var(--sombra-m)}
.curso h3{color:var(--titulo)}
.curso p{color:var(--texto)}
.curso .icone{background:var(--verde-claro);color:var(--icone-repouso)}
.curso:hover .icone,.curso:focus-within .icone{background:var(--verde-esc);color:#fff}

.curso h3{font-size:1.04rem;line-height:1.35;font-weight:700}
.curso p{font-size:.93rem;line-height:1.68;color:var(--texto)}
@media(max-width:620px){
 .bloco{grid-template-columns:1fr;gap:var(--s4)}
 .bloco .icone{grid-row:auto}
 .bloco .acao{grid-column:1;justify-self:start}
}

/* ---------- PUBLICACOES RECENTES ---------- */
.recentes{padding:var(--s7) 0 var(--s8)}
.cabeca{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);flex-wrap:wrap;padding-top:var(--s5);border-top:1px solid var(--linha);margin-bottom:var(--s5)}
.cabeca h2{font-size:clamp(1.4rem,2.3vw,1.9rem);font-weight:700}
.grade{display:grid;gap:var(--s4);grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.grade{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.grade{grid-template-columns:1fr}}
.card{background:#fff;border:1px solid var(--linha);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:.32s cubic-bezier(.4,0,.2,1)}
.card:hover{border-color:transparent;box-shadow:var(--sombra-m);transform:translateY(-5px)}
.card .moldura{overflow:hidden;aspect-ratio:16/10;background:var(--creme-2)}
.card .capa{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}
.card:hover .capa{transform:scale(1.05)}
.card .corpo{padding:var(--s4);display:flex;flex-direction:column;gap:var(--s2);flex:1}
.cat{font-family:var(--f-tit);font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--verde-esc)}
.card h3{font-size:.99rem;line-height:1.45;font-weight:600;letter-spacing:-.012em}
.card h3 a{color:var(--titulo)}
.card:hover h3 a{color:var(--verde-esc)}
.meta{margin-top:auto;padding-top:var(--s3);display:flex;align-items:center;gap:9px;font-family:var(--f-tit);font-size:.7rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#69726B}
.meta svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.6}

/* ---------- RODAPE ---------- */
.rodape{background:linear-gradient(180deg,var(--verde) 0%,var(--verde-esc) 100%);color:#fff;text-align:center;padding:var(--s5) 0}
.rodape p{color:#fff;font-size:.94rem}

@media(max-width:700px){.recentes{padding:var(--s6) 0 var(--s7)}.bloco{padding:var(--s5) var(--s4)}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}html{scroll-behavior:auto}}

/* ==========================================================
   ICONES SOCIAIS — base comum
   ========================================================== */
.barra-topo .sociais{gap:10px}
.barra-topo .sociais a{position:relative;display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:rgba(255,255,255,.13);color:#fff;transition:transform .28s cubic-bezier(.4,0,.2,1),color .28s,background .28s}
.barra-topo .sociais svg{width:17px;height:17px;stroke-width:2;transition:transform .28s cubic-bezier(.4,0,.2,1)}
.barra-topo .sociais a:hover{opacity:1}
.barra-topo .sociais a:focus-visible{outline:2px solid var(--verde);outline-offset:3px}

/* IC1 — circulo que preenche */
.ic1 .sociais a{background:rgba(255,255,255,.09)}
.ic1 .sociais a:hover{background:var(--verde);color:var(--verde-topo);transform:translateY(-2px)}
.ic1 .sociais a:hover svg{transform:scale(1.1)}

/* IC2 — sobe e ganha traco verde */
.ic2 .sociais a{border-radius:0;width:30px;height:30px}
.ic2 .sociais a::after{content:'';position:absolute;left:50%;right:50%;bottom:-3px;height:2px;background:var(--verde);transition:left .3s cubic-bezier(.4,0,.2,1),right .3s cubic-bezier(.4,0,.2,1)}
.ic2 .sociais a:hover{color:var(--verde);transform:translateY(-3px)}
.ic2 .sociais a:hover::after{left:1px;right:1px}

/* IC3 — anel que gira ao aparecer */
.ic3 .sociais a::before{content:'';position:absolute;inset:0;border-radius:9px;border:1.5px solid var(--verde);opacity:0;transform:scale(.55) rotate(-120deg);transition:.42s cubic-bezier(.34,1.45,.64,1)}
.ic3 .sociais a:hover::before{opacity:1;transform:scale(1) rotate(0)}
.ic3 .sociais a:hover{color:var(--verde)}
.ic3 .sociais a:hover svg{transform:scale(.9)}

/* IC4 — pastilha verde subindo */
.ic4 .sociais a{border-radius:9px;overflow:hidden}
.ic4 .sociais a::before{content:'';position:absolute;inset:0;background:var(--verde);transform:translateY(102%);transition:transform .32s cubic-bezier(.4,0,.2,1);z-index:0}
.ic4 .sociais a:hover::before{transform:none}
.ic4 .sociais svg{position:relative;z-index:1}
.ic4 .sociais a:hover{color:var(--verde-topo)}
.ic4 .sociais a:hover svg{transform:scale(1.06)}

/* ==========================================================
   TAG "PUBLICACAO EM DESTAQUE" — 4 opcoes discretas
   ========================================================== */
/* TG1 — chip de vidro no canto superior direito */
.tg1 .pill{position:absolute;top:var(--s5);right:var(--gutter);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:rgba(255,255,255,.92);font-size:.58rem;letter-spacing:.2em;padding:8px 15px;border-radius:99px}

/* TG2 — fio verde e texto no canto superior esquerdo */
.tg2 .pill{position:absolute;top:var(--s5);left:var(--gutter);background:transparent;border-radius:0;color:rgba(255,255,255,.72);font-size:.58rem;letter-spacing:.24em;padding:0 0 0 16px}
.tg2 .pill::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:2px;height:13px;background:var(--verde);border-radius:2px}

/* TG3 — traco curto acima do titulo, no fluxo */
.tg3 .pill{background:transparent;border-radius:0;color:var(--verde);font-size:.6rem;letter-spacing:.24em;padding:0;display:inline-flex;align-items:center;gap:12px}
.tg3 .pill::before{content:'';width:26px;height:1px;background:var(--verde)}

/* TG4 — ponto verde no canto inferior direito */
.tg4 .pill{position:absolute;bottom:calc(var(--s6) + var(--s4));right:var(--gutter);background:transparent;border-radius:0;color:rgba(255,255,255,.7);font-size:.58rem;letter-spacing:.2em;padding:0 0 0 15px}
.tg4 .pill::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:7px;height:7px;border-radius:50%;background:var(--verde)}

@media(max-width:900px){
 .tg1 .pill,.tg2 .pill,.tg4 .pill{position:static;padding:0 0 0 16px;background:transparent;border:0;backdrop-filter:none;color:var(--verde);border-radius:0}
 .tg1 .pill{padding:0}
 .tg2 .pill::before,.tg4 .pill::before{left:0}
}

/* ==========================================================
   PROGRESSO DO BANNER — 4 opcoes
   ========================================================== */
@keyframes encher{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes encherAnel{from{stroke-dashoffset:var(--circ)}to{stroke-dashoffset:0}}
.destaque{--tempo:7s}
.destaque:hover .barra-prog i,.destaque:hover .ponto i,.destaque:hover .anel-prog circle.mov{animation-play-state:paused}
.barra-prog,.anel-prog{display:none}
.ponto i{display:none}

/* PR1 — barra fina no rodape do banner */
.pr1 .pontos{display:none}
.pr1 .barra-prog{display:block;position:absolute;left:0;right:0;top:0;height:3px;background:rgba(255,255,255,.16);z-index:6;overflow:hidden}
.pr1 .barra-prog i{display:block;height:100%;background:var(--verde);transform:scaleX(0);transform-origin:left;animation:encher var(--tempo) linear forwards}


/* PR2 — o ponto ativo se preenche */
.pr2 .ponto{overflow:hidden;background:rgba(255,255,255,.22)}
.pr2 .ponto[aria-current='true']{background:rgba(255,255,255,.3)}
.pr2 .ponto i{display:block;position:absolute;inset:0;background:var(--verde);transform:scaleX(0);transform-origin:left}
.pr2 .ponto{position:relative}
.pr2 .ponto[aria-current='true'] i{animation:encher var(--tempo) linear forwards}

/* PR3 — anel com contador no canto inferior direito */
.pr3 .pontos{display:none}
.pr3 .anel-prog{display:grid;place-items:center;position:absolute;left:50%;margin-left:calc(var(--container) / -2 + var(--gutter));bottom:calc(var(--s6) + var(--s3));z-index:6;width:54px;height:54px}
.pr3 .anel-prog svg{position:absolute;inset:0;width:54px;height:54px;transform:rotate(-90deg)}
.pr3 .anel-prog circle{fill:none;stroke-width:2}
.pr3 .anel-prog circle.trilho{stroke:rgba(255,255,255,.22)}
.pr3 .anel-prog circle.mov{stroke:var(--verde);stroke-dasharray:var(--circ);stroke-dashoffset:var(--circ);animation:encherAnel var(--tempo) linear forwards}
.pr3 .anel-prog span{position:relative;z-index:2;font-family:var(--f-tit);font-size:.66rem;font-weight:700;letter-spacing:.08em;color:#fff}

/* PR4 — barras segmentadas no lugar dos pontos */
.pr4 .pontos{gap:7px}
.pr4 .ponto{width:44px;height:3px;border-radius:2px;background:rgba(255,255,255,.22);position:relative;overflow:hidden}
.pr4 .ponto[aria-current='true']{width:44px;border-radius:2px;background:rgba(255,255,255,.22)}
.pr4 .ponto i{display:block;position:absolute;inset:0;background:var(--verde);transform:scaleX(0);transform-origin:left}
.pr4 .ponto[aria-current='true'] i{animation:encher var(--tempo) linear forwards}

@media(prefers-reduced-motion:reduce){
 .barra-prog i,.ponto i,.anel-prog circle.mov{animation:none!important;transform:scaleX(1)}
 .anel-prog circle.mov{stroke-dashoffset:0}
}

/* ==========================================================
   MOVIMENTO DA IMAGEM DO BANNER — 4 opcoes
   ========================================================== */
.slide .capa{will-change:transform;transform-origin:center}
@keyframes mvZoom{from{transform:scale(1.01)}to{transform:scale(1.14)}}
@keyframes mvPan{from{transform:scale(1.14) translateX(2.4%)}to{transform:scale(1.14) translateX(-2.4%)}}
@keyframes mvDeriva{from{transform:scale(1.03) translate(1.2%,1%)}to{transform:scale(1.15) translate(-1.4%,-1.2%)}}
@keyframes mvRespira{0%{transform:scale(1.02)}50%{transform:scale(1.1)}100%{transform:scale(1.02)}}

/* MV1 — zoom lento (Ken Burns) */
.mv1 .slide[aria-hidden='false'] .capa{animation:mvZoom 14s cubic-bezier(.22,.61,.36,1) forwards}
/* MV2 — deslocamento horizontal */
.mv2 .slide[aria-hidden='false'] .capa{animation:mvPan 16s linear forwards}
/* MV3 — zoom com deriva diagonal */
.mv3 .slide[aria-hidden='false'] .capa{animation:mvDeriva 15s cubic-bezier(.22,.61,.36,1) forwards}
/* MV5 (reserva) — respiro continuo, vai e volta */
.mv5 .slide[aria-hidden='false'] .capa{animation:mvRespira 18s ease-in-out infinite}
/* MV4 — parallax na rolagem (controlado pelo JS) */
.mv4 .slide .capa{transform:scale(1.14)}

/* pausa junto com o carrossel */
.mv1 .destaque:hover .capa,.mv2 .destaque:hover .capa,.mv3 .destaque:hover .capa{animation-play-state:paused}

@media(prefers-reduced-motion:reduce){
 .slide .capa{animation:none!important;transform:none!important}
}

/* submenu-atual */
.nav ul li.atual>a{color:var(--verde-esc);font-weight:600}

/* menu-ativo-80bc7b */
:root{--menu-ativo:#80BC7B;--menu-ativo-txt:#FFFFFF}
.nav>li.atual>a,.nav>li.atual>.rotulo{background:var(--menu-ativo);color:var(--menu-ativo-txt)}
.nav>li.atual>.rotulo::after,.nav>li.atual>a::after{border-color:var(--menu-ativo-txt)}
.nav ul li.atual>a{color:var(--verde-esc);font-weight:600}

/* submenu-item-ativo: item do submenu da pagina atual fica destacado de forma fixa (mesmo visual do hover) */
.nav ul li.atual>a{background:var(--verde-claro);color:var(--verde-esc);font-weight:600}

/* ===== PADRAO DE ESPACAMENTO ENTRE BLOCOS (site inteiro) =====
   Um unico token manda no respiro vertical de todo bloco de conteudo.
   Banner/hero full-bleed tem regra propria. */
:root{--bloco-y:clamp(52px,5.6vw,84px)}
main > section.recentes{padding:var(--bloco-y) 0}

/* barra acima do menu na cor pedida pelo Geiber */
.barra-topo{background:#80BC7B}

/* submenus proximos da borda direita abrem alinhados a direita
   (antes o submenu de NA MIDIA estourava a janela e criava rolagem horizontal em ~1200px) */
@media(min-width:1001px){
.nav>li:nth-last-child(-n+3)>ul{left:auto;right:0}
}

/* item de menu que leva para fora do site: ganha um icone e abre em nova aba */
.nav ul li a[target="_blank"]{display:flex;align-items:center;gap:7px}
.nav ul li a[target="_blank"]::after{
  content:'';flex:0 0 auto;width:11px;height:11px;opacity:.7;background-color:currentColor;
  -webkit-mask:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 5h5v5'/%3E%3Cpath d='M19 5l-8 8'/%3E%3Cpath d='M18 14v4a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 5h5v5'/%3E%3Cpath d='M19 5l-8 8'/%3E%3Cpath d='M18 14v4a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4'/%3E%3C/svg%3E") center/contain no-repeat;
  transition:opacity .18s,transform .18s;
}
.nav ul li a[target="_blank"]:hover::after{opacity:1;transform:translate(1px,-1px)}
/* capa do cartao de publicacao recente tambem leva para a materia */
.card a.moldura{display:block;text-decoration:none}
.card a.moldura .capa{transition:transform .5s ease}
.card a.moldura:hover .capa{transform:scale(1.04)}
.card a.moldura:focus-visible{outline:3px solid var(--verde);outline-offset:2px}
/* links de post temporariamente desligados (_links_off.php) */
a[data-off]{cursor:default}
a[data-off]:hover{color:inherit;background-size:0 2px;opacity:1;transform:none}
a[data-off] .capa,a[data-off] img{transform:none !important}
/* ==========================================================================
   MENU MOBILE — "Gaveta em painel" (aplicado em 14/09/2026)
   Só vale de 1180px para baixo. Nada aqui muda o menu do computador.
   ========================================================================== */
@media(max-width:1180px){
  .hamb{display:grid!important;place-items:center;gap:5px;width:48px;height:48px;padding:0;
    border:0;border-radius:15px;background:var(--verde-esc);color:#fff;cursor:pointer;
    box-shadow:0 4px 14px rgba(23,58,34,.22);transition:background .2s,transform .2s}
  .hamb:active{transform:scale(.94)}
  .hamb span{display:block;width:20px;height:2px;border-radius:2px;background:#fff;
    transition:transform .28s cubic-bezier(.4,0,.2,1),opacity .18s,width .28s}
  .hamb span:nth-child(2){width:14px;margin-left:-6px}
  .hamb.aberto{background:var(--verde-escuro)}
  .hamb.aberto span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .hamb.aberto span:nth-child(2){opacity:0;width:20px}
  .hamb.aberto span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .hamb:focus-visible{outline:3px solid var(--verde);outline-offset:3px}

  .gav-veu{position:fixed;inset:0;z-index:94;background:rgba(18,48,32,.45);
    opacity:0;visibility:hidden;transition:opacity .28s,visibility .28s}
  .gav-veu.on{opacity:1;visibility:visible}

  .nav{width:100%!important;max-width:none!important;padding:0!important;gap:0!important;
    display:flex!important;flex-direction:column!important;overflow:hidden!important}
  .nav>li{flex:0 0 auto}
  .nav .gav-topo{display:flex;align-items:center;justify-content:space-between;gap:12px;
    padding:12px 16px;background:var(--creme-2);border-bottom:1px solid var(--linha);flex:0 0 auto}
  .nav .gav-topo img{height:46px;width:auto;display:block}
  .nav .gav-fechar{width:46px;height:46px;border:1px solid var(--linha-2);border-radius:14px;background:#fff;
    color:var(--verde-esc);display:grid;place-items:center;cursor:pointer;padding:0}
  .nav .gav-rolagem{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 10px 16px}
  .nav .gav-pe{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;
    padding:12px 16px calc(12px + env(safe-area-inset-bottom));
    background:var(--creme-2);border-top:1px solid var(--linha)}
  .nav .gav-pe .gav-en{display:inline-flex;align-items:center;gap:7px;text-decoration:none;
    font-family:var(--f-tit);font-weight:600;font-size:.72rem;letter-spacing:.1em;color:var(--verde-esc);
    border:1px solid var(--linha-2);border-radius:999px;padding:10px 15px;background:#fff}
  .nav .gav-pe .gav-redes{display:flex;gap:9px}
  .nav .gav-pe .gav-redes a{width:42px;height:42px;border-radius:999px;display:grid;place-items:center;
    color:var(--verde-esc);border:1px solid var(--linha-2);background:#fff}
  .nav .gav-pe .gav-redes svg{width:18px;height:18px}

  .nav>li>a,.nav>li>.rotulo{display:flex!important;align-items:center;gap:13px;min-height:54px;
    padding:9px 12px!important;border-radius:13px;font-family:var(--f-tit);font-weight:600;
    font-size:.84rem;letter-spacing:.05em;color:var(--titulo);cursor:pointer}
  .nav .mob-ic{flex:0 0 auto;width:38px;height:38px;border-radius:11px;background:var(--verde-claro);
    color:var(--verde-esc);display:grid;place-items:center;transition:background .2s,color .2s}
  .nav .mob-ic svg{width:20px;height:20px}
  .nav>li>a>.mob-tx,.nav>li>.rotulo>.mob-tx{flex:1}
  .nav .mob-seta{flex:0 0 auto;color:var(--texto-sec);transition:transform .26s;display:grid;place-items:center}
  .nav>li.aberto>.rotulo .mob-seta{transform:rotate(90deg)}

  .nav>li.atual>a,.nav>li.atual>.rotulo{background:var(--menu-ativo);color:var(--menu-ativo-txt)}
  .nav>li.atual>a .mob-ic,.nav>li.atual>.rotulo .mob-ic{background:rgba(255,255,255,.22);color:#fff}
  .nav>li.atual>.rotulo .mob-seta{color:#fff}

  .nav>li>ul{padding:2px 0 8px 0!important;margin-left:28px;border-left:1px solid var(--linha)}
  .nav>li>ul>li>a{display:flex!important;align-items:center;gap:11px;min-height:48px;
    padding:8px 12px!important;font-family:var(--f-txt);font-weight:400;font-size:.9rem;color:var(--texto)}
  .nav>li>ul>li>a .mob-ic{width:30px;height:30px;border-radius:9px;background:transparent;opacity:.85}
  .nav>li>ul>li>a .mob-ic svg{width:17px;height:17px}
  .nav ul li.atual>a{background:var(--verde-claro);color:var(--verde-esc);font-weight:500;border-radius:0 12px 12px 0}
  .nav ul li.atual>a .mob-ic{opacity:1}

  body.gav-travado{overflow:hidden}
}
@media(prefers-reduced-motion:reduce){
  .hamb span,.nav .mob-seta,.gav-veu{transition:none!important}
}

@media(max-width:1180px){
  .nav .gav-rolagem>li>a,.nav .gav-rolagem>li>.rotulo{display:flex;align-items:center;gap:13px;min-height:54px;
    padding:9px 12px;border-radius:13px;font-family:var(--f-tit);font-weight:600;font-size:.84rem;
    letter-spacing:.05em;color:var(--titulo);cursor:pointer}
  .nav .gav-rolagem>li>a>.mob-tx,.nav .gav-rolagem>li>.rotulo>.mob-tx{flex:1}
  .nav .mob-seta svg{width:18px;height:18px}
  .nav .mob-ic svg{width:20px;height:20px}
  .nav .gav-rolagem>li.aberto>.rotulo .mob-seta{transform:rotate(90deg)}
  .nav .gav-rolagem>li.atual>a,.nav .gav-rolagem>li.atual>.rotulo{background:var(--menu-ativo);color:var(--menu-ativo-txt)}
  .nav .gav-rolagem>li.atual>a .mob-ic,.nav .gav-rolagem>li.atual>.rotulo .mob-ic{background:rgba(255,255,255,.22);color:#fff}
  .nav .gav-rolagem>li.atual>.rotulo .mob-seta{color:#fff}
  .nav .gav-rolagem>li>ul{padding:2px 0 8px 0;margin-left:28px;border-left:1px solid var(--linha)}
  .nav .gav-rolagem>li>ul>li>a{display:flex;align-items:center;gap:11px;min-height:48px;padding:8px 12px;
    font-family:var(--f-txt);font-weight:400;font-size:.9rem;color:var(--texto)}
  .nav .gav-rolagem>li>ul>li>a .mob-ic{width:30px;height:30px;border-radius:9px;background:transparent;opacity:.85}
  .nav .gav-rolagem>li>ul>li>a .mob-ic svg{width:17px;height:17px}
  .nav .gav-rolagem>li>ul>li>a .mob-tx{flex:1}
  .nav .gav-topo svg{width:18px;height:18px}
}

@media(max-width:1180px){.nav .gav-rolagem>li>.rotulo::after{display:none!important}}

@media(max-width:1180px){.nav .gav-topo img{height:56px}.nav .gav-topo{padding:14px 16px}}

/* rodapé da gaveta mobile — 4 versões (?rodape=1..4), 14/09/2026 */
@media(max-width:1180px){
  .nav .gav-pe{gap:10px;flex-wrap:wrap}
  .nav .gav-pe .gav-en{display:inline-flex;align-items:center;gap:10px;border:0;background:var(--terra);color:#fff;
    padding:11px 16px;border-radius:999px;font-family:var(--f-tit);font-weight:600;font-size:.72rem;letter-spacing:.1em;
    text-decoration:none;min-height:44px}
  .nav .gav-pe .gav-en:hover{background:var(--terra-esc);color:#fff}
  .nav .gav-pe .gav-band{flex:0 0 auto;width:24px;height:16px;border-radius:3px;overflow:hidden;display:block;
    box-shadow:0 0 0 1px rgba(255,255,255,.4)}
  .nav .gav-pe .gav-band svg{width:24px;height:16px;display:block}
  .nav .gav-pe .gav-redes{display:flex;align-items:center;gap:9px}
  .nav .gav-pe .gav-redes a{width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;
    background:var(--verde-esc);color:#fff;border-radius:999px;transition:background .2s,transform .2s}
  .nav .gav-pe .gav-redes a:hover{background:var(--verde-escuro);transform:translateY(-1px)}
  .nav .gav-pe .gav-redes a svg{width:19px;height:19px;display:block;fill:currentColor;stroke:none}

  /* 2 — pastilhas quadradas */
  .nav .gav-pe.rp2 .gav-redes a{border-radius:13px}
  .nav .gav-pe.rp2 .gav-en{border-radius:13px}

  /* 3 — as três redes numa barra verde só */
  .nav .gav-pe.rp3 .gav-redes{background:var(--verde-esc);border-radius:999px;padding:4px;gap:2px}
  .nav .gav-pe.rp3 .gav-redes a{background:transparent;width:40px;height:40px}
  .nav .gav-pe.rp3 .gav-redes a:hover{background:rgba(255,255,255,.18);transform:none}

  /* 4 — verde escuro com anel claro */
  .nav .gav-pe.rp4 .gav-redes a{background:var(--verde-escuro);box-shadow:0 0 0 2px rgba(127,186,123,.45)}
  .nav .gav-pe.rp4 .gav-en{background:var(--terra);box-shadow:0 0 0 2px rgba(255,255,255,.5)}
  .nav .gav-pe.rp4 .gav-band{border-radius:999px;width:22px;height:22px;box-shadow:0 0 0 2px rgba(255,255,255,.55)}
  .nav .gav-pe.rp4 .gav-band svg{width:32px;height:22px;margin-left:-5px}
}

/* ajustes 14/09/2026: bandeira em cor única e redes no mesmo verde do item selecionado */
@media(max-width:1180px){
  .nav .gav-pe .gav-band{background:transparent;box-shadow:none;overflow:visible;width:26px;height:18px;color:#fff}
  .nav .gav-pe .gav-band svg{width:26px;height:18px;color:#fff}
  .nav .gav-pe .gav-redes a{background:var(--menu-ativo)}
  .nav .gav-pe .gav-redes a:hover{background:var(--verde-esc)}
  .nav .gav-pe.rp3 .gav-redes{background:var(--menu-ativo)}
  .nav .gav-pe.rp3 .gav-redes a{background:transparent}
  .nav .gav-pe.rp4 .gav-redes a{background:var(--menu-ativo);box-shadow:0 0 0 2px rgba(23,58,34,.28)}
  .nav .gav-pe.rp4 .gav-band{width:26px;height:18px;border-radius:0;box-shadow:none}
  .nav .gav-pe.rp4 .gav-band svg{width:26px;height:18px;margin:0}
}

/* 14/09/2026 — no celular a barra escura do topo sai; ENGLISH e redes ficam dentro da gaveta */
@media(max-width:1180px){ .barra-topo{display:none!important} }

/* 14/09/2026 — tira o aviso "Preview · home aprovada" da barra do topo */
.barra-topo .aviso{display:none!important}
.barra-topo .container{display:flex;align-items:center;justify-content:flex-end}

/* 14/09/2026 — gaveta mais compacta no celular (altura das linhas e respiros menores) */
@media(max-width:1180px){
  .nav .gav-topo{padding:8px 14px}
  .nav .gav-rolagem{padding:6px 10px 12px}
  .nav .gav-rolagem>li>a,.nav .gav-rolagem>li>.rotulo{min-height:48px;padding:6px 11px;font-size:.8rem}
  .nav .mob-ic{width:34px;height:34px;border-radius:10px}
  .nav .mob-ic svg{width:18px;height:18px}
  .nav .gav-rolagem>li>ul{padding:0 0 6px 0;margin-left:24px}
  .nav .gav-rolagem>li>ul>li>a{min-height:42px;padding:5px 11px;font-size:.86rem}
  .nav .gav-rolagem>li>ul>li>a .mob-ic{width:26px;height:26px}
  .nav .gav-rolagem>li>ul>li>a .mob-ic svg{width:15px;height:15px}
  .nav .gav-pe{padding:10px 14px calc(10px + env(safe-area-inset-bottom))}
  .nav .gav-pe .gav-en{padding:10px 14px;min-height:42px}
  .nav .gav-pe .gav-redes a{width:40px;height:40px}
  .nav .gav-fechar{width:42px;height:42px;border-radius:12px}
  .topo-in{min-height:76px}
}

/* ================= AJUSTES 14/09/2026 — parte 1: logo, rodapé da gaveta, viúvas ============ */
h1,h2,h3,h4,h5,.pb-tit{text-wrap:balance}
main p,figcaption,.pb-corpo p,.eq-txt p{text-wrap:pretty}
br.qbr{display:none}

@media(max-width:1180px){
  .topo .logo img{height:68px!important;width:auto!important}
  .topo-in{min-height:92px}
  .nav .gav-topo{padding:12px 26px}
  .nav .gav-topo img{height:68px!important;width:auto!important}
  .nav .gav-topo>a{display:block;line-height:0}
  .nav .gav-pe{justify-content:space-between;gap:10px;padding-left:26px;padding-right:26px}
  .nav .gav-pe .gav-en{width:40vw;justify-content:center;padding-left:8px;padding-right:8px;gap:8px}
  .nav .gav-pe .gav-redes{width:40vw;justify-content:space-between}
  .nav .gav-pe.rp3 .gav-redes{justify-content:space-around;padding:4px 6px}
  .nav .gav-pe .gav-redes a{flex:0 0 auto}
  br.qbr{display:inline}
}

/* ====== AJUSTES 14/09/2026 — parte 2: equipe, publicações e infográficos no celular ====== */
@media(max-width:780px){
  .p-logos ul{flex-direction:column!important;align-items:center;gap:20px!important}
  .p-logos ul li{width:100%;display:flex;justify-content:center}
  .p-logos ul li img{max-width:190px;width:auto;height:auto;max-height:60px;object-fit:contain}
  .eq-lista{grid-template-columns:minmax(0,1fr)!important}
  .eq-p{grid-template-columns:78px minmax(0,1fr)!important;gap:14px;align-items:start}
  .eq-foto{width:78px!important;height:78px!important;border-radius:50%;overflow:hidden;margin:0;flex:0 0 auto}
  .eq-foto img{width:100%!important;height:100%!important;object-fit:cover;display:block;border-radius:50%}
  .eq-txt{min-width:0}
  .eq-txt h3,.eq-txt h4{font-size:1rem;line-height:1.3}
  .eq-txt p{font-size:.92rem;line-height:1.6;overflow-wrap:anywhere}
}

@media(max-width:780px){
  .pb-area{grid-template-columns:minmax(0,1fr)!important}
  .pb-corpo-lista,.pb-lista,.pb-filtros,.pb-item,.pb-corpo,.pb-busca,.pb-temas,.pb-linha2{min-width:0!important;max-width:100%}
  .pb-busca,.pb-temas,.pb-linha2{width:100%!important}
  .pb-temas{display:flex;flex-wrap:wrap;gap:8px}
  .pb-filtros input[type=range]{width:100%}
  .pb-filtros input[type=text],.pb-filtros input[type=search]{width:100%;min-width:0}
  .pb-item{grid-template-columns:minmax(0,1fr)!important;gap:0}
  .pb-capa-l{width:100%!important;aspect-ratio:16/10;overflow:hidden;display:block}
  .pb-capa-l img{width:100%!important;height:100%!important;object-fit:cover;display:block}
  .pb-corpo{flex-direction:column;padding:14px 16px 18px;gap:8px}
  .pb-corpo .pb-tags{flex-wrap:wrap!important}
  .pb-corpo h2,.pb-corpo h3,.pb-tit{font-size:1.02rem;line-height:1.3}
  .pb-corpo p{font-size:.92rem;line-height:1.6}
  .pb-corpo .btn,.pb-item .btn{width:100%;justify-content:center}
  .inf-lista{grid-template-columns:minmax(0,1fr)!important}
  .inf-capa{aspect-ratio:4/3!important;background:#F7F6EF;display:grid;place-items:center;padding:10px;width:100%!important}
  .inf-capa img{width:100%!important;height:100%!important;object-fit:contain!important}
  .inf-txt{padding:14px 16px 18px}
}

/* 14/09/2026 — interna no celular: "Estudo completo" antes do texto; os outros dois ficam no fim */
@media(max-width:780px){
  .ar-miolo{display:flex!important;flex-direction:column;gap:18px}
  .ar-lado{display:contents}
  .ar-texto{order:2;min-width:0}
  .ar-lado>.ar-caixa{order:3}
  .ar-lado>.ar-caixa:first-child{order:1;margin-bottom:2px}
}

@media(max-width:780px){
  .ar-miolo{display:flex!important;flex-direction:column!important;gap:18px!important}
  .ar-miolo>.ar-lado{display:contents!important}
  .ar-miolo>.ar-texto{order:2!important;min-width:0}
  .ar-miolo>.ar-lado>.ar-caixa{order:3!important;width:auto!important;max-width:100%}
  .ar-miolo>.ar-lado>.ar-caixa:first-child{order:1!important}
}

/* 14/09/2026 — Publicações no celular: cartão inteiro na largura; data, tags e botão centralizados */
@media(max-width:780px){
  .pb-item{width:100%!important}
  .pb-capa-l{border-radius:0!important}
  .pb-corpo{align-items:stretch;text-align:left;width:100%}
  .pb-corpo>*{width:100%}
  .pb-corpo .pb-data,.pb-corpo .pb-meta,.pb-corpo time{display:flex;justify-content:center;text-align:center;width:100%}
  .pb-corpo .pb-tags{justify-content:center;width:100%}
  .pb-corpo .btn,.pb-item .btn,.pb-corpo a.btn{width:100%;justify-content:center;text-align:center}
  .pb-corpo p{width:100%}
}

/* 14/09/2026 — logo da gaveta exatamente na mesma posição do logo do topo */
@media(max-width:1180px){ .nav .gav-topo a{padding:0!important;margin:0} }

/* 14/09/2026 — interna no celular: os três blocos com a mesma largura, centralizados */
@media(max-width:780px){
  .ar-miolo{align-items:stretch}
  .ar-lado>.ar-caixa{width:100%!important;max-width:100%!important;box-sizing:border-box!important;
    margin-left:0!important;margin-right:0!important;align-self:stretch}
}

/* 14/09/2026 — capa da publicação ocupando a largura toda + logos da Equipe maiores */
@media(max-width:780px){
  .pb-capa-l>*{width:100%!important;height:100%!important;display:block}
  .pb-capa-l img{object-fit:cover!important}
  .p-logos ul li img{max-width:250px!important;max-height:82px!important}
}

/* 14/09/2026 — Infográficos no celular: capa na largura do bloco e "Ver Gráfico" à direita */
@media(max-width:780px){
  .inf-item{padding:0!important;overflow:hidden}
  .inf-capa{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;
    aspect-ratio:16/10!important;border-radius:0!important;background:#F7F6EF}
  .inf-capa img{width:100%!important;height:100%!important;object-fit:cover!important}
  .inf-txt{display:flex;flex-direction:column;align-items:flex-start;padding:14px 16px 18px!important;gap:6px}
  .inf-txt .inf-ver{align-self:flex-end;margin-top:2px}
}

/* 14/09/2026 — Publicações no celular: todo o conteúdo do cartão na largura do bloco e centralizado */
@media(max-width:780px){
  .pb-corpo{align-items:center!important;text-align:center!important}
  .pb-corpo>*{width:100%!important;max-width:100%!important}
  .pb-corpo .pb-tit,.pb-corpo h2,.pb-corpo h3,.pb-corpo h2 a,.pb-corpo h3 a{display:block;width:100%;text-align:center}
  .pb-corpo p{text-align:center}
  .pb-corpo .pb-tags{justify-content:center!important}
  .pb-corpo .pb-bt{justify-content:center;text-align:center}
}

/* 14/09/2026 — capa da publicação encostando nas bordas do cartão, como nos infográficos */
@media(max-width:780px){
  .pb-item{padding:0!important;overflow:hidden}
  .pb-capa-l{border-radius:0!important;margin:0!important}
}

/* 14/09/2026 — botão "Ler a publicação completa" centralizado no cartão (celular) */
@media(max-width:780px){
  .pb-corpo .pb-acoes{display:flex!important;justify-content:center!important;align-items:center;width:100%!important;flex-wrap:wrap;gap:8px}
  .pb-corpo .pb-acoes>*{margin-left:auto;margin-right:auto}
}

/* 14/09/2026 — botão de idioma com a mesma altura da barra das redes (48px) */
@media(max-width:1180px){
  .nav .gav-pe{align-items:center}
  .nav .gav-pe .gav-en{height:48px;min-height:48px;padding-top:0;padding-bottom:0;align-items:center;box-sizing:border-box}
  .nav .gav-pe .gav-redes{height:48px;box-sizing:border-box;align-items:center}
}

/* 14/09/2026 — banner da home no celular: bloco de texto centralizado na altura */
@media(max-width:780px){
  .slide{min-height:520px}
  .slide .container{padding-top:60px!important;padding-bottom:60px!important;display:flex;align-items:center}
  .slide .info{width:100%}
}

/* ============ 4 versões de destaque para o bloco do CURSO (?curso=1..4) — 14/09/2026 ===== */
.bloco.curso{position:relative}

/* 1 — Selo no canto + anel que pulsa + brilho passando no botão */
.bloco.curso.cs1{box-shadow:0 0 0 2px rgba(127,186,123,.55),var(--sombra-m);animation:cursoAnel 2.8s ease-in-out infinite}
@keyframes cursoAnel{0%,100%{box-shadow:0 0 0 2px rgba(127,186,123,.45),var(--sombra-m)}50%{box-shadow:0 0 0 6px rgba(127,186,123,.18),var(--sombra-m)}}
.bloco.curso.cs1::before{content:"CURSO";position:absolute;top:-11px;left:24px;background:var(--verde-esc);color:#fff;
  font-family:var(--f-tit);font-weight:700;font-size:.6rem;letter-spacing:.16em;padding:6px 12px;border-radius:999px;
  box-shadow:0 4px 12px rgba(23,58,34,.25)}
.bloco.curso.cs1 .btn{position:relative;overflow:hidden}
.bloco.curso.cs1 .btn::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);animation:cursoBrilho 3.2s ease-in-out infinite}
@keyframes cursoBrilho{0%{left:-60%}60%,100%{left:120%}}

/* 2 — Cartão em verde escuro, o oposto do bloco ao lado */
.bloco.curso.cs2{background:var(--verde-escuro);border-color:transparent}
.bloco.curso.cs2 h3{color:#fff}
.bloco.curso.cs2 p{color:rgba(255,255,255,.78)}
.bloco.curso.cs2 .icone{background:rgba(127,186,123,.22);color:#A9D6A5;animation:cursoBate 2.6s ease-in-out infinite}
.bloco.curso.cs2 .btn{background:var(--verde);color:#123020;border-color:transparent}
.bloco.curso.cs2 .btn:hover{background:#fff;color:var(--verde-escuro)}
@keyframes cursoBate{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}

/* 3 — Borda de luz girando em volta do cartão */
.bloco.curso.cs3{background:#fff;border:0;padding:calc(34px + 2px) calc(24px + 2px)}
.bloco.curso.cs3::before{content:"";position:absolute;inset:-2px;border-radius:16px;z-index:-1;
  background:conic-gradient(from 0deg,var(--verde),var(--verde-esc),#DCEAD7,var(--verde));animation:cursoGira 6s linear infinite}
@keyframes cursoGira{to{transform:rotate(1turn)}}
.bloco.curso.cs3 .btn svg{transition:transform .25s}
.bloco.curso.cs3:hover .btn svg{transform:translateX(5px)}

/* 4 — Faixa verde no topo que preenche + cartão levantado */
.bloco.curso.cs4{transform:translateY(-6px);box-shadow:var(--sombra-m);overflow:hidden}
.bloco.curso.cs4::before{content:"";position:absolute;top:0;left:0;height:6px;width:100%;
  background:linear-gradient(90deg,var(--verde-esc),var(--verde));transform-origin:left;animation:cursoFaixa 1.1s .2s cubic-bezier(.4,0,.2,1) both}
@keyframes cursoFaixa{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.bloco.curso.cs4 h3{position:relative;display:inline-block;padding-bottom:6px}
.bloco.curso.cs4 h3::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--verde);
  transform-origin:left;animation:cursoFaixa 1.1s .5s cubic-bezier(.4,0,.2,1) both;border-radius:2px}
.bloco.curso.cs4 .icone{box-shadow:0 0 0 6px rgba(127,186,123,.16)}

@media(prefers-reduced-motion:reduce){
  .bloco.curso.cs1,.bloco.curso.cs1 .btn::after,.bloco.curso.cs2 .icone,.bloco.curso.cs3::before,
  .bloco.curso.cs4::before,.bloco.curso.cs4 h3::after{animation:none!important}
}

/* correção da versão 3: borda de luz que corre, sem vazar nos cantos */
.bloco.curso.cs3{padding:34px 24px!important;border:2px solid transparent!important;border-radius:16px;
  background:linear-gradient(#fff,#fff) padding-box,
             linear-gradient(90deg,var(--verde),var(--verde-esc),#DCEAD7,var(--verde-esc),var(--verde)) border-box!important;
  background-size:auto,300% 100%!important;animation:cursoDesliza 5s linear infinite}
.bloco.curso.cs3::before{content:none!important}
@keyframes cursoDesliza{from{background-position:0 0,0% 0}to{background-position:0 0,300% 0}}
@media(prefers-reduced-motion:reduce){.bloco.curso.cs3{animation:none!important}}

/* ======= FRISO CORRENDO EM VOLTA DO BLOCO DO CURSO — 4 versões (?friso=1..4) ======= */
@property --friso-ang{syntax:'<angle>';inherits:false;initial-value:0deg}
.bloco.curso[class*="fr"]{position:relative;background:#fff;border:2px solid #E4E9E2;border-radius:16px;isolation:isolate}
.bloco.curso[class*="fr"]::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;pointer-events:none;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}
@keyframes frisoGira{to{--friso-ang:360deg}}

/* 1 — friso fino e rápido, com rastro curto */
.bloco.curso.fr1::after{background:conic-gradient(from var(--friso-ang),transparent 0 78%,rgba(127,186,123,.5) 86%,#7FBA7B 93%,#fff 97%,transparent 100%);
  animation:frisoGira 3s linear infinite}

/* 2 — dois frisos em lados opostos */
.bloco.curso.fr2::after{padding:2px;background:conic-gradient(from var(--friso-ang),
  transparent 0 40%,#7FBA7B 46%,#fff 48%,transparent 52%,transparent 90%,#7FBA7B 96%,#fff 98%,transparent 100%);
  animation:frisoGira 4.5s linear infinite}

/* 3 — friso mais largo, com rastro longo (cometa) */
.bloco.curso.fr3::after{padding:3px;background:conic-gradient(from var(--friso-ang),
  transparent 0 55%,rgba(127,186,123,.18) 70%,rgba(127,186,123,.6) 88%,#3F7A3C 95%,#EAF6E6 99%,transparent 100%);
  animation:frisoGira 6s linear infinite}

/* 4 — friso com brilho: o cartão acende junto */
.bloco.curso.fr4{border-color:#DCEAD7}
.bloco.curso.fr4::after{padding:2px;background:conic-gradient(from var(--friso-ang),
  transparent 0 80%,#A9D6A5 88%,#fff 94%,transparent 100%);
  animation:frisoGira 3.6s linear infinite;filter:drop-shadow(0 0 5px rgba(127,186,123,.85))}
.bloco.curso.fr4{animation:frisoPulso 3.6s ease-in-out infinite}
@keyframes frisoPulso{0%,100%{box-shadow:0 0 0 0 rgba(127,186,123,0)}50%{box-shadow:0 0 22px 0 rgba(127,186,123,.28)}}

@media(prefers-reduced-motion:reduce){
  .bloco.curso[class*="fr"]::after{animation:none!important;background:linear-gradient(90deg,var(--verde),var(--verde-esc))!important}
  .bloco.curso.fr4{animation:none!important}
}

/* ===== 05/10/2026 — padrão único de botão em todo o site: o formato da home (.btn, cantos de 6px) ===== */
:root{--raio-bt:6px}
.btn,.ar-bt,.ar-rede,.ct-aba,.ct-copiar,.ct-enviar,.ar-form button,.ar-form input[type=email],.ar-form input[type=text]:not([tabindex="-1"]),
.pb-bt,.pb-mais,.pb-chip,.sn-bt,.np-ler,.dz-bt,.evf-gatilho,.evf-bt,.md-ano{border-radius:var(--raio-bt) !important}/* campos de formulário no mesmo raio dos botões */
main input[type=text],main input[type=email],main input[type=tel],main input[type=search],main textarea,main select{border-radius:var(--raio-bt)}/* ===== 05/10/2026 — tratamento único de imagem em todo o site =====
   - fotos e capas de conteúdo: cantos de 12px (o mesmo dos cards da home), sem sombra, sem filtro, recorte "cover"
   - topo das páginas (banner): mesma foto, mesma transparência (0,5) sobre o fundo escuro
   - exceções de propósito: retratos da equipe em círculo; logos de parceiros sem recorte */
:root{--raio-img:12px}
.man-foto,.pb-capa,.an-capa,.au-moldura,.inf-capa,.sn-capa,.np-foto,.dz-foto,.p-ini-foto img,.cu-img img,.ar-texto img,.mcu-item img{border-radius:var(--raio-img) !important;box-shadow:none !important;filter:none !important}
.man-foto img,.pb-capa img,.an-capa img,.au-moldura img,.inf-capa img,.sn-capa img,.np-foto img,.dz-foto img{object-fit:cover}
.p-hero .capa{opacity:.5 !important;filter:none !important}/* caixas de busca (o contorno fica no invólucro) no mesmo raio */
main [class*="busca"]:not(input):not(button),.mcu [class*="busca"]:not(input):not(button){border-radius:var(--raio-bt) !important}/* ===== 05/10/2026 — mesma regra de Quem somos em Publicações, Multimídia e Na Mídia:
   linhas com a mesma quantidade de caracteres (justificado + hifenização pt-BR; no banner a última linha fica centralizada) ===== */
main.pa:is(.plc,.sn,.np,.dz,.an,.au,.inf,.mid) .p-hero-txt .lead{text-align:center;text-align-last:auto;text-wrap:balance;-webkit-hyphens:manual;hyphens:manual}
main.pa:is(.plc,.sn,.np,.dz,.an,.au,.inf,.mid) p:not(.p-hero-txt p):not(.lead),
main.art .ar-texto p, main.art .ar-texto li{text-align:justify;-webkit-hyphens:manual;hyphens:manual;text-wrap:pretty}/* ===== 05/10/2026 — descrições do topo equilibradas: todas as linhas com praticamente a mesma quantidade de caracteres, sem hifenizar (pedido do Geiber) ===== */
main .p-hero-txt .lead{text-align:center !important;text-align-last:auto !important;text-wrap:balance;-webkit-hyphens:manual !important;hyphens:manual !important}/* ===== 05/10/2026 — padrão único de data nas publicações: ícone de calendário + "10 de setembro de 2026", 12px, cinza ===== */
.pb-data{display:inline-flex;align-items:center;gap:6px;font-family:var(--f-txt,Rubik),system-ui,sans-serif;font-size:12px;font-weight:400;line-height:1;letter-spacing:.02em;color:#8b948d;text-transform:none}
.pb-data svg{width:13px;height:13px;flex:0 0 13px}
.sn-data.pb-data,.np-data.pb-data,.ar-outras2 .pb-data{display:inline-flex !important;align-items:center !important;gap:6px !important;font-family:var(--f-txt,Rubik),system-ui,sans-serif !important;font-size:12px !important;font-weight:400 !important;letter-spacing:.02em !important;text-transform:none !important;color:#8b948d !important;background:none !important;padding:0 !important}/* ===== 05/10/2026 — botões verdes no padrão do menu (pedido do Geiber) — todas as páginas, EXCETO a página de Cursos =====
   repouso = item ativo do menu (#80BC7B, texto branco) · hover/foco = igual ao item ativo do menu: NÃO muda (sem escurecer, sem clarear, sem mexer) */
main:not(.cu) :is(.btn.acao,.pb-bt-p,.sn-bt-p,.np-ler,.ar-bt-p,.ar-form button,.ct-enviar,.au-play,.pb-chip.ativo,.md-ano.atual,.ct-aba[aria-selected="true"]){
  background:var(--menu-ativo,#80BC7B) !important;background-image:none !important;border-color:var(--menu-ativo,#80BC7B) !important;color:var(--menu-ativo-txt,#fff) !important;filter:none !important;box-shadow:none !important;transition:background-color .2s,color .2s,border-color .2s !important}
main:not(.cu) :is(.btn.acao,.pb-bt-p,.sn-bt-p,.np-ler,.ar-bt-p,.ar-form button,.ct-enviar,.au-play,.pb-chip.ativo,.md-ano.atual,.ct-aba[aria-selected="true"]):is(:hover,:focus-visible){
  background:var(--verde-claro,#edf5eb) !important;border-color:var(--verde-claro,#edf5eb) !important;color:var(--verde-esc,#3f7a3c) !important;filter:none !important;box-shadow:none !important}
main:not(.cu) :is(.btn.acao,.pb-bt-p,.sn-bt-p,.np-ler,.ar-bt-p,.ar-form button,.ct-enviar,.au-play) svg{stroke:currentColor}/* ===== 05/10/2026 — tags verdes (temas) no tamanho da data: 12px, em todo o site (pedido do Geiber) ===== */
.pb-tag,.ar-cat{font-family:var(--f-tit,Montserrat),system-ui,sans-serif !important;font-size:12px !important;font-weight:600 !important;line-height:1 !important;letter-spacing:0 !important;text-transform:none !important;color:#3f7a3c !important;background:#edf5eb !important;padding:5px 10px !important;border-radius:999px !important;display:inline-flex !important;align-items:center !important}/* ===== 05/10/2026 — card padrão da Home em qualquer página (Home "Publicações Recentes" e "Outras Publicações" das internas) ===== */
.recentes .hp-corpo{display:flex;flex-direction:column;gap:11px}
.recentes .hp-corpo .pb-tit{font:700 17px/1.32 var(--f-tit,Montserrat),system-ui,sans-serif !important;text-transform:none !important;letter-spacing:-.022em !important;color:#1b2820;margin:0;text-wrap:balance}
.recentes .hp-corpo .pb-tit a{color:inherit;text-decoration:none}
.recentes .hp-corpo .pb-tit a:hover{color:var(--verde-esc,#3f7a3c)}
.recentes .hp-corpo .pb-tags{display:flex;flex-wrap:wrap;gap:7px}
.recentes .hp-corpo .pb-txt{font:400 .96rem/1.72 var(--f-txt,Rubik),system-ui,sans-serif;color:#56605b;margin:0;text-align:justify;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}/* ===== 05/10/2026 — títulos dos cards sem caixa alta (pedido do Geiber); o texto vem em "frase" (1ª letra + nomes próprios) via _links_off ===== */
main .pb-tit,main .pb-tit a{text-transform:none !important}
/* _____ 05/10/2026 — cards: título menor e botão proporcional (pedido do Geiber) _____ */
html body main .pb-tit,html body main .recentes .hp-corpo .pb-tit{font:700 15px/1.38 var(--f-tit,Montserrat),system-ui,sans-serif !important;letter-spacing:0 !important}
html body main .pb-bt-p,html body main .sn-bt-p,html body main .np-ler{font:600 12.5px/1.2 var(--f-tit,Montserrat),system-ui,sans-serif !important;padding:7px 13px !important;gap:6px !important;min-height:0 !important}
html body main .pb-bt-p svg,html body main .sn-bt-p svg,html body main .np-ler svg{width:12px !important;height:12px !important}/* _____ 05/10/2026 — botão secundário dos cards (ex.: "Baixar o estudo") no mesmo tamanho do verde _____ */
html body main .sn-bt-s,html body main .pb-bt-s,html body main .np-bt-s{font:600 12.5px/1.2 var(--f-tit,Montserrat),system-ui,sans-serif !important;padding:7px 13px !important;gap:6px !important;min-height:0 !important}
html body main .sn-bt-s svg,html body main .pb-bt-s svg,html body main .np-bt-s svg{width:12px !important;height:12px !important}/* _____ 05/10/2026 — "Baixar o estudo completo" das publicações com o MESMO efeito do botão do Curso (opção 2 Brilho, verde do menu) _____ */
html body main:not(.cu) .ar-bt.ar-bt-p.ar-bt-p{position:relative !important;overflow:hidden !important;isolation:isolate;background:linear-gradient(135deg,#8DC688 0%,#80BC7B 50%,#74B06F 100%) !important;color:#fff !important;border-color:transparent !important;box-shadow:0 12px 26px rgba(128,188,123,.42) !important;transition:background .25s,box-shadow .25s}
html body main:not(.cu) .ar-bt.ar-bt-p.ar-bt-p:hover,html body main:not(.cu) .ar-bt.ar-bt-p.ar-bt-p:focus-visible{background:linear-gradient(135deg,#80BC7B 0%,#74B06F 50%,#67A262 100%) !important;color:#fff !important;box-shadow:0 14px 30px rgba(128,188,123,.5) !important}
html body main:not(.cu) .ar-bt.ar-bt-p.ar-bt-p::after{content:"";position:absolute;top:0;left:-60%;width:45%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-20deg);animation:btBrilhoAr 3.2s ease-in-out infinite;pointer-events:none}
@keyframes btBrilhoAr{0%{left:-60%}55%,100%{left:130%}}
@media (prefers-reduced-motion:reduce){html body main:not(.cu) .ar-bt.ar-bt-p.ar-bt-p::after{animation:none;display:none}}/* _____ 05/10/2026 — bloco separado "Autores" na coluna lateral das internas (pedido do Geiber) _____ */
.ar-autores h2{display:flex;align-items:center;gap:8px}
.ar-autores h2 svg{width:16px !important;height:16px !important;flex:0 0 16px;color:var(--verde-esc,#3f7a3c)}
.ar-autores-lista{list-style:none !important;margin:12px 0 0 !important;padding:0 !important}
.ar-autores-lista li{list-style:none !important;margin:0 !important;padding:9px 0 !important;border-top:1px solid rgba(27,40,32,.09);font:600 .96rem/1.4 var(--f-tit,Montserrat),system-ui,sans-serif;color:#1b2820}
.ar-autores-lista li:first-child{border-top:0;padding-top:2px !important}
.ar-autores-lista li:last-child{padding-bottom:0 !important}
.ar-autores-lista li::before,.ar-autores-lista li::marker{content:none !important;display:none !important}/* _____ 05/10/2026 — sem negrito nos nomes dos Temas e dos Autores da coluna lateral (pedido do Geiber) _____ */
html body .ar-meta-lista li.ar-temas b,html body .ar-meta-lista li.ar-temas b a{font-weight:400 !important}
html body .ar-autores-lista li{font-weight:400 !important}/* _____ 05/10/2026 — títulos da coluna lateral na mesma cor de "AUTORES"/"ESTUDO COMPLETO" (#1b2820), ícones no verde do ícone de Autores; Compartilhar fica como está (pedido do Geiber) _____ */
html body .ar-lado .ar-meta-lista li > span{color:#1b2820 !important}
html body .ar-lado .ar-meta-lista li > span svg{color:#3f7a3c !important;stroke:#3f7a3c !important}/* _____ 05/10/2026 — rótulos da ficha (Publicado em, Temas, DOI) EXATAMENTE como o título "AUTORES" (pedido do Geiber) _____ */
html body .ar-lado .ar-meta-lista li > span{font-family:var(--f-tit,Montserrat),system-ui,sans-serif !important;font-size:17px !important;font-weight:700 !important;letter-spacing:-.022em !important;text-transform:uppercase !important;line-height:1.3 !important;color:#1b2820 !important;display:flex !important;align-items:center !important;gap:8px !important}
html body .ar-lado .ar-meta-lista li > span svg{width:16px !important;height:16px !important;flex:0 0 16px}/* _____ 05/10/2026 — data (e DOI) sem negrito, igual ao texto dos Temas e dos Autores (pedido do Geiber) _____ */
html body .ar-lado .ar-meta-lista li > b,html body .ar-lado .ar-meta-lista li > b a{font-weight:400 !important}/* _____ 06/10/2026 — conteúdo do cartão da página Publicações centralizado na altura do bloco (pedido do Geiber) _____ */
html body main .pb-item .pb-corpo{justify-content:center !important}/* _____ 06/10/2026 — rodapé: copyright à esquerda + "Desenvolvido por:" com a logo Valor Compartilhado à direita (desktop); empilhado e centralizado no celular _____ */
.rodape .rp-dev{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:14px;font-size:inherit;line-height:1;color:inherit}
.rodape .rp-dev span{opacity:.92;white-space:nowrap}
.rodape .rp-dev a{display:inline-flex;line-height:0;transition:opacity .2s}
.rodape .rp-dev a:hover,.rodape .rp-dev a:focus-visible{opacity:.8}
.rodape .rp-dev img{height:40px;width:auto;display:block}
@media (min-width:900px){.rodape .container{display:flex;align-items:center;justify-content:space-between;gap:32px}.rodape .container > p{text-align:left !important;margin:0 !important}.rodape .container > p br.qbr{display:none}.rodape .rp-dev{margin-top:0;justify-content:flex-end}}/* _____ 06/10/2026 — logo Valor Compartilhado v2: "compartilhado" em texto Montserrat, ocupando a largura do VALOR como na logo original _____ */
.rodape .rp-logo{display:inline-flex !important;flex-direction:column;align-items:stretch;gap:3px;line-height:1 !important;color:#fff;text-decoration:none}
.rodape .rp-logo img{height:30px !important;width:auto;display:block}
.rodape .rp-sub{display:flex;justify-content:space-between;font-family:Montserrat,system-ui,sans-serif;font-weight:500;font-size:12px;line-height:1;color:#fff;letter-spacing:0;text-transform:lowercase}
.rodape .rp-sub i{font-style:normal}/* _____ 06/10/2026 — logo Valor Compartilhado: 20% menor e "compartilhado" com traço fino (Montserrat 300) _____ */
.rodape .rp-logo{gap:2px !important}
.rodape .rp-logo img{height:24px !important}
.rodape .rp-sub{font-weight:300 !important;font-size:9.6px !important}
/* ===== 14/10/2026 — Bloco DOI, modelo C (ficha tecnica), acima de Compartilhar ===== */
.ar-doi-box dl.dx-ficha{margin:0}
.ar-doi-box dl.dx-ficha>div{padding:12px 0;border-top:1px solid #e4e9e2}
.ar-doi-box dl.dx-ficha>div:first-child{border-top:0;padding-top:4px}
.ar-doi-box dl.dx-ficha dt{font:700 12px/1.2 Montserrat,system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#5d6b60;margin:0 0 5px}
.ar-doi-box dl.dx-ficha dd{margin:0;font:400 15.36px/1.45 Montserrat,system-ui,-apple-system,"Segoe UI",sans-serif;color:#1b2820;word-break:break-word;overflow-wrap:anywhere}
.ar-doi-box dl.dx-ficha dd a{color:#3f7a3c;font-weight:600;text-decoration:none}
.ar-doi-box dl.dx-ficha dd a:hover,.ar-doi-box dl.dx-ficha dd a:focus-visible{text-decoration:underline}

.ar-doi-box h2{display:flex;align-items:center;gap:8px}
.ar-doi-box h2 svg{width:16px !important;height:16px !important;flex:0 0 16px;color:var(--verde-esc,#3f7a3c)}
.ar-doi-box dl.dx-ficha{margin-top:10px}