/* ==========================================================================
   Theta Economics · folha de estilos (rebranding, novembro de 2026)

   Conceito: fotografias de página inteira que ficam paradas enquanto o texto
   rola por cima delas. A passagem para cada foto usa uma de quatro transições,
   escolhida no HTML pelo atributo data-transicao da janela:
     iris       a foto se abre de dentro de um oval cortado por uma barra
                laranja, o desenho do θ da marca;
     fenda      a foto se abre a partir de uma linha horizontal no centro;
     persianas  faixas verticais recolhem-se em alturas desencontradas;
     (nenhuma)  capas e hero, que se revelam por persianas ao carregar.
   Na coluna fixa de projetos, as fotos se sucedem por varredura diagonal.

   Princípios: cantos retos, cores chapadas, sem sombras nem degradês.
   O θ é a única forma curva, e por isso a íris é oval.

   Tipografia:
     Chakra Petch (títulos), a mesma família do logotipo, de cantos retos.
     IBM Plex Sans (texto corrido) e IBM Plex Mono (números e rótulos).
   ========================================================================== */

@font-face{font-family:"Chakra Petch";src:url(../fonts/chakra-petch-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Chakra Petch";src:url(../fonts/chakra-petch-latin-500-normal.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Chakra Petch";src:url(../fonts/chakra-petch-latin-600-normal.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Chakra Petch";src:url(../fonts/chakra-petch-latin-700-normal.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Plex Sans";src:url(../fonts/ibm-plex-sans-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Plex Sans";src:url(../fonts/ibm-plex-sans-latin-500-normal.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Plex Sans";src:url(../fonts/ibm-plex-sans-latin-600-normal.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Plex Mono";src:url(../fonts/ibm-plex-mono-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Plex Mono";src:url(../fonts/ibm-plex-mono-latin-500-normal.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}

:root{
  /* cor */
  --tinta:#0f2236;      /* azul-tinta: fundos escuros, botões, texto forte */
  --tinta-2:#1b3652;    /* fios e superfícies sobre o azul-tinta */
  --tinta-3:#9db0c4;    /* texto secundário sobre o azul-tinta */
  --laranja:#fa692f;    /* o laranja do θ no logotipo */
  --laranja-f:#b8440f;  /* laranja escurecido, para texto pequeno sobre branco e cinza */
  --papel:#ffffff;
  --pedra:#eef1f4;      /* faixa clara, cinza azulado frio */
  --grafite:#141414;    /* cor do texto do logotipo */
  --texto:#132131;
  --texto-2:#4c5a69;
  --fio:#d3dae2;
  --veu:rgba(10,24,40,.5);
  --veu-forte:rgba(10,24,40,.72);

  /* tipo */
  --f-titulo:"Chakra Petch","Plex Sans",system-ui,sans-serif;
  --f-texto:"Plex Sans","IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"Plex Mono","IBM Plex Mono",ui-monospace,Menlo,monospace;

  --t-0:.8125rem; --t-1:1rem; --t-2:1.1875rem; --t-3:1.5rem; --t-4:2rem;
  --t-5:clamp(2.125rem,4.2vw,3.5rem);
  --t-6:clamp(3rem,8vw,7rem);

  --largura:1240px;
  --alto-topo:76px;
  --curva:cubic-bezier(.7,0,.2,1);
  --sai:cubic-bezier(.2,.7,.2,1);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--alto-topo) + 16px)}
body{margin:0;background:var(--papel);color:var(--texto);font:400 var(--t-1)/1.7 var(--f-texto);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
@supports (overflow:clip){body{overflow-x:clip}}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--f-titulo);font-weight:600;line-height:1.06;margin:0;text-wrap:balance;letter-spacing:-.012em}
p{margin:0 0 1em}
p:last-child{margin-bottom:0}
ul,ol{margin:0;padding:0;list-style:none}
:focus-visible{outline:2px solid var(--laranja);outline-offset:3px}
::selection{background:var(--laranja);color:var(--tinta)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.wrap{max-width:var(--largura);margin:0 auto;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}
@media (max-width:560px){.wrap{padding-left:max(18px,env(safe-area-inset-left,0px));padding-right:max(18px,env(safe-area-inset-right,0px))}}

.pular{position:absolute;left:-9999px;top:0;z-index:100;background:var(--tinta);color:var(--papel);padding:12px 16px}
.pular:focus{left:16px;top:16px}

/* ---------- cabeçalho ---------- */
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--tinta)}
.topo{position:fixed;top:env(safe-area-inset-top,0px);left:0;right:0;z-index:50;height:var(--alto-topo);color:var(--papel);border-bottom:1px solid rgba(255,255,255,.18);transition:background-color .35s ease,color .35s ease,border-color .35s ease}
.topo .wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.marca{display:block;position:relative;width:124px;height:46px;flex:none}
.marca img{position:absolute;inset:0;width:100%;height:100%;transition:opacity .35s ease}
.marca .escura{opacity:0}
.menu{display:flex;align-items:center;gap:2px}
.menu a{display:block;padding:10px 13px;font:500 .9375rem/1.2 var(--f-texto);text-decoration:none;letter-spacing:.005em;border-bottom:2px solid transparent}
.menu a:hover{border-bottom-color:currentColor}
.menu a[aria-current="page"]{border-bottom-color:var(--laranja)}
.menu a.contato{margin-left:10px;border:1px solid currentColor;padding:9px 18px}
.menu a.contato:hover{background:var(--laranja);border-color:var(--laranja);color:var(--tinta)}
.topo.solido,.topo.aberto{background:var(--papel);color:var(--tinta);border-bottom-color:var(--fio)}
.topo.solido .marca .clara,.topo.aberto .marca .clara{opacity:0}
.topo.solido .marca .escura,.topo.aberto .marca .escura{opacity:1}
/* barra de leitura: um fio laranja que cresce com a rolagem */
.progresso{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--laranja);transform-origin:0 50%;transform:scaleX(var(--rolagem,0));pointer-events:none}
.botao-menu{display:none;width:44px;height:44px;border:0;background:none;color:inherit;cursor:pointer;position:relative;padding:0}
.botao-menu span,.botao-menu span::before,.botao-menu span::after{position:absolute;left:11px;width:22px;height:2px;background:currentColor;content:"";transition:transform .3s var(--curva),opacity .25s ease}
.botao-menu span{top:21px}
.botao-menu span::before{left:0;top:-7px}
.botao-menu span::after{left:0;top:7px}
.topo.aberto .botao-menu span{background:transparent}
.topo.aberto .botao-menu span::before{transform:translateY(7px) rotate(45deg)}
.topo.aberto .botao-menu span::after{transform:translateY(-7px) rotate(-45deg)}
@media (max-width:1020px){
  :root{--alto-topo:64px}
  .marca{width:103px;height:38px}
  .botao-menu{display:block}
  .topo nav{position:fixed;top:calc(var(--alto-topo) + env(safe-area-inset-top,0px));left:0;right:0;bottom:0;background:var(--papel);color:var(--tinta);padding:12px max(18px,env(safe-area-inset-left,0px)) 40px;overflow-y:auto;border-top:1px solid var(--fio);visibility:hidden;clip-path:inset(0 0 100% 0);transition:clip-path .5s var(--curva),visibility 0s linear .5s}
  .topo.aberto nav{visibility:visible;clip-path:inset(0);transition:clip-path .5s var(--curva)}
  .menu{flex-direction:column;align-items:stretch;gap:0}
  .menu li{opacity:0;transform:translateY(14px);transition:opacity .3s ease,transform .45s var(--sai)}
  .topo.aberto .menu li{opacity:1;transform:none}
  .topo.aberto .menu li:nth-child(2){transition-delay:.04s}.topo.aberto .menu li:nth-child(3){transition-delay:.08s}
  .topo.aberto .menu li:nth-child(4){transition-delay:.12s}.topo.aberto .menu li:nth-child(5){transition-delay:.16s}
  .topo.aberto .menu li:nth-child(6){transition-delay:.2s}
  .menu a{font:500 1.75rem/1.2 var(--f-titulo);padding:16px 0;border-bottom:1px solid var(--fio);display:flex;justify-content:space-between;align-items:center}
  .menu a::after{content:"→";font:400 1.125rem/1 var(--f-mono);color:var(--laranja-f)}
  .menu a[aria-current="page"]{border-bottom-color:var(--fio);color:var(--laranja-f)}
  .menu a.contato{margin:28px 0 0;border:1px solid var(--tinta);padding:16px 18px;font:500 1rem/1.2 var(--f-texto);justify-content:center;gap:12px;background:var(--tinta);color:var(--papel)}
  .menu a.contato::after{color:var(--laranja)}
}
@media (prefers-reduced-motion:reduce){.topo nav,.menu li{transition:none!important}}

/* ---------- janelas fotográficas ----------
   Sem JavaScript: a imagem fica fixa e é recortada pela própria janela.
   Com JavaScript (fotos.js): a imagem e o véu vão para uma .camada, que recebe
   o recorte da transição; o texto fica fora do recorte. fotos.js atualiza
   --p (0 a 1, passagem pela tela) e --e (0 a 1, entrada da janela). */
.janela{position:relative;overflow:hidden;clip-path:inset(0);background:var(--tinta);isolation:isolate;color:var(--papel)}
.janela .foto{position:fixed;inset:0;width:100%;height:100vh;height:100lvh;object-fit:cover;z-index:-2;transform:scale(calc(1.16 - var(--p,0) * .16));transform-origin:50% 40%;will-change:transform}
.janela::before{content:"";position:absolute;inset:0;background:var(--veu);z-index:-1}
.janela > .wrap{width:100%;position:relative}
.janela.montada[data-fundo="papel"]{background:var(--papel)}
.janela.montada[data-fundo="pedra"]{background:var(--pedra)}

.js .janela.montada{clip-path:none}
.js .janela.montada::before{content:none}
.camada{position:absolute;inset:0;z-index:-1;clip-path:inset(0);background:var(--tinta)}
.camada::before{content:"";position:absolute;inset:0;background:var(--veu);z-index:-1}

/* íris θ: oval vertical cortado por uma barra laranja, que se abre até cobrir tudo */
.janela[data-transicao="iris"] .camada{clip-path:ellipse(calc(72% - (1 - var(--e,1)) * 61%) calc(72% - (1 - var(--e,1)) * 36%) at 50% 50%)}
.janela[data-transicao="iris"] .camada::after{content:"";position:absolute;left:0;right:0;top:50%;height:clamp(4px,.55vw,8px);margin-top:-2px;background:var(--laranja);transform:scaleX(calc(.24 + var(--e,1) * .9));opacity:clamp(0,calc(1.25 - var(--e,1) * 1.6),1)}
/* fenda: a foto se abre a partir de uma linha no centro */
.janela[data-transicao="fenda"] .camada{clip-path:inset(calc((1 - var(--e,1)) * 50%) 0 calc((1 - var(--e,1)) * 50%) 0)}
.janela[data-transicao="fenda"]::after{content:"";position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:var(--laranja);z-index:0;transform:scaleX(clamp(0,calc(var(--e,1) * 3),1));opacity:clamp(0,calc(1.3 - var(--e,1) * 1.5),1);pointer-events:none}
/* texto das janelas com transição: entra junto com a foto */
.janela[data-transicao] > .wrap{opacity:clamp(0,calc(var(--e,1) * 1.9 - .7),1);transform:translateY(calc((1 - var(--e,1)) * 40px))}

/* persianas: faixas da cor da seção vizinha que se recolhem */
.persianas{position:absolute;inset:0;display:flex;z-index:0;pointer-events:none}
.persianas i{flex:1;background:var(--tinta);margin-right:-1px;transform-origin:50% 0}
.persianas i:nth-child(even){transform-origin:50% 100%}
.janela[data-fundo="papel"] .persianas i{background:var(--papel)}
.janela[data-fundo="pedra"] .persianas i{background:var(--pedra)}
.janela[data-transicao="persianas"] .persianas i{transform:scaleY(clamp(0,calc(1 - (var(--e,1) * 1.75 - var(--i) * .1)),1))}
/* ao carregar (hero e capas): persianas azul-tinta que sobem em sequência */
.entrada .persianas i{animation:recolhe 1.05s var(--curva) both;animation-delay:calc(var(--i) * 65ms + 80ms)}
@keyframes recolhe{from{transform:scaleY(1)}to{transform:scaleY(0)}}
.entrada .anima{animation:sobe 1s var(--sai) both;animation-delay:calc(var(--d,0) * 1ms + 420ms)}
@keyframes sobe{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}

@media (prefers-reduced-motion:reduce){
  .janela .foto{transform:none}
  .janela .camada{clip-path:inset(0)!important}
  .janela .camada::after,.janela::after,.persianas{display:none!important}
  .janela[data-transicao] > .wrap{opacity:1;transform:none}
  .entrada .anima{animation:none}
}

/* ---------- hero da página inicial ---------- */
.hero{min-height:max(620px,min(100svh,980px));display:flex;flex-direction:column;justify-content:flex-end;padding-top:calc(var(--alto-topo) + 48px);padding-bottom:clamp(56px,9vh,104px)}
.hero .camada::before,.hero:not(.montada)::before{background:rgba(10,24,40,.46)}
.hero h1{font-size:var(--t-6);font-weight:600;line-height:.92;letter-spacing:-.03em;max-width:11ch}
.hero h1 .linha{display:block;overflow:hidden;padding-bottom:.06em}
.hero h1 .linha > span{display:block}
.entrada.hero h1 .linha > span{animation:linha 1.1s var(--sai) both}
.entrada.hero h1 .linha:nth-child(2) > span{animation-delay:.12s}
@keyframes linha{from{transform:translateY(105%)}to{transform:none}}
.hero .lide{font-size:clamp(1.125rem,1.6vw,1.375rem);line-height:1.55;max-width:34ch;margin:28px 0 36px;color:rgba(255,255,255,.92)}
.ponto{color:var(--laranja)}
.hero-areas{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,255,255,.3);font:500 .8125rem/1.3 var(--f-mono);letter-spacing:.04em;text-transform:uppercase;color:rgba(255,255,255,.86)}
.hero-areas li{display:flex;align-items:center;gap:10px}
.hero-areas li::before{content:"";width:7px;height:7px;background:var(--laranja)}
@media (prefers-reduced-motion:reduce){.entrada.hero h1 .linha > span{animation:none}}

/* ---------- faixa de disciplinas (texto que corre com a rolagem) ---------- */
.correnteza{background:var(--tinta);color:var(--papel);padding:clamp(22px,3.4vw,40px) 0;overflow:hidden;border-bottom:1px solid var(--tinta-2)}
.correnteza p{margin:0;white-space:nowrap;font:600 clamp(2.25rem,6.4vw,5.5rem)/1.04 var(--f-titulo);letter-spacing:-.02em;will-change:transform;transform:translateX(calc(var(--c,0) * -1px))}
.correnteza p + p{transform:translateX(calc(-30% + var(--c,0) * 1px));color:transparent;-webkit-text-stroke:1.5px var(--laranja)}
.correnteza span{display:inline-block;padding:0 .3em}
.correnteza span.sep{color:var(--laranja);-webkit-text-stroke:0;padding:0}
.correnteza p + p span.sep{color:var(--papel)}
@media (prefers-reduced-motion:reduce){.correnteza p,.correnteza p + p{transform:none}}

/* ---------- botões ---------- */
.botoes{display:flex;flex-wrap:wrap;gap:12px}
.botao{display:inline-flex;align-items:center;gap:12px;padding:15px 24px;min-height:48px;font:500 .9375rem/1.2 var(--f-texto);text-decoration:none;border:1px solid transparent;transition:background-color .2s ease,color .2s ease,border-color .2s ease}
.botao .seta{transition:transform .2s ease}
.botao:hover .seta{transform:translateX(4px)}
.botao.cheio{background:var(--laranja);color:var(--tinta);border-color:var(--laranja)}
.botao.cheio:hover{background:var(--papel);border-color:var(--papel)}
.botao.vazado{color:var(--papel);border-color:rgba(255,255,255,.7)}
.botao.vazado:hover{background:var(--papel);color:var(--tinta)}
.botao.linha{color:var(--tinta);border-color:var(--tinta);padding:13px 20px}
.botao.linha:hover{background:var(--tinta);color:var(--papel)}
@media (max-width:420px){.hero .botoes .botao{flex:1 1 100%;justify-content:space-between}}

/* ---------- seções ---------- */
.secao{padding:clamp(80px,11vw,144px) 0}
.faixa{background:var(--pedra)}
.escuro{background:var(--tinta);color:var(--papel)}
.rotulo{font:500 var(--t-0)/1.4 var(--f-mono);color:var(--texto-2);letter-spacing:.02em;margin:0 0 22px;display:flex;align-items:baseline;gap:12px}
.rotulo b{font-weight:500;color:var(--laranja-f)}
.rotulo::after{content:"";flex:0 0 48px;height:1px;background:currentColor;opacity:.5;align-self:center}
.escuro .rotulo,.janela .rotulo{color:var(--tinta-3)}
.escuro .rotulo b,.janela .rotulo b{color:var(--laranja)}
h2{font-size:var(--t-5);font-weight:600;line-height:1.04}
.lide{font-size:var(--t-2);line-height:1.62;color:var(--texto)}
.escuro .lide{color:rgba(255,255,255,.88)}
.secao p a,.corpo a,.midia-detalhe-bloco a{text-decoration:underline;text-decoration-color:var(--laranja);text-decoration-thickness:2px;text-underline-offset:3px}
.duas{display:grid;grid-template-columns:5fr 6fr;gap:clamp(32px,6vw,96px);align-items:start}
.duas > *{min-width:0}
.duas .botoes{margin-top:32px}
@media (max-width:860px){.duas{grid-template-columns:1fr;gap:28px}}

/* revelação ao rolar */
.js .revela{transition:transform .9s var(--sai),opacity .9s ease}
.js .revela:not(.visivel){transform:translateY(22px);opacity:.15}
/* fotos que se revelam por varredura ao entrar na tela (celular e cartões de mídia) */
.js .revela-foto{clip-path:inset(100% 0 0 0);transition:clip-path 1.1s var(--curva);transition-delay:calc(var(--i,0) * 110ms)}
.js .revela-foto img{transform:scale(1.18);transition:transform 1.6s var(--curva);transition-delay:calc(var(--i,0) * 110ms)}
.js .revela-foto.visivel{clip-path:inset(0)}
.js .revela-foto.visivel img{transform:scale(1)}
@media (prefers-reduced-motion:reduce){
  .js .revela:not(.visivel){transform:none;opacity:1}
  .js .revela-foto{clip-path:none;transition:none}
  .js .revela-foto img{transform:none;transition:none}
}

/* ---------- multidisciplinar ---------- */
.disciplinas{background:var(--tinta);color:var(--papel);padding:clamp(80px,11vw,144px) 0}
.disciplinas .lide{color:rgba(255,255,255,.88)}
.disc-grade{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--tinta-2);border:1px solid var(--tinta-2);margin-top:clamp(48px,6vw,80px)}
.disc{position:relative;background:var(--tinta);padding:clamp(26px,2.6vw,36px) clamp(22px,2.2vw,30px) 30px;display:flex;flex-direction:column;gap:14px;min-width:0;overflow:hidden}
.disc::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--laranja);transform:scaleX(.18);transform-origin:0 50%;transition:transform .7s var(--curva)}
.disc:hover::before{transform:scaleX(1)}
.disc-num{font:500 .8125rem/1 var(--f-mono);color:var(--laranja)}
.disc h3{font-size:clamp(1.5rem,2.1vw,1.875rem);font-weight:600;line-height:1.08}
.disc > p{font-size:.9375rem;line-height:1.62;color:rgba(255,255,255,.82);margin:0}
.disc ul{margin-top:auto;padding-top:16px;border-top:1px solid var(--tinta-2);display:flex;flex-direction:column;gap:6px}
.disc li{font:400 .75rem/1.45 var(--f-mono);color:var(--tinta-3);padding-left:16px;position:relative}
.disc li::before{content:"";position:absolute;left:0;top:.55em;width:7px;height:1px;background:var(--laranja)}
.disc-outras{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.2fr);gap:clamp(20px,4vw,56px);align-items:start;padding:clamp(26px,3vw,40px) clamp(22px,2.2vw,30px);background:var(--tinta);grid-column:1/-1}
.disc-outras h3{font-size:clamp(1.375rem,2vw,1.75rem)}
.disc-outras p{font-size:.9375rem;color:rgba(255,255,255,.82);margin:10px 0 0}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips li{font:500 .8125rem/1 var(--f-mono);padding:11px 14px;border:1px solid var(--tinta-2);color:var(--papel);transition:background-color .2s ease,border-color .2s ease,color .2s ease}
.chips li:hover{background:var(--laranja);border-color:var(--laranja);color:var(--tinta)}
@media (max-width:1060px){.disc-grade{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.disc-grade{grid-template-columns:1fr}.disc-outras{grid-template-columns:1fr}.disc::before{transform:scaleX(.3)}}

/* etiquetas de área nos cartões de projeto */
.areas{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 0}
.areas li{font:500 .6875rem/1 var(--f-mono);letter-spacing:.03em;text-transform:uppercase;padding:6px 8px;background:var(--pedra);color:var(--tinta)}
.destaque .areas li{background:var(--tinta);color:var(--papel)}

/* ---------- projetos: coluna de fotos fixa com varredura diagonal ---------- */
.projetos{padding:clamp(80px,11vw,144px) 0}
.projetos .cabeca{margin-bottom:clamp(48px,6vw,80px)}
.palco{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,80px);align-items:start}
.palco-fotos{position:sticky;top:calc(var(--alto-topo) + 24px);height:calc(100vh - var(--alto-topo) - 48px);max-height:760px;overflow:hidden;background:var(--tinta)}
.palco-fotos figure{margin:0;position:absolute;inset:0;z-index:1;clip-path:polygon(0 130%,100% 100%,100% 100%,0 130%);transition:clip-path 1.2s var(--curva)}
.palco-fotos figure:nth-child(even){clip-path:polygon(0 100%,100% 130%,100% 130%,0 100%)}
.palco-fotos figure img{width:100%;height:100%;object-fit:cover;transform:scale(1.18);transition:transform 1.7s var(--curva),filter 1.2s ease}
.palco-fotos figure.ativa{z-index:3;clip-path:polygon(0 0,100% -30%,100% 100%,0 100%)}
.palco-fotos figure.ativa:nth-child(even){clip-path:polygon(0 -30%,100% 0,100% 100%,0 100%)}
.palco-fotos figure.ativa img{transform:scale(1)}
.palco-fotos figure.saindo{z-index:2;clip-path:polygon(0 0,100% -30%,100% 100%,0 100%)}
.palco-fotos figure.saindo:nth-child(even){clip-path:polygon(0 -30%,100% 0,100% 100%,0 100%)}
.palco-fotos figure.saindo img{transform:scale(1.06) translateY(-3%);filter:brightness(.55)}
.palco-legenda{position:absolute;left:0;bottom:0;z-index:5;display:flex;align-items:stretch;max-width:calc(100% - 24px);background:var(--tinta);color:var(--papel)}
.palco-legenda .conta{font:500 .75rem/1 var(--f-mono);padding:14px 14px;background:var(--laranja);color:var(--tinta);display:flex;align-items:center}
.palco-legenda .nome{font:500 1rem/1.2 var(--f-titulo);padding:12px 16px;overflow:hidden;display:flex;align-items:center}
.palco-legenda .nome span{display:block;animation:legenda .6s var(--sai) both}
@keyframes legenda{from{transform:translateY(110%);opacity:0}to{transform:none;opacity:1}}
.palco-barra{position:absolute;left:0;top:0;bottom:0;width:3px;z-index:5;background:rgba(255,255,255,.18)}
.palco-barra i{position:absolute;left:0;right:0;top:0;height:100%;background:var(--laranja);transform-origin:50% 0;transform:scaleY(var(--andamento,0));transition:transform .8s var(--curva)}
.grupo{padding-bottom:clamp(56px,7vw,96px)}
.grupo:last-of-type{padding-bottom:0}
.destaque{background:var(--papel);border-top:3px solid var(--laranja);padding:clamp(24px,3.2vw,44px);margin-bottom:24px;display:flex;flex-direction:column;gap:12px}
.destaque h4{font-size:clamp(2rem,3.4vw,2.75rem);font-weight:600;line-height:1}
.destaque-tema{font:500 1.25rem/1.3 var(--f-titulo);color:var(--texto);margin:2px 0 6px}
.destaque p:not(.destaque-tema){font-size:1rem;line-height:1.68;color:var(--texto-2);max-width:66ch;margin:0}
.destaque-pontos{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--fio);margin-top:8px}
.destaque-pontos li{padding:12px 16px 12px 0;border-bottom:1px solid var(--fio);font-size:.9375rem;font-weight:500;color:var(--texto)}
.destaque-pontos li::before{content:"";display:inline-block;width:8px;height:8px;background:var(--laranja);margin-right:10px;vertical-align:1px}
.destaque--aditivo{border-top-color:var(--tinta)}
.destaque--aditivo h4{font-size:clamp(1.75rem,2.8vw,2.25rem)}
.destaque .cred-vinculo{margin-top:8px}
.passo{padding-top:24px}
@media (max-width:600px){.destaque-pontos{grid-template-columns:1fr}}

.grupo-foto{display:none;margin:0 0 24px}
.grupo-titulo{font-size:var(--t-4);font-weight:600;margin:0 0 8px}
.grupo-titulo + .grupo-sub{font-size:.9375rem;color:var(--texto-2);margin:0 0 28px;max-width:60ch}
.cred-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--fio);border:1px solid var(--fio)}
.cred-item{background:var(--papel);padding:28px 26px 26px;display:flex;flex-direction:column;gap:10px;min-width:0}
.cred-num{font:500 .75rem/1.4 var(--f-mono);color:var(--laranja-f);letter-spacing:.02em}
.cred-item h4{font-size:1.4375rem;font-weight:600;line-height:1.15}
.cred-item p{font-size:.9375rem;line-height:1.6;color:var(--texto-2);margin:0}
.cred-vinculo{margin-top:auto;padding-top:14px;font:400 .75rem/1.4 var(--f-mono);color:var(--texto-2);border-top:1px solid var(--fio)}
.cred-grid--bid .cred-item:last-child:nth-child(odd){grid-column:1/-1}
.bid-intro{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center;padding:24px 26px;background:var(--tinta);color:var(--papel);margin-bottom:1px}
.bid-intro__sigla{font:700 3.25rem/1 var(--f-titulo);letter-spacing:-.02em}
.bid-intro__ponto{color:var(--laranja)}
.bid-intro__titulo{font-weight:600;margin:0 0 4px}
.bid-intro__descricao{font-size:.9375rem;color:var(--tinta-3);margin:0}
.cred-nota{margin-top:40px;font-size:.875rem;color:var(--texto-2);max-width:72ch;padding-left:16px;border-left:2px solid var(--laranja)}
@media (max-width:960px){
  .palco{grid-template-columns:1fr}
  .palco-fotos{display:none}
  .grupo-foto{display:block;aspect-ratio:16/10;overflow:hidden;position:relative;background:var(--tinta)}
  .grupo-foto img{width:100%;height:100%;object-fit:cover}
}
@media (max-width:600px){
  .cred-grid{grid-template-columns:1fr}
  .cred-item{padding:24px 20px 22px}
  .bid-intro{grid-template-columns:1fr;gap:12px;padding:22px 20px}
}
@media (prefers-reduced-motion:reduce){
  .palco-fotos figure,.palco-fotos figure img,.palco-barra i{transition:none}
  .palco-legenda .nome span{animation:none}
}

/* ---------- mídia (cartões com foto) ---------- */
.midia-grade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.4vw,32px);margin-top:clamp(40px,5vw,64px)}
.midia-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;min-width:0}
.midia-visual{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--tinta);margin-bottom:20px}
.midia-visual img{width:100%;height:100%;object-fit:cover}
.midia-visual::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--laranja);transform:scaleX(0);transform-origin:0 50%;transition:transform .6s var(--curva)}
.midia-card:hover .midia-visual::after{transform:scaleX(1)}
.midia-card:hover .midia-visual.visivel img,.midia-card:hover .midia-visual:not(.revela-foto) img{transform:scale(1.06);transition:transform .9s var(--curva)}
.midia-etiqueta{font:400 .75rem/1.4 var(--f-mono);color:var(--texto-2);margin-bottom:10px}
.midia-card h3{font-size:1.5rem;font-weight:600;line-height:1.12;margin-bottom:10px}
.midia-card p{font-size:.9375rem;color:var(--texto-2);line-height:1.6}
.midia-ir{margin-top:auto;padding-top:14px;font-weight:500;font-size:.9375rem;text-decoration:underline;text-decoration-color:var(--laranja);text-decoration-thickness:2px;text-underline-offset:4px}
.midia-observacao,.midia-disclaimer p{font-size:.875rem;color:var(--texto-2)}
.midia-observacao{margin-top:40px;max-width:72ch}
.midia-destaque .duas .botao{margin-top:24px}
@media (max-width:900px){.midia-grade{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.midia-grade{grid-template-columns:1fr;gap:40px}}

/* ---------- interlúdio: frase sobre foto ---------- */
.interludio{min-height:max(540px,92vh);display:flex;align-items:flex-end;padding:clamp(96px,14vh,160px) 0 clamp(64px,10vh,112px)}
.interludio blockquote{margin:0;max-width:24ch;font:600 clamp(2rem,5.2vw,4.5rem)/1.04 var(--f-titulo);letter-spacing:-.02em;text-wrap:balance}
.interludio blockquote p{margin:0}
.interludio cite{display:block;margin-top:28px;font:400 var(--t-2)/1.55 var(--f-texto);font-style:normal;color:rgba(255,255,255,.9);max-width:46ch}
.interludio[data-transicao="iris"] .wrap{text-align:left}

/* ---------- gráfico ---------- */
.grafico-secao{padding:clamp(80px,10vw,128px) 0}
.grafico-secao h2{max-width:22ch;margin-bottom:24px}
.grafico-secao .lide{max-width:68ch}
.grafico{margin:56px 0 0;border-top:1px solid var(--tinta-2);padding-top:28px}
.grafico-topo{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px 32px;margin-bottom:20px}
.grafico-titulo{font:500 1.0625rem/1.4 var(--f-texto)}
.grafico-titulo span{display:block;font:400 .8125rem/1.5 var(--f-mono);color:var(--tinta-3);margin-top:4px}
.chaves{display:flex;flex-wrap:wrap;gap:20px;font:400 .8125rem/1 var(--f-mono);color:rgba(255,255,255,.88)}
.chaves li{display:flex;align-items:center;gap:8px}
.chaves i{display:inline-block;width:22px;border-top:2px solid}
.grafico-area{position:relative;height:clamp(300px,42vw,440px);--fundo-grafico:#0f2236;touch-action:pan-y}
.grafico-area svg{display:block;width:100%;height:100%;overflow:visible}
.grafico-area .eixo text{font:400 11px var(--f-mono);fill:var(--tinta-3)}
.grafico-area .eixo .grade{stroke:var(--tinta-2);stroke-width:1}
.grafico-area .eixo .base{stroke:rgba(255,255,255,.55);stroke-width:1;stroke-dasharray:2 4}
.grafico-area .serie{fill:none;stroke-width:2.5;stroke-linejoin:round}
.grafico-area .fim text{font:500 13px var(--f-texto);fill:var(--papel)}
.grafico-area .fim tspan{font:400 12px var(--f-mono);fill:var(--tinta-3)}
.grafico-area .mira{stroke:rgba(255,255,255,.5);stroke-width:1;opacity:0}
.grafico-area .ponto{opacity:0}
.dica{position:absolute;left:0;top:0;min-width:180px;background:var(--papel);color:var(--tinta);padding:12px 14px;font:400 .8125rem/1.5 var(--f-mono);opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:2}
.dica strong{display:block;font:600 1.125rem/1.2 var(--f-titulo);margin-bottom:6px}
.dica div{display:flex;justify-content:space-between;gap:16px}
.dica i{display:inline-block;width:14px;vertical-align:middle;margin-right:8px}
.nota{font-size:.8125rem;color:var(--tinta-3);max-width:80ch;margin-top:20px}
.tabela-dados{margin-top:20px;font-size:.875rem}
.tabela-dados summary{cursor:pointer;font:500 .8125rem/1 var(--f-mono);color:var(--laranja);padding:12px 0}
.rolagem{overflow-x:auto;margin-top:12px;-webkit-overflow-scrolling:touch}
.tabela-dados table{border-collapse:collapse;width:100%;min-width:640px;font:400 .8125rem/1.4 var(--f-mono);font-variant-numeric:tabular-nums}
.tabela-dados th,.tabela-dados td{padding:8px 10px;border-bottom:1px solid var(--tinta-2);text-align:right}
.tabela-dados th[scope="row"],.tabela-dados thead th:first-child{text-align:left;font-family:var(--f-texto);font-weight:500}
.tabela-dados thead th{color:var(--tinta-3);font-weight:400}

/* ---------- cartões (Publicações / Recursos) ---------- */
.cartoes{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,2.4vw,32px);margin-top:clamp(40px,5vw,64px)}
.cartao{position:relative;display:flex;flex-direction:column;background:var(--papel);padding:clamp(26px,3.4vw,44px);text-decoration:none;border-top:3px solid var(--tinta);min-width:0}
.cartao::before{content:"";position:absolute;left:0;right:0;top:-3px;height:3px;background:var(--laranja);transform:scaleX(0);transform-origin:0 50%;transition:transform .6s var(--curva)}
.cartao:hover::before{transform:scaleX(1)}
.cartao .num{font:500 .8125rem/1 var(--f-mono);color:var(--laranja-f)}
.cartao h3{font-size:2.125rem;font-weight:600;margin:16px 0 14px}
.cartao > p{color:var(--texto-2);font-size:.9375rem}
.cartao ul{margin:20px 0 28px;border-top:1px solid var(--fio)}
.cartao li{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--fio);font-size:.9375rem}
.cartao li span:last-child{font:500 .875rem/1.6 var(--f-mono);color:var(--tinta);font-variant-numeric:tabular-nums}
.cartao .ir{margin-top:auto;font-weight:500}
.cartao .seta{display:inline-block;transition:transform .2s ease}
.cartao:hover .seta{transform:translateX(4px)}
@media (max-width:760px){.cartoes{grid-template-columns:1fr}}

/* ---------- time ---------- */
.time{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);align-items:end;margin-top:clamp(40px,5vw,64px)}
.moldura{background:var(--tinta);overflow:hidden;position:relative}
.moldura img{width:100%;aspect-ratio:4/5;object-fit:cover}
.time h3{font-size:clamp(2.5rem,5vw,4rem);font-weight:600;line-height:1}
.cargo{font:500 .8125rem/1 var(--f-mono);color:var(--laranja-f);margin:14px 0 24px}
.time p:not(.cargo){max-width:60ch;color:var(--texto-2)}
.redes{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:28px;padding-top:20px;border-top:1px solid var(--fio)}
.redes a{display:inline-block;padding:4px 0;font-weight:500;text-decoration:underline;text-decoration-color:var(--laranja);text-decoration-thickness:2px;text-underline-offset:4px}
@media (max-width:760px){.time{grid-template-columns:1fr}.time .moldura{max-width:360px}}

/* ---------- contato (sobre foto) ---------- */
.contato-foto{min-height:max(620px,96vh);display:flex;align-items:flex-end;padding:clamp(120px,16vw,200px) 0 clamp(72px,9vw,112px)}
.contato-foto .camada::before,.contato-foto:not(.montada)::before{background:var(--veu-forte)}
.contato-foto h2{font-size:clamp(2.5rem,6vw,5.25rem);font-weight:600;max-width:16ch;line-height:1}
.contato-foto .lide{color:rgba(255,255,255,.88);max-width:52ch;margin-top:24px}
.contato-grade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:56px;border-top:1px solid rgba(255,255,255,.35)}
.contato-grade > *{padding:22px 24px 0 0;text-decoration:none;font-size:clamp(1rem,1.5vw,1.25rem);font-weight:500;min-width:0;overflow-wrap:anywhere}
.contato-grade small{display:block;font:400 .75rem/1.4 var(--f-mono);color:var(--tinta-3);margin-bottom:8px}
.contato-grade a:hover{color:var(--laranja)}
@media (max-width:760px){.contato-grade{grid-template-columns:1fr}.contato-grade > *{padding:18px 0;border-bottom:1px solid rgba(255,255,255,.2)}}

/* ---------- capa das páginas internas ---------- */
.capa{min-height:max(460px,min(70vh,660px));display:flex;flex-direction:column;justify-content:flex-end;padding-top:calc(var(--alto-topo) + 56px);padding-bottom:clamp(44px,7vw,80px)}
.capa h1{font-size:clamp(2.5rem,7vw,5.75rem);font-weight:600;line-height:.96;letter-spacing:-.025em;max-width:16ch}
.capa .wrap > p:not(.trilha):not(.rotulo){font-size:var(--t-2);line-height:1.6;max-width:56ch;margin-top:22px;color:rgba(255,255,255,.9)}
.capa .rotulo{color:rgba(255,255,255,.8)}
.trilha{font:400 .75rem/1.4 var(--f-mono);letter-spacing:.02em;color:rgba(255,255,255,.8);margin:0 0 20px}
.trilha a{text-decoration:underline;text-decoration-color:var(--laranja);text-underline-offset:3px}
.indice{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}
.indice a{display:inline-flex;gap:10px;align-items:baseline;padding:11px 16px;border:1px solid rgba(255,255,255,.55);text-decoration:none;font-size:.875rem;font-weight:500;transition:background-color .2s ease,color .2s ease}
.indice a:hover{background:var(--papel);color:var(--tinta)}
.indice span{font:500 .75rem/1 var(--f-mono);color:var(--laranja)}
.indice a:hover span{color:var(--laranja-f)}
.capa.erro h1{max-width:18ch}

/* ---------- listas numeradas (Dados, Recursos, Publicações) ---------- */
.lista{padding:clamp(48px,7vw,96px) 0 clamp(80px,10vw,128px)}
.item{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,5fr) minmax(0,2.4fr);gap:clamp(24px,4vw,56px);padding:clamp(40px,5vw,64px) 0;border-top:1px solid var(--fio)}
.item:first-child{border-top:0;padding-top:0}
.item > *{min-width:0}
.item.largo{grid-template-columns:minmax(0,1.1fr) minmax(0,7.4fr)}
.numero{font:600 clamp(2.75rem,5vw,4.5rem)/.9 var(--f-titulo);color:var(--laranja-f);letter-spacing:-.02em}
.item h2{font-size:clamp(1.75rem,3.2vw,2.75rem);margin-bottom:20px}
.item p{color:var(--texto-2);max-width:72ch}
.etiquetas{display:flex;flex-wrap:wrap;gap:6px;margin-top:24px}
.etiquetas li{font:400 .75rem/1 var(--f-mono);padding:7px 10px;border:1px solid var(--fio);color:var(--texto-2)}
.baixar{display:flex;flex-direction:column;gap:8px}
.baixar a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;border:1px solid var(--tinta);text-decoration:none;font-weight:500;font-size:.9375rem;transition:background-color .2s ease,color .2s ease}
.baixar a small{font:500 .6875rem/1 var(--f-mono);letter-spacing:.04em;opacity:.8}
.baixar a.principal{background:var(--tinta);color:var(--papel)}
.baixar a:hover{background:var(--laranja);border-color:var(--laranja);color:var(--tinta)}
@media (max-width:900px){
  .item,.item.largo{grid-template-columns:1fr;gap:16px}
  .numero{font-size:2.5rem}
}

.refs{margin-top:28px;border-top:1px solid var(--fio)}
.refs li{display:grid;grid-template-columns:72px minmax(0,1fr);gap:20px;padding:20px 0;border-bottom:1px solid var(--fio)}
.refs .ano{font:500 .875rem/1.6 var(--f-mono);color:var(--laranja-f);font-variant-numeric:tabular-nums}
.refs .t{display:block;font:500 1.1875rem/1.32 var(--f-titulo);text-decoration:none;color:var(--texto)}
.refs a.t:hover{text-decoration:underline;text-decoration-color:var(--laranja);text-decoration-thickness:2px;text-underline-offset:4px}
.refs .a{display:block;font-size:.9375rem;color:var(--texto);margin-top:6px}
.refs .v{display:block;font-size:.875rem;color:var(--texto-2);margin-top:2px;overflow-wrap:anywhere}
.refs .doi{font-family:var(--f-mono);font-size:.8125rem;text-decoration:underline;text-decoration-color:var(--fio);text-underline-offset:3px}
.refs.textos li{grid-template-columns:minmax(0,1fr) auto;align-items:baseline}
.refs.textos .t{font-size:1.0625rem}
.refs.textos .fonte{font:400 .75rem/1.4 var(--f-mono);color:var(--texto-2);text-align:right}
@media (max-width:600px){
  .refs li{grid-template-columns:1fr;gap:6px}
  .refs.textos li{grid-template-columns:1fr}
  .refs.textos .fonte{text-align:left}
}

/* ---------- sobre: biografia ---------- */
.biografia{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(32px,6vw,96px);padding:clamp(64px,8vw,112px) 0 clamp(80px,10vw,128px);align-items:start}
.corpo h2{font-size:clamp(2rem,3.6vw,3rem);margin:0 0 24px}
.corpo h2 + p{font-size:var(--t-2);color:var(--texto)}
.corpo p{color:var(--texto-2);max-width:68ch}
.corpo p + h2,.corpo .disc-lista + h2{margin-top:72px}
.disc-lista{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--fio);border:1px solid var(--fio);margin:28px 0 28px;max-width:68ch}
.disc-lista li{background:var(--papel);padding:18px 20px}
.disc-lista .d-nome{display:block;font:600 1.125rem/1.2 var(--f-titulo);color:var(--texto);margin-bottom:6px}
.disc-lista .d-txt{display:block;font-size:.875rem;line-height:1.55;color:var(--texto-2)}
@media (max-width:560px){.disc-lista{grid-template-columns:1fr}}
.biografia aside{position:sticky;top:calc(var(--alto-topo) + 32px)}
.biografia dl{margin:28px 0 0;border-top:1px solid var(--fio)}
.biografia dt{font:400 .75rem/1.4 var(--f-mono);color:var(--texto-2);padding-top:14px}
.biografia dd{margin:4px 0 0;padding-bottom:14px;border-bottom:1px solid var(--fio);font-size:.9375rem}
.biografia dd a{text-decoration:underline;text-decoration-color:var(--laranja);text-underline-offset:3px}
@media (max-width:860px){.biografia{grid-template-columns:1fr}.biografia aside{position:static;max-width:400px}}

/* ---------- mídia: páginas internas ---------- */
.midia-pagina h2{max-width:20ch;margin-bottom:20px}
.midia-pagina .lide{max-width:64ch}
.midia-leitura{max-width:860px}
.midia-detalhe-bloco{padding:32px 0;border-top:1px solid var(--fio)}
.midia-detalhe-bloco h2{font-size:clamp(1.5rem,2.6vw,2rem);margin-bottom:14px}
.midia-detalhe-bloco p{color:var(--texto-2);max-width:68ch}
.midia-detalhe-bloco a{font-weight:500;display:inline-block;padding:4px 0}
.midia-disclaimer{margin:24px 0 40px;padding:20px 24px;background:var(--pedra);border-left:3px solid var(--laranja)}
.midia-disclaimer strong{display:block;font:500 .8125rem/1.4 var(--f-mono);margin-bottom:6px}
@media (min-width:1100px){.midia-pagina .midia-grade{grid-template-columns:repeat(4,minmax(0,1fr))}.midia-pagina .midia-card h3{font-size:1.375rem}}

/* faixa fotográfica entre seções das páginas internas */
.faixa-foto{height:max(360px,64vh);margin:0 calc(50% - 50vw);list-style:none}
.faixa-foto::before,.faixa-foto .camada::before{background:rgba(10,24,40,.16)}
.faixa-foto + .item{border-top:0}

/* ---------- rodapé ---------- */
.rodape{background:var(--tinta);color:var(--papel);padding:72px 0 32px;position:relative;overflow:hidden}
.rodape .wrap{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;position:relative}
.rodape .marca-rodape{width:176px;height:auto}
.rodape p{font-size:.9375rem;color:var(--tinta-3);margin-top:20px}
.rodape h4{font:400 .75rem/1.4 var(--f-mono);color:var(--tinta-3);margin-bottom:16px;letter-spacing:.02em}
.rodape li{margin-bottom:4px}
.rodape a{display:inline-block;padding:4px 0;text-decoration:none;font-size:.9375rem}
.rodape a:hover{color:var(--laranja)}
.rodape .final{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;border-top:1px solid var(--tinta-2);padding-top:24px;margin-top:24px;font:400 .75rem/1.4 var(--f-mono);color:var(--tinta-3)}
/* o θ grande, recortado, como marca d'água chapada */
.rodape .theta-fundo{position:absolute;right:-60px;top:-40px;width:340px;opacity:.07;pointer-events:none}
@media (max-width:760px){.rodape .wrap{grid-template-columns:1fr 1fr}.rodape .wrap > div:first-child{grid-column:1/-1}.rodape .theta-fundo{width:240px;right:-70px}}
.destaque-pontos + .cred-vinculo{border-top:0;padding-top:4px}