/* Componentes do site WordPress (nova página inicial e páginas internas). */

/* ---------- Faixa de utilidades ---------- */
.util{display:none;background:var(--preto);border-bottom:1px solid var(--linha);font-size:.875rem}
@media (min-width:1080px){.util{display:block}}
.util__in{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:38px}
.util__nav,.util__contato{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.util a{color:var(--nevoa);text-decoration:none;display:inline-flex;align-items:center;gap:7px;letter-spacing:.02em}
.util a:hover{color:var(--branco)}
.util b{color:var(--perola);font-weight:700}
.util svg{width:15px;height:15px}

/* ---------- Barra principal: uma aba por área ---------- */
.header .logo img{width:124px}
.nav__list{gap:clamp(10px,1.2vw,22px)}
.nav__btn{font-size:.8125rem;letter-spacing:.08em}
@media (min-width:1200px){
  .nav{display:block}
  .menu-btn{display:none}
  .header .logo img{width:140px}
}
.header__cta{display:inline-flex}
@media (max-width:420px){.header__cta{padding:.5em .9em!important}}

.mega__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;padding-block:36px 40px}
.mega__intro .btn{margin-top:20px}
.mega__num{font-family:var(--f-rotulo);font-weight:700;font-size:.8125rem;letter-spacing:.16em;text-transform:uppercase;color:var(--acento)}
.mega__nome{margin-top:6px;font-family:var(--f-display);font-weight:800;font-size:clamp(1.6rem,1rem + 1.4vw,2.3rem);line-height:1.02;letter-spacing:-.03em;color:var(--branco)}
.mega__dor{max-width:48ch;margin-top:12px;font-size:1rem}
.mega__rot{font-family:var(--f-rotulo);font-weight:700;font-size:.8125rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cinza);margin-bottom:6px}
.mega__lista{columns:2;column-gap:32px;margin-bottom:18px}
.mega__lista li{break-inside:avoid;border-bottom:1px solid var(--linha)}
.mega__lista a{display:block;padding:11px 0;text-decoration:none;color:var(--perola);font-size:.98rem;line-height:1.35}
.mega__lista a:hover{color:var(--branco);text-decoration:underline;text-decoration-color:var(--acento);text-underline-offset:.22em}

.mmenu__areas details{border-bottom:1px solid var(--linha)}
.mmenu__areas summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 0;font-family:var(--f-display);font-weight:700;font-size:1.2rem;line-height:1.2;color:var(--branco)}
.mmenu__areas summary::-webkit-details-marker{display:none}
.mmenu__areas summary::after{content:"+";font-weight:400;font-size:1.5rem;color:var(--nevoa);transition:transform .3s var(--ease)}
.mmenu__areas details[open] summary::after{transform:rotate(45deg)}
.mmenu__areas details ul{padding:0 0 14px 2px}
.mmenu__areas details a{display:block;padding:9px 0;font-family:var(--f-corpo);font-weight:400;font-size:1rem;color:var(--nevoa);border:0}
.mmenu__areas .mmenu__ver{color:var(--perola);font-weight:700}

/* ---------- Faixa de logos (em movimento) ---------- */
.logos{background:var(--branco);color:var(--ardosia);padding-block:28px 32px;border-bottom:1px solid var(--nevoa)}
.logos__topo{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;margin-bottom:18px}
.logos__t{font-family:var(--f-rotulo);font-weight:700;font-size:.875rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ardosia)}
.seta--escura{color:var(--institucional)}
.logos__trilho{overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.logos__trilho::-webkit-scrollbar{display:none}
.logos__lista{display:flex;align-items:center;gap:clamp(36px,4vw,64px);width:max-content;padding-inline:var(--gutter)}
.logos__lista li{flex:none}
.logos__lista img{height:72px;width:auto;max-width:150px;object-fit:contain;filter:saturate(.9);opacity:.92;transition:opacity .3s,filter .3s}
.logos__lista img:hover{opacity:1;filter:none}
@media (prefers-reduced-motion:no-preference){
  .js .logos__trilho{overflow:hidden}
  .js .logos__lista{animation:desliza 70s linear infinite}
  .js .logos__trilho:hover .logos__lista,.js .logos__trilho:focus-within .logos__lista{animation-play-state:paused}
}
@keyframes desliza{to{transform:translateX(-50%)}}

/* ---------- Autoridade ---------- */
.autoridade{position:relative;overflow:hidden;background:var(--noite);padding-block:clamp(72px,10vw,140px)}
.autoridade .orb{width:1000px;aspect-ratio:1;right:-480px;top:-200px;opacity:.6}
.autoridade__t{max-width:18ch}
.contadores{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;margin:clamp(40px,5vw,72px) 0;border-top:1px solid var(--linha-forte)}
@media (min-width:960px){.contadores{grid-template-columns:repeat(4,1fr)}}
.contador{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:6px;padding:24px 20px 24px 0;border-bottom:1px solid var(--linha)}
@media (min-width:960px){.contador{padding:28px 28px 28px 0}.contador + .contador{padding-left:28px;border-left:1px solid var(--linha)}}
.contador dd{margin:0;font-family:var(--f-display);font-weight:800;font-size:clamp(2.3rem,1.4rem + 3.2vw,4.4rem);line-height:.95;letter-spacing:-.04em;color:var(--branco)}
.contador dt{font-size:.98rem;line-height:1.45;color:var(--nevoa);max-width:22ch}
.autoridade__grid{position:relative;display:grid;gap:48px}
@media (min-width:960px){.autoridade__grid{grid-template-columns:1fr 1fr;gap:72px}}
.autoridade__h3{font-family:var(--f-rotulo);font-weight:700;font-size:.9375rem;letter-spacing:.16em;text-transform:uppercase;color:var(--acento);margin-bottom:14px}
.autoridade .lead{color:var(--perola)}
.autoridade .seta,.autoridade .btn{margin-top:24px}
.selos{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.selos li{padding:6px 14px;border:1px solid var(--linha-forte);border-radius:999px;font-weight:600;font-size:.9rem;letter-spacing:.02em;color:var(--perola)}

/* ---------- As 6 áreas ---------- */
.areas6{position:relative;background:var(--pagina);color:var(--ardosia);padding-block:clamp(72px,10vw,140px)}
.areas6 .h2{color:var(--noite)}
.areas6 .lead{color:var(--ardosia)}
.areas6__topo{display:grid;gap:20px;margin-bottom:clamp(40px,5vw,80px)}
@media (min-width:960px){.areas6__topo{grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);align-items:end;gap:64px}}
.areas6__corpo{display:grid;gap:32px}
@media (min-width:1080px){.areas6__corpo{grid-template-columns:220px minmax(0,1fr);gap:56px;align-items:start}}
.areas6__indice{display:none}
@media (min-width:1080px){.areas6__indice{display:block;position:sticky;top:calc(var(--header-h) + 32px)}}
.areas6__indice ol{border-left:1px solid var(--nevoa)}
.areas6__indice a{display:flex;gap:12px;align-items:baseline;padding:10px 0 10px 18px;margin-left:-1px;border-left:2px solid transparent;text-decoration:none;font-weight:600;font-size:.98rem;line-height:1.3;color:var(--ardosia);transition:color .2s,border-color .3s}
.areas6__indice a .num{font-family:var(--f-display);font-weight:800;color:var(--cinza);min-width:1ch}
.areas6__indice a:hover{color:var(--noite)}
.areas6__indice a[aria-current="true"]{color:var(--noite);border-left-color:var(--institucional)}
.areas6__indice a[aria-current="true"] .num{color:var(--institucional)}
.areas6__lista{display:grid;gap:clamp(56px,7vw,104px)}
.area6{display:grid;gap:28px;scroll-margin-top:calc(var(--header-h) + 24px)}
@media (min-width:960px){.area6{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:start}.area6:nth-child(even) .area6__foto{order:2}}
.area6__foto{position:relative;overflow:hidden;border-radius:6px;aspect-ratio:4/3;background:var(--nevoa)}
.area6__foto img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.area6:hover .area6__foto img{transform:scale(1.03)}
.area6__num{font-family:var(--f-rotulo);font-weight:700;font-size:.8125rem;letter-spacing:.16em;text-transform:uppercase;color:var(--institucional)}
.area6__nome{margin-top:10px;font-family:var(--f-display);font-weight:800;font-size:clamp(1.8rem,1rem + 2.4vw,3rem);line-height:1;letter-spacing:-.035em;color:var(--noite);text-wrap:balance}
.area6__nome a{text-decoration:none;color:inherit}
.area6__nome a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.12em;text-decoration-color:var(--suporte)}
.area6__resumo{margin-top:16px;font-size:1.05rem;line-height:1.7;color:var(--ardosia);max-width:62ch}
.area6__publico{margin-top:12px;font-size:.98rem;color:var(--ardosia)}
.area6__publico b{color:var(--noite);font-weight:700}
.area6__svc{display:grid;gap:0;margin-top:22px;border-top:1px solid var(--nevoa)}
@media (min-width:640px){.area6__svc{grid-template-columns:1fr 1fr;column-gap:28px}}
.area6__svc li{border-bottom:1px solid var(--nevoa)}
.area6__svc a{display:flex;align-items:baseline;gap:10px;padding:11px 0;text-decoration:none;font-weight:600;font-size:.98rem;line-height:1.35;color:var(--noite)}
.area6__svc a::before{content:"";flex:none;width:9px;height:5px;border:1px solid var(--suporte);border-radius:50%;transform:translateY(-3px) rotate(-14deg)}
.area6__svc a:hover{color:var(--institucional);text-decoration:underline;text-decoration-color:var(--suporte);text-underline-offset:.22em}
.area6__acoes{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin-top:26px}
.areas6 .btn--perola{background:var(--noite);color:var(--perola)}
.areas6 .btn--perola:hover{background:var(--institucional)}
.areas6 .seta{color:var(--institucional)}
.areas6 :focus-visible{outline-color:var(--institucional)}

/* ---------- Faixa de chamada ---------- */
.chamada{background:var(--institucional);border-block:1px solid rgba(237,240,247,.18)}
.chamada__in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px;padding-block:clamp(32px,4vw,48px)}
.chamada__t{font-family:var(--f-display);font-weight:800;font-size:clamp(1.5rem,1rem + 1.6vw,2.3rem);line-height:1.05;letter-spacing:-.03em;color:var(--branco)}
.chamada__p{margin-top:8px;color:var(--perola);max-width:56ch}
.chamada__acoes{display:flex;flex-wrap:wrap;gap:12px}

/* ---------- Por onde começar ---------- */
.comecar{position:relative;background:var(--profundo);padding-block:clamp(72px,9vw,128px)}
.comecar__topo{display:grid;gap:16px;margin-bottom:32px}
@media (min-width:960px){.comecar__topo{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:end;gap:64px}}
.comecar__abas{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}
.comecar__aba{flex:none;min-height:46px;padding:10px 18px;border:1px solid var(--linha-forte);border-radius:999px;background:none;cursor:pointer;font-weight:600;font-size:.98rem;color:var(--perola);transition:background-color .25s,color .25s,border-color .25s}
.comecar__aba:hover{border-color:var(--nevoa)}
.comecar__aba[aria-selected="true"]{background:var(--perola);color:var(--noite);border-color:var(--perola)}
.comecar__painel{margin-top:28px}
.comecar__frase{font-family:var(--f-display);font-weight:800;font-size:clamp(1.5rem,1rem + 1.8vw,2.4rem);line-height:1.08;letter-spacing:-.03em;color:var(--branco);max-width:28ch;text-wrap:balance}
.comecar__lista{display:grid;gap:12px;margin-top:24px}
@media (min-width:720px){.comecar__lista{grid-template-columns:1fr 1fr}}
@media (min-width:1180px){.comecar__lista{grid-template-columns:repeat(4,1fr)}}
.comecar__lista a{position:relative;display:flex;flex-direction:column;gap:8px;height:100%;padding:22px 22px 56px;border:1px solid var(--linha-forte);border-radius:8px;text-decoration:none;background:rgba(15,17,25,.18);transition:border-color .25s,background-color .25s,transform .35s var(--ease)}
.comecar__lista a:hover{border-color:var(--nevoa);background:rgba(15,17,25,.35);transform:translateY(-3px)}
.comecar__area{font-family:var(--f-rotulo);font-weight:700;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--nevoa)}
.comecar__nome{font-family:var(--f-display);font-weight:700;font-size:1.2rem;line-height:1.2;color:var(--branco)}
.comecar__sub{font-size:.95rem;line-height:1.55;color:var(--nevoa)}
.comecar__seta{position:absolute;left:22px;bottom:22px;width:22px;height:13px;color:var(--perola);transition:transform .3s var(--ease)}
.comecar__lista a:hover .comecar__seta{transform:translateX(6px)}
.js .comecar__painel[hidden]{display:none}

/* ---------- Imprensa (faixa clara) ---------- */
.imprensa{padding-block:clamp(72px,9vw,128px);overflow:hidden}
.imprensa__topo{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px 40px;margin-bottom:clamp(32px,4vw,56px)}
.imprensa__topo .lead{margin-top:14px;max-width:54ch}
.imprensa__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:40px}
.imprensa__grid > *{min-width:0}
@media (min-width:1080px){.imprensa__grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:56px;align-items:start}}
.video-lite{position:relative;overflow:hidden;border-radius:6px;aspect-ratio:16/9;background:var(--noite);cursor:pointer}
.video-lite img{width:100%;height:100%;object-fit:cover;opacity:.92;transition:opacity .3s,transform .8s var(--ease)}
.video-lite:hover img{opacity:1;transform:scale(1.02)}
.video-lite iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-lite__play{position:absolute;left:50%;top:50%;translate:-50% -50%;width:76px;height:76px;border-radius:50%;border:0;background:var(--perola);color:var(--noite);display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 30px -6px rgba(15,17,25,.55);transition:transform .3s var(--ease),background-color .25s}
.video-lite__play svg{width:22px;height:22px;margin-left:4px}
.video-lite:hover .video-lite__play{transform:scale(1.06);background:var(--branco)}
.imprensa__dt{margin-top:8px;font-family:var(--f-display);font-weight:700;font-size:clamp(1.3rem,1rem + 1vw,1.75rem);line-height:1.18;letter-spacing:-.02em;color:var(--noite);text-wrap:balance}
.filtro{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.filtro__b{min-height:40px;padding:6px 16px;border:1px solid var(--nevoa);border-radius:999px;background:var(--branco);cursor:pointer;font-weight:600;font-size:.9rem;color:var(--noite);transition:background-color .2s,color .2s,border-color .2s}
.filtro__b:hover{border-color:var(--ardosia)}
.filtro__b[aria-pressed="true"]{background:var(--noite);color:var(--perola);border-color:var(--noite)}
.trilho{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,78%);max-width:100%;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;scrollbar-width:thin;scrollbar-color:var(--nevoa) transparent}
@media (min-width:640px){.trilho{grid-auto-columns:minmax(240px,44%)}}
@media (min-width:1080px){.trilho{grid-auto-columns:minmax(220px,46%)}}
.trilho > *{scroll-snap-align:start}
.trilho__ctrl{display:flex;gap:8px;margin-top:10px}
.trilho__b{width:44px;height:44px;border-radius:50%;border:1px solid var(--nevoa);background:var(--branco);color:var(--noite);display:grid;place-items:center;cursor:pointer;transition:background-color .2s,border-color .2s}
.trilho__b:hover{border-color:var(--noite)}
.trilho__b svg{width:18px;height:18px}
.midia-cartao a{display:block;text-decoration:none;color:inherit}
.midia-cartao[hidden]{display:none}
.midia-cartao__img{position:relative;overflow:hidden;border-radius:6px;aspect-ratio:16/10;background:var(--profundo);display:grid;place-items:center}
.midia-cartao__img img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.midia-cartao a:hover .midia-cartao__img img{transform:scale(1.04)}
.midia-cartao__sem{padding:16px;font-family:var(--f-display);font-weight:800;font-size:1.3rem;line-height:1.1;color:var(--perola);text-align:center}
.midia-cartao__play{position:absolute;right:12px;bottom:12px;width:40px;height:40px;border-radius:50%;background:var(--perola);color:var(--noite);display:grid;place-items:center}
.midia-cartao__play svg{width:13px;height:13px;margin-left:2px}
.midia-cartao__meta,.imprensa .midia-cartao__meta{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:14px;font-family:var(--f-rotulo);font-weight:700;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ardosia)}
.midia-cartao__t{margin-top:6px;font-family:var(--f-display);font-weight:700;font-size:1.08rem;line-height:1.28;color:var(--noite)}
.midia-cartao a:hover .midia-cartao__t{text-decoration:underline;text-decoration-color:var(--suporte);text-underline-offset:.2em}

/* ---------- Observatório Evoluta ---------- */
.obs{background:var(--branco);color:var(--ardosia);padding-block:clamp(64px,8vw,112px);border-top:6px solid var(--noite)}
.obs__cabeca{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;padding-bottom:14px;border-bottom:3px double var(--noite)}
.obs__marca{font-family:var(--f-display);font-weight:800;font-size:clamp(1.9rem,1rem + 3vw,3.4rem);line-height:1;letter-spacing:-.04em;color:var(--noite)}
.obs__marca em{font-family:var(--f-editorial);font-style:italic;font-weight:400;letter-spacing:-.01em;color:var(--institucional)}
.obs__data{font-family:var(--f-rotulo);font-weight:600;font-size:.875rem;letter-spacing:.06em;color:var(--ardosia)}
.obs__topo{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px 40px;margin:28px 0 36px}
.obs .h2{color:var(--noite);max-width:24ch}
.obs .seta{color:var(--institucional)}
.obs__colunas{display:grid;gap:36px}
@media (min-width:960px){.obs__colunas{grid-template-columns:repeat(3,1fr);gap:0}.obs__col + .obs__col{border-left:1px solid var(--nevoa);padding-left:32px}.obs__col:not(:last-child){padding-right:32px}}
.obs__col-t{font-family:var(--f-rotulo);font-weight:700;font-size:.875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--institucional);padding-bottom:10px;border-bottom:1px solid var(--noite);margin-bottom:6px}
.obs__col-t a{text-decoration:none;color:inherit}
.obs__vazio{padding-top:12px;font-size:1rem;line-height:1.6;color:var(--ardosia)}
.obs-cartao a{display:block;padding:16px 0;border-bottom:1px solid var(--nevoa);text-decoration:none;color:inherit}
.obs-cartao__img{overflow:hidden;border-radius:4px;aspect-ratio:3/2;margin-bottom:12px;background:var(--nevoa)}
.obs-cartao__img img{width:100%;height:100%;object-fit:cover}
.obs-cartao__meta{display:flex;gap:10px;font-family:var(--f-rotulo);font-weight:600;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ardosia)}
.obs-cartao__t{margin-top:6px;font-family:var(--f-display);font-weight:700;font-size:1.12rem;line-height:1.25;color:var(--noite)}
.obs-cartao--grande .obs-cartao__t{font-size:clamp(1.3rem,1rem + .8vw,1.6rem)}
.obs-cartao__resumo{margin-top:8px;font-size:.98rem;line-height:1.6;color:var(--ardosia)}
.obs-cartao a:hover .obs-cartao__t{text-decoration:underline;text-decoration-color:var(--suporte);text-underline-offset:.2em}
.obs__assinar{display:grid;gap:20px;margin-top:clamp(40px,5vw,64px);padding:clamp(24px,3vw,36px);border-radius:8px;background:var(--noite);color:var(--perola)}
@media (min-width:960px){.obs__assinar{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:48px}}
.obs__assinar-t{font-family:var(--f-display);font-weight:800;font-size:clamp(1.4rem,1rem + 1.2vw,2rem);line-height:1.08;letter-spacing:-.03em;color:var(--branco)}
.obs__assinar-p{margin-top:8px;color:var(--nevoa)}
.form--news{margin-top:0;align-items:end}
@media (min-width:640px){.form--news{grid-template-columns:1.3fr 1fr auto}.form--news .form__ok{grid-column:1 / -1}}

/* ---------- Radar Municipal (chamada) ---------- */
.radar-m{position:relative;isolation:isolate;overflow:hidden;padding-block:clamp(80px,10vw,150px)}
.radar-m__foto{position:absolute;inset:0;z-index:-2}
.radar-m__foto img{width:100%;height:100%;object-fit:cover}
.radar-m::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(25,32,56,.97) 0%,rgba(25,32,56,.9) 50%,rgba(25,32,56,.6) 100%)}
.radar-m__in{max-width:var(--max)}
.radar-m__in > *{max-width:640px}
.radar-m .lead{margin-top:16px;color:var(--perola)}
.radar-m .btn{margin-top:26px}
.radar-m__selo{display:inline-block;margin-bottom:18px;padding:5px 12px;border:1px solid var(--acento);border-radius:999px;font-family:var(--f-rotulo);font-weight:700;font-size:.8125rem;letter-spacing:.14em;text-transform:uppercase;color:var(--perola)}

/* ---------- Contato ---------- */
.campo select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--nevoa) 50%),linear-gradient(135deg,var(--nevoa) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat;padding-right:40px}
.campo select option{color:var(--noite)}
.contatos--lista{display:grid;gap:4px;margin-top:20px;padding-top:0;border-top:0}
.contatos--lista li{border-bottom:1px solid var(--linha)}
.contatos--lista a,.contatos--lista span{display:flex;align-items:center;gap:12px;padding:14px 0;text-decoration:none;font-weight:600;font-size:1.05rem;color:var(--perola)}
.contatos--lista svg{flex:none;width:22px;height:22px;color:var(--nevoa)}
.final__horario{margin-top:16px;color:var(--nevoa)}
.form__ok{margin:0;padding:12px 14px;border-radius:6px;font-weight:600}
.form__ok--ok{background:rgba(74,128,181,.18);border:1px solid var(--acento);color:var(--branco)}
.form__ok--erro{background:rgba(185,28,28,.16);border:1px solid #f87171;color:var(--branco)}

/* ---------- Rodapé ---------- */
@media (min-width:1080px){.rodape__grid{grid-template-columns:1.2fr 1.1fr .9fr 1fr}}
.rodape__linha{font-family:var(--f-editorial);font-style:italic;font-size:1.25rem;color:var(--perola)!important}
.rodape__redes{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:16px}

/* ---------- Páginas internas ---------- */
.pagina-topo{position:relative;overflow:hidden;background:var(--noite);padding-block:clamp(56px,7vw,104px) clamp(40px,5vw,72px);border-bottom:1px solid var(--linha)}
.pagina-topo .orb{width:900px;aspect-ratio:1;right:-420px;top:-300px;opacity:.6}
.trilha-nav{position:relative;display:flex;flex-wrap:wrap;gap:6px 10px;margin-bottom:22px;font-size:.9rem;color:var(--cinza)}
.trilha-nav a{color:var(--nevoa);text-decoration:none}
.trilha-nav a:hover{color:var(--branco);text-decoration:underline}
.pagina-topo h1{position:relative;font-family:var(--f-display);font-weight:800;font-size:clamp(2.2rem,1.2rem + 4vw,4.4rem);line-height:.98;letter-spacing:-.04em;color:var(--branco);max-width:22ch;text-wrap:balance}
.pagina-topo .lead{position:relative;margin-top:20px;color:var(--perola)}
.pagina-topo__acoes{position:relative;display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.secao{padding-block:clamp(56px,7vw,104px)}
.secao--clara{background:var(--pagina);color:var(--ardosia)}
.secao--branca{background:var(--branco);color:var(--ardosia)}
.secao--clara .h2,.secao--branca .h2{color:var(--noite)}
.secao--clara :focus-visible,.secao--branca :focus-visible{outline-color:var(--institucional)}
.prosa{max-width:72ch;font-size:1.08rem;line-height:1.8}
.prosa > * + *{margin-top:1.1em}
.prosa h2{font-family:var(--f-display);font-weight:800;font-size:clamp(1.5rem,1rem + 1.4vw,2.2rem);line-height:1.1;letter-spacing:-.025em;color:var(--noite);margin-top:1.8em}
.prosa h3{font-family:var(--f-display);font-weight:700;font-size:1.3rem;color:var(--noite);margin-top:1.6em}
.prosa a{color:var(--institucional);text-decoration-color:var(--suporte);text-underline-offset:.2em}
.prosa ul{list-style:disc;padding-left:1.3em}
.prosa ol{list-style:decimal;padding-left:1.3em}
.prosa img{border-radius:6px}

/* Equipe */
.equipe-grade{display:grid;gap:28px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.pessoa{display:flex;flex-direction:column}
.pessoa__foto{overflow:hidden;border-radius:6px;aspect-ratio:4/5;background:var(--nevoa)}
.pessoa__foto img{width:100%;height:100%;object-fit:cover;object-position:50% 20%}
.pessoa__nome{margin-top:16px;font-family:var(--f-display);font-weight:800;font-size:1.35rem;line-height:1.1;letter-spacing:-.02em;color:var(--noite)}
.pessoa__cargo{margin-top:4px;font-family:var(--f-rotulo);font-weight:700;font-size:.8125rem;letter-spacing:.12em;text-transform:uppercase;color:var(--institucional)}
.pessoa__bio{margin-top:10px;font-size:.98rem;line-height:1.6;color:var(--ardosia)}
.pessoa__in{margin-top:10px;font-weight:600;font-size:.95rem;color:var(--institucional)}

/* Clientes */
.clientes-filtro{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.clientes-grade{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
.cliente{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:12px;padding:20px 14px 16px;border:1px solid var(--nevoa);border-radius:8px;background:var(--branco);text-align:center}
.cliente[hidden]{display:none}
.cliente img{height:84px;width:auto;max-width:100%;object-fit:contain}
.cliente__nome{font-weight:700;font-size:.95rem;line-height:1.3;color:var(--noite)}
.cliente__tipo{display:block;margin-top:2px;font-weight:400;font-size:.8rem;color:var(--ardosia)}

/* Imprensa (página) */
.midia-grade{display:grid;gap:32px 24px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.midia-grade .midia-cartao__t{font-size:1.12rem}
.midia-cartao__texto{margin-top:8px;font-size:.95rem;line-height:1.55;color:var(--ardosia)}

/* Página da área */
.area-pag__grid{display:grid;gap:40px}
@media (min-width:960px){.area-pag__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}}
.area-pag__foto{overflow:hidden;border-radius:6px;aspect-ratio:4/3}
.area-pag__foto img{width:100%;height:100%;object-fit:cover}
.catalogo{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.catalogo a{position:relative;display:flex;flex-direction:column;gap:8px;height:100%;padding:22px 22px 54px;border:1px solid var(--nevoa);border-radius:8px;background:var(--branco);text-decoration:none;transition:border-color .25s,transform .35s var(--ease),box-shadow .35s}
.catalogo a:hover{border-color:var(--suporte);transform:translateY(-3px);box-shadow:0 14px 30px -18px rgba(25,32,56,.45)}
.catalogo__t{font-family:var(--f-display);font-weight:700;font-size:1.15rem;line-height:1.22;color:var(--noite)}
.catalogo__s{font-size:.95rem;line-height:1.55;color:var(--ardosia)}
.catalogo__seta{position:absolute;left:22px;bottom:20px;width:22px;height:13px;color:var(--institucional);transition:transform .3s var(--ease)}
.catalogo a:hover .catalogo__seta{transform:translateX(6px)}
.catalogo__grupo{margin:44px 0 16px;font-family:var(--f-rotulo);font-weight:700;font-size:.9375rem;letter-spacing:.14em;text-transform:uppercase;color:var(--institucional)}
.catalogo__grupo:first-child{margin-top:0}

/* Página de serviço, solução ou curso (AIDA) */
.oferta-topo__area{position:relative;display:inline-block;margin-bottom:16px;padding:5px 12px;border:1px solid var(--acento);border-radius:999px;font-family:var(--f-rotulo);font-weight:700;font-size:.8125rem;letter-spacing:.12em;text-transform:uppercase;color:var(--perola);text-decoration:none}
.aida{display:grid;gap:clamp(40px,5vw,72px)}
.aida__bloco{display:grid;gap:18px}
@media (min-width:960px){.aida__bloco{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px}}
.aida__rot{font-family:var(--f-rotulo);font-weight:700;font-size:.8125rem;letter-spacing:.16em;text-transform:uppercase;color:var(--institucional)}
.aida__t{margin-top:8px;font-family:var(--f-display);font-weight:800;font-size:clamp(1.6rem,1rem + 1.8vw,2.5rem);line-height:1.05;letter-spacing:-.03em;color:var(--noite);text-wrap:balance}
.aida__texto{font-size:1.1rem;line-height:1.8;color:var(--ardosia)}
.aida__lista{border-top:1px solid var(--nevoa)}
.aida__lista li{display:flex;gap:14px;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--nevoa);font-size:1.05rem;line-height:1.5;color:var(--noite)}
.aida__lista li::before{content:"";flex:none;width:11px;height:6px;border:1.5px solid var(--suporte);border-radius:50%;transform:translateY(-3px) rotate(-14deg)}
.aida__quem{margin-top:18px;padding:18px 20px;border-radius:8px;background:var(--pagina);font-size:1rem;line-height:1.6;color:var(--ardosia)}
.aida__quem b{color:var(--noite)}
.oferta-acao{position:relative;overflow:hidden;background:linear-gradient(160deg,var(--noite) 0%,var(--noite) 50%,var(--institucional) 140%);padding-block:clamp(64px,8vw,112px)}
.oferta-acao .orb{width:1000px;aspect-ratio:1;left:50%;top:50%;translate:-50% -50%;opacity:.45}
.oferta-acao__grid{position:relative;display:grid;gap:40px}
@media (min-width:960px){.oferta-acao__grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px}}
.relacionados{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}

/* Observatório (lista e post) */
.obs-lista{display:grid;gap:8px 40px}
@media (min-width:960px){.obs-lista{grid-template-columns:1fr 1fr}}
.post-topo .lead{max-width:62ch}
.post-meta{position:relative;display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:18px;font-family:var(--f-rotulo);font-weight:600;font-size:.875rem;letter-spacing:.06em;color:var(--nevoa)}
.post-capa{margin-top:-1px}
.post-capa img{width:100%;max-height:560px;object-fit:cover}
.post-capa__credito{max-width:1200px;margin:0 auto;padding:6px 16px 0;font-size:12px;color:var(--cinza,#5b6478);text-align:right}
.post-atualizada{margin:0 0 18px;padding:10px 14px;border-left:3px solid var(--acento,#4A80B5);background:var(--perola,#EDF0F7);font-size:14px;line-height:1.5}
/* Glossário */
.glossario__letras{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}
.glossario__letras a,.glossario__letras span{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;font-family:var(--f-display);font-weight:800;text-decoration:none}
.glossario__letras a{background:var(--noite);color:var(--perola)}
.glossario__letras a:hover{background:var(--institucional)}
.glossario__letras span{color:var(--nevoa);border:1px solid var(--nevoa)}
.glossario__busca{display:block;margin-bottom:28px}
.glossario__grupo{scroll-margin-top:calc(var(--header-h) + 20px)}
.glossario__l{margin:32px 0 8px;font-family:var(--f-display);font-weight:800;font-size:2rem;color:var(--institucional);border-bottom:2px solid var(--noite)}
.glossario__lista{display:grid;gap:0;margin:0}
@media (min-width:960px){.glossario__lista{grid-template-columns:1fr 1fr;column-gap:40px}}
.glossario__item{padding:14px 0;border-bottom:1px solid var(--nevoa)}
.glossario__item[hidden],.glossario__grupo[hidden]{display:none}
.glossario__item dt a{font-family:var(--f-display);font-weight:700;font-size:1.12rem;color:var(--noite);text-decoration:none}
.glossario__item dt a:hover{color:var(--institucional);text-decoration:underline}
.glossario__item dd{margin:4px 0 0;font-size:.97rem;line-height:1.55;color:var(--ardosia)}
.link-glossario{text-decoration-style:dotted!important}

/* Portal do Observatório */
.obs-editorias{display:flex;gap:4px;overflow-x:auto;margin-top:6px;border-bottom:1px solid var(--nevoa);scrollbar-width:none}
.obs-editorias a{flex:none;padding:14px 14px 12px;text-decoration:none;font-family:var(--f-rotulo);font-weight:700;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ardosia);border-bottom:3px solid transparent}
.obs-editorias a:hover{color:var(--noite)}
.obs-editorias a[aria-current="page"]{color:var(--noite);border-bottom-color:var(--noite)}
.obs-capa{display:grid;gap:28px;margin-top:28px}
@media (min-width:960px){.obs-capa{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:36px}}
.obs-manchete a,.obs-destaque a,.obs-mini a{display:block;text-decoration:none;color:inherit}
.obs-manchete figure{overflow:hidden;border-radius:6px;aspect-ratio:16/9;background:var(--nevoa)}
.obs-manchete img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.obs-manchete a:hover img{transform:scale(1.03)}
.obs-manchete .obs-cartao__meta{margin-top:14px}
.obs-manchete__t{margin-top:8px;font-family:var(--f-display);font-weight:800;font-size:clamp(1.6rem,1rem + 2vw,2.6rem);line-height:1.05;letter-spacing:-.03em;color:var(--noite);text-wrap:balance}
.obs-manchete__r{margin-top:10px;font-size:1.05rem;line-height:1.6;color:var(--ardosia)}
.obs-manchete a:hover .obs-manchete__t,.obs-destaque a:hover .obs-cartao__t,.obs-mini a:hover .obs-cartao__t{text-decoration:underline;text-decoration-color:var(--suporte);text-underline-offset:.15em}
.obs-destaques{display:grid;gap:0;align-content:start}
.obs-destaque a{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--nevoa)}
.obs-destaque:first-child a{padding-top:0}
.obs-destaque figure{overflow:hidden;border-radius:6px;aspect-ratio:4/3;background:var(--nevoa)}
.obs-destaque img{width:100%;height:100%;object-fit:cover}
.obs-bloco{margin-top:56px}
.obs-bloco__topo{display:flex;justify-content:space-between;align-items:end;gap:16px;padding-bottom:10px;border-bottom:2px solid var(--noite);margin-bottom:20px}
.obs-bloco__t{font-family:var(--f-display);font-weight:800;font-size:clamp(1.4rem,1rem + 1vw,1.9rem);letter-spacing:-.02em;color:var(--noite)}
.obs-bloco__grade{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.obs-mini figure{overflow:hidden;border-radius:6px;aspect-ratio:3/2;margin-bottom:10px;background:var(--nevoa)}
.obs-mini img{width:100%;height:100%;object-fit:cover}
.obs-mini .obs-cartao__t{font-size:1.05rem}
.post-grade{display:grid;gap:48px}
@media (min-width:1080px){.post-grade{grid-template-columns:minmax(0,1fr) 300px;gap:64px;align-items:start}}
.post-meta-linha{margin-bottom:22px}
.post-resumo{margin-bottom:28px;padding:20px 22px;border-radius:8px;background:var(--pagina);border:1px solid var(--nevoa)}
.post-resumo__t{font-family:var(--f-rotulo);font-weight:700;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--institucional);margin-bottom:6px}
.post-resumo p:last-child{font-size:1.1rem;line-height:1.65;color:var(--noite)}
.post-texto{max-width:72ch}
.post-aviso{margin-top:28px;padding:14px 16px;border-left:1px solid var(--nevoa);background:var(--pagina);font-size:.88rem;line-height:1.55;color:var(--ardosia);max-width:72ch}
.post-fontes{margin-top:40px;padding-top:20px;border-top:1px solid var(--nevoa)}
.post-fontes__t{font-family:var(--f-rotulo);font-weight:700;font-size:.85rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ardosia);margin-bottom:10px}
.post-fontes ol{list-style:decimal;padding-left:1.2em;font-size:.95rem;line-height:1.6;color:var(--ardosia)}
.post-fontes a{color:var(--institucional)}
.post-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.post-tags a{display:inline-block;padding:6px 12px;border:1px solid var(--nevoa);border-radius:999px;text-decoration:none;font-size:.88rem;font-weight:600;color:var(--noite)}
.post-tags a:hover{border-color:var(--institucional)}
.post-lado{display:grid;gap:16px}
@media (min-width:1080px){.post-lado{position:sticky;top:calc(var(--header-h) + 24px)}}
.post-lado__bloco{padding:20px;border-radius:10px;border:1px solid var(--nevoa);background:var(--branco)}
.post-lado__t{font-family:var(--f-rotulo);font-weight:700;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--institucional);margin-bottom:12px}
.post-lado__item{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--nevoa);text-decoration:none;font-weight:700;font-size:.95rem;line-height:1.3;color:var(--noite)}
.post-lado__item img{width:72px;height:54px;object-fit:cover;border-radius:6px}
.post-lado__item:hover span{color:var(--institucional);text-decoration:underline}
.post-lado__cta{background:var(--noite);border-color:var(--noite);color:var(--perola)}
.post-lado__cta .post-lado__t{color:var(--acento)}
.post-lado__cta p{margin-bottom:14px;font-size:.98rem;color:var(--nevoa)}
@media (min-width:960px){.obs-lista--3{grid-template-columns:repeat(3,1fr)}}
.paginacao{display:flex;flex-wrap:wrap;gap:8px;margin-top:40px}
.paginacao .page-numbers{display:grid;place-items:center;min-width:44px;height:44px;padding:0 12px;border:1px solid var(--nevoa);border-radius:999px;text-decoration:none;color:var(--noite);font-weight:600}
.paginacao .current{background:var(--noite);color:var(--perola);border-color:var(--noite)}

/* Página de resultados da busca */
.busca-pagina{display:flex;gap:10px;max-width:720px;margin-bottom:20px}
.busca-pagina input{flex:1;min-width:0;min-height:52px;padding:0 18px;border:1px solid var(--nevoa);border-radius:999px;font-size:1.05rem;color:var(--noite);background:var(--branco)}
.busca-pagina__conta{color:var(--ardosia);margin-bottom:12px}
.busca-pagina__lista{list-style:none;margin:0;padding:0;display:grid;gap:4px;max-width:860px}
.busca-pagina__areas{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0}
.busca-pagina__areas a{display:inline-block;padding:8px 14px;border:1px solid var(--nevoa);border-radius:999px;color:var(--noite);text-decoration:none;font-weight:600}
/* Cabeçalho: logo · 6 áreas · busca (ícone) · Contato — sempre cabe, de 1200px em diante */
@media (min-width:1200px){
  .header .wrap.header__in{max-width:1640px;gap:16px}
  .nav{flex:1;min-width:0}
  .nav__list{justify-content:center;gap:clamp(8px,1.1vw,24px)}
  .header__acoes{gap:6px}
  .busca-btn{padding:0;min-width:42px}
}
@media (min-width:1200px) and (max-width:1439px){
  .nav__btn{letter-spacing:.03em;font-size:.78rem}
  .header .btn.header__cta{padding:.55em .9em}
}
@media (min-width:1440px){.nav__btn{letter-spacing:.06em}}
.util__sep{align-self:center;width:1px;height:14px;background:rgba(237,240,247,.25)}

/* Topo das páginas internas com foto do banco de imagens */
.pagina-topo--foto{padding-block:clamp(88px,11vw,168px) clamp(56px,7vw,104px)}
.pagina-topo__foto{position:absolute;inset:0}
.pagina-topo__foto img{width:100%;height:100%;object-fit:cover}
.pagina-topo__veu{position:absolute;inset:0;background:linear-gradient(90deg,rgba(25,32,56,.94) 0%,rgba(25,32,56,.82) 45%,rgba(25,32,56,.45) 100%),linear-gradient(0deg,rgba(25,32,56,.6),transparent 40%)}
.pagina-topo--foto .wrap{position:relative}
@media (max-width:767px){.pagina-topo__veu{background:rgba(25,32,56,.84)}}
.cliente--logo-clara figure,.cliente--logo-clara img{background:var(--noite);border-radius:6px;padding:8px}
.logos__lista .logo-clara img{background:var(--noite);border-radius:6px;padding:8px 12px}
.clientes-intro__grade{display:grid;gap:24px 64px}
@media (min-width:960px){.clientes-intro__grade{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start}}
.pagina-topo__credito{position:absolute;right:16px;bottom:10px;z-index:2;margin:0;font-size:11px;color:rgba(237,240,247,.75)}
.single-post .pagina-topo--foto h1{max-width:24ch}

/* ---------- Menu principal (conceito: 4 entradas) ---------- */
.util__frase{margin:0;font-size:.85rem;color:rgba(237,240,247,.7)}
@media (max-width:767px){.util__frase{display:none}}
.nav__list{justify-content:center;gap:clamp(18px,2.4vw,40px)}
.nav__a,.nav__btn{font-size:.9rem;letter-spacing:.06em}
@media (min-width:1200px){.header .wrap.header__in{max-width:var(--max)}}
.nav__a{display:inline-flex;align-items:center;padding:8px 0;border-bottom:1px solid transparent;color:var(--perola);text-decoration:none;font-family:var(--f-rotulo);font-weight:600;text-transform:uppercase;white-space:nowrap}
.nav__a:hover{border-bottom-color:var(--acento)}
@media (min-width:1100px){.nav{display:block}.menu-btn{display:none}}
@media (min-width:1000px) and (max-width:1099px){.nav{display:none}.menu-btn{display:inline-flex}}
.mega-areas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 40px;padding-block:32px 36px}
.mega-area__t{display:block;font-family:var(--f-display);font-weight:800;font-size:1.15rem;line-height:1.15;color:var(--branco);text-decoration:none;margin-bottom:10px}
.mega-area__t:hover{color:var(--nevoa)}
.mega-area__n{display:block;font-family:var(--f-rotulo);font-weight:700;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--acento);margin-bottom:4px}
.mega-area ul{list-style:none;margin:0 0 8px;padding:0}
.mega-area li a{display:block;padding:6px 0;color:var(--perola);text-decoration:none;font-size:.92rem;line-height:1.35;border-bottom:1px solid var(--linha)}
.mega-area li a:hover{color:var(--branco)}
.mega-area__ver{display:inline-block;margin-top:6px;font-size:.88rem;font-weight:700;color:var(--nevoa);text-decoration:none}
.mega-area__ver:hover{color:var(--branco)}
.mega-col{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr) minmax(0,.8fr);gap:40px;padding-block:32px 36px;align-items:start}
.mega-col__t{margin:8px 0 16px;font-family:var(--f-display);font-weight:800;font-size:1.4rem;line-height:1.15;color:var(--branco)}
.mega__lista--3{columns:2}
.mega-col__destaque{display:grid;gap:12px}
.mega-card{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border:1px solid var(--linha);border-radius:10px;color:var(--nevoa);text-decoration:none;font-size:.9rem}
.mega-card:hover{border-color:var(--acento)}
.mega-card__t{font-weight:700;color:var(--branco);font-size:1rem}
.mega-links{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 32px;grid-column:span 2}
.mega-links a{display:flex;flex-direction:column;gap:2px;padding:12px 0;border-bottom:1px solid var(--linha);text-decoration:none;color:var(--nevoa);font-size:.9rem}
.mega-links strong{color:var(--branco);font-size:1.02rem}
.mega-links a:hover strong{text-decoration:underline;text-decoration-color:var(--acento);text-underline-offset:.22em}
.mmenu__grupos{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px}
.logos{overflow:hidden;max-width:100%}.logos__trilho{overflow:hidden}

/* ---------- Cabeçalho em duas linhas (opção A): institucional em cima, 6 áreas embaixo ---------- */
.header{height:auto}
.header .wrap.header__in{height:72px;max-width:var(--max)}
.nav--inst .nav__list{justify-content:flex-end;gap:clamp(16px,1.8vw,30px)}
.nav--inst .nav__a,.nav--inst .nav__btn{text-transform:none;letter-spacing:0;font-size:.95rem;font-weight:500}
.nav--inst{flex:1;min-width:0;margin-right:8px}
.areas-bar{display:none;border-top:1px solid var(--linha)}
.areas-bar__list{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;margin:0;padding:0;height:50px}
.areas-bar__btn{font-size:.82rem;letter-spacing:.07em}
@media (min-width:1100px){
  :root{--header-h:123px}
  .areas-bar{display:block}
  .header .wrap.header__in{height:72px}
}
@media (min-width:1100px) and (max-width:1279px){.areas-bar__btn{font-size:.74rem;letter-spacing:.03em}.nav--inst .nav__list{gap:14px}.nav--inst .nav__a,.nav--inst .nav__btn{font-size:.88rem}}
/* Contadores mais compactos */
.contadores{margin:clamp(28px,3vw,44px) 0}
.contador{padding:16px 16px 16px 0;gap:4px}
@media (min-width:960px){.contador{padding:18px 22px 18px 0}.contador + .contador{padding-left:22px}}
.contador dd{font-size:clamp(1.7rem,1.1rem + 1.4vw,2.6rem);white-space:nowrap}
.contador dt{font-size:.88rem;max-width:26ch}
.contador--mapa dd{line-height:0}
.contador--mapa .mapa-brasil{width:clamp(44px,3.6vw,60px);height:auto;color:var(--branco)}
.autoridade__t{font-size:clamp(1.9rem,1.1rem + 2.6vw,3.4rem)!important;max-width:24ch}
/* Autoridade: título + "Quem somos" ao lado; "Quem faz" com foto de fundo */
.autoridade{padding-bottom:0}
.autoridade__topo{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 40px}
.autoridade__quem{flex:none;display:inline-flex;align-items:center;gap:10px}
.autoridade__quem svg{width:18px;height:12px}
.quem-faz{position:relative;overflow:hidden;margin-top:clamp(24px,3vw,40px);padding-block:clamp(72px,9vw,128px)}
.quem-faz__foto{position:absolute;inset:0}
.quem-faz__foto img{width:100%;height:100%;object-fit:cover}
.quem-faz__veu{position:absolute;inset:0;background:linear-gradient(90deg,rgba(25,32,56,.95) 0%,rgba(25,32,56,.85) 50%,rgba(25,32,56,.45) 100%)}
.quem-faz__in{position:relative}
.quem-faz__t{max-width:34ch;margin:0 0 24px;font-family:var(--f-display);font-weight:800;font-size:clamp(1.5rem,1rem + 1.6vw,2.4rem);line-height:1.15;letter-spacing:-.02em;color:var(--branco)}
.quem-faz .selos{margin-bottom:28px}
@media (max-width:767px){.quem-faz__veu{background:rgba(25,32,56,.86)}}
.quem-faz__t{font-size:clamp(1.2rem,.95rem + .9vw,1.7rem);line-height:1.3;max-width:44ch;font-weight:700}
.autoridade__lead{position:relative;max-width:62ch;margin-top:18px;color:var(--perola)}

/* Página inicial: as 6 áreas com TODOS os serviços (automático) */
.areas6__chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:clamp(32px,4vw,56px)}
.areas6__chips a{padding:8px 16px;border:1px solid var(--nevoa);border-radius:999px;background:var(--branco);color:var(--noite);text-decoration:none;font-weight:600;font-size:.92rem}
.areas6__chips a:hover{border-color:var(--institucional)}
.areas6__lista{display:grid;gap:clamp(40px,5vw,72px)}
.area7{display:grid;gap:28px;padding-top:clamp(32px,4vw,48px);border-top:1px solid var(--nevoa);scroll-margin-top:calc(var(--header-h) + 24px)}
@media (min-width:1000px){.area7{grid-template-columns:minmax(0,1fr) minmax(0,2.4fr);gap:56px;align-items:start}}
.area7__foto{overflow:hidden;border-radius:6px;aspect-ratio:16/10;background:var(--nevoa);margin-bottom:18px}
.area7__foto img{width:100%;height:100%;object-fit:cover}
.area7__nome{font-family:var(--f-display);font-weight:800;font-size:clamp(1.5rem,1rem + 1.4vw,2.1rem);line-height:1.05;letter-spacing:-.03em;color:var(--noite)}
.area7__nome a{color:inherit;text-decoration:none}
.area7__nome a:hover{text-decoration:underline;text-decoration-color:var(--suporte);text-underline-offset:.12em}
.area7__resumo{margin-top:12px;font-size:1rem;line-height:1.6;color:var(--ardosia)}
.area7__acoes{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:22px}
.area7__proposta{min-height:52px;padding:.8em 1.6em;font-size:1rem;font-weight:700;background:var(--noite);color:var(--perola);box-shadow:0 10px 24px -12px rgba(25,32,56,.55)}
.area7__proposta:hover{background:var(--institucional)}
.area7__conta{font-family:var(--f-rotulo);font-weight:700;font-size:.8125rem;letter-spacing:.14em;text-transform:uppercase;color:var(--institucional);margin-bottom:10px}
.area7__svc ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));column-gap:28px;border-top:1px solid var(--nevoa)}
.area7__svc li{border-bottom:1px solid var(--nevoa)}
.area7__svc a{display:block;padding:10px 0;color:var(--noite);text-decoration:none;font-size:.95rem;font-weight:600;line-height:1.35}
.area7__svc a:hover{color:var(--institucional);text-decoration:underline;text-decoration-color:var(--suporte);text-underline-offset:.2em}
@media (min-width:1000px){.area7__lado{position:sticky;top:calc(var(--header-h) + 24px)}}

/* Faixa de clientes: rolagem contínua sem buracos, logos em cinza (cor no passar do mouse), toda a faixa leva aos clientes */
.logos__trilho{display:block;overflow:hidden;text-decoration:none}
.logos__pista{display:flex;width:max-content}
.logos__lista{display:flex;align-items:center;gap:0;padding:0;margin:0;width:max-content}
.logos__lista li{flex:none;width:150px;height:84px;display:grid;place-items:center;margin-right:clamp(28px,3vw,48px)}
.logos__lista img{height:72px;width:auto;max-width:140px;object-fit:contain;filter:grayscale(1);opacity:.65;transition:filter .3s,opacity .3s}
.logos__lista li:hover img{filter:none;opacity:1}
.logos__lista .logo-clara img{filter:grayscale(1)}
.logos__lista .logo-clara:hover img{filter:none}
@media (prefers-reduced-motion:no-preference){
  .js .logos__lista{animation:none}
  .js .logos__pista{animation:desliza var(--dur,90s) linear infinite}
  .js .logos__trilho:hover .logos__pista,.js .logos__trilho:focus-visible .logos__pista{animation-play-state:paused}
}
@media (prefers-reduced-motion:reduce){.logos__trilho{overflow-x:auto}}
/* ---------- Vitrine das 6 áreas: painéis cinematográficos (acordeão de fotos) ---------- */
.vitrine{background:var(--noite);padding:clamp(12px,1.4vw,20px)}
.vitrine__palco{display:flex;gap:clamp(8px,.9vw,14px);height:clamp(420px,62vh,600px)}
.vitrine__painel{position:relative;flex:1 1 0;min-width:0;overflow:hidden;border-radius:10px;text-decoration:none;color:var(--branco);isolation:isolate;transition:flex-grow .9s cubic-bezier(.77,0,.18,1)}
.vitrine__painel.is-ativo{flex-grow:4.2}
.vitrine__foto{position:absolute;inset:0;z-index:-2}
.vitrine__foto img{width:100%;height:100%;object-fit:cover;transform:scale(1.12);filter:saturate(.75) brightness(.8);transition:transform 1.6s cubic-bezier(.16,1,.3,1),filter .9s ease}
.vitrine__painel.is-ativo .vitrine__foto img{transform:scale(1.02);filter:none}
.vitrine__veu{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(25,32,56,.92) 0%,rgba(25,32,56,.45) 45%,rgba(25,32,56,.25) 100%);transition:background .9s ease}
.vitrine__painel:not(.is-ativo) .vitrine__veu{background:rgba(25,32,56,.62)}
.vitrine__curto{position:absolute;left:50%;bottom:clamp(24px,3vw,40px);transform:translateX(-50%) rotate(180deg);writing-mode:vertical-rl;font-family:var(--f-rotulo);font-weight:700;font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;color:var(--perola);transition:opacity .5s ease}
.vitrine__painel.is-ativo .vitrine__curto{opacity:0}
.vitrine__info{position:absolute;left:clamp(22px,3vw,44px);right:clamp(22px,3vw,44px);bottom:clamp(26px,3.4vw,48px);display:flex;flex-direction:column;gap:10px;opacity:0;transform:translateY(16px);transition:opacity .45s ease,transform .45s ease;pointer-events:none}
.vitrine__painel.is-ativo .vitrine__info{opacity:1;transform:none;transition:opacity .7s cubic-bezier(.16,1,.3,1) .35s,transform .9s cubic-bezier(.16,1,.3,1) .35s}
.vitrine__nome{font-family:var(--f-display);font-weight:800;font-size:clamp(1.7rem,1rem + 2.2vw,3.2rem);line-height:1;letter-spacing:-.035em;max-width:18ch;text-wrap:balance}
.vitrine__linha{font-size:clamp(1rem,.9rem + .3vw,1.15rem);line-height:1.45;color:var(--nevoa);max-width:44ch}
.vitrine__ir{display:inline-flex;align-items:center;gap:10px;margin-top:6px;font-family:var(--f-rotulo);font-weight:700;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--perola)}
.vitrine__ir svg{width:18px;height:12px;transition:transform .3s ease}
.vitrine__painel:hover .vitrine__ir svg{transform:translateX(5px)}
.vitrine__tempo{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(237,240,247,.12);opacity:0;transition:opacity .4s}
.vitrine__tempo span{display:block;height:100%;width:0;background:var(--acento)}
.vitrine__painel.is-ativo .vitrine__tempo{opacity:1}
.vitrine.is-rodando .vitrine__painel.is-ativo .vitrine__tempo span{animation:vitrine-tempo var(--vitrine-t,6s) linear forwards}
@keyframes vitrine-tempo{to{width:100%}}
.vitrine__painel:focus-visible{outline:2px solid var(--perola);outline-offset:3px}
@media (max-width:899px){
  .vitrine__palco{height:auto;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:2px}
  .vitrine__palco::-webkit-scrollbar{display:none}
  .vitrine__painel,.vitrine__painel.is-ativo{flex:0 0 82%;height:440px;scroll-snap-align:center}
  .vitrine__curto{display:none}
  .vitrine__info{opacity:1;transform:none}
  .vitrine__foto img{transform:none;filter:none}
  .vitrine__painel:not(.is-ativo) .vitrine__veu{background:linear-gradient(0deg,rgba(25,32,56,.92) 0%,rgba(25,32,56,.35) 60%)}
}
@media (prefers-reduced-motion:reduce){.vitrine__painel,.vitrine__foto img,.vitrine__info{transition:none}}
/* Vitrine — suavidade: texto com largura fixa (não refaz quebras durante a abertura), véus por opacidade, sem filtro animado */
.vitrine__painel{transition:flex-grow 1s cubic-bezier(.65,0,.35,1);will-change:flex-grow}
.vitrine__foto img{filter:none;transform:scale(1.1);transition:transform 1.8s cubic-bezier(.22,1,.36,1);will-change:transform;backface-visibility:hidden}
.vitrine__painel.is-ativo .vitrine__foto img{transform:scale(1.01)}
.vitrine__veu{background:linear-gradient(0deg,rgba(25,32,56,.92) 0%,rgba(25,32,56,.45) 45%,rgba(25,32,56,.2) 100%);transition:none}
.vitrine__painel:not(.is-ativo) .vitrine__veu{background:linear-gradient(0deg,rgba(25,32,56,.92) 0%,rgba(25,32,56,.45) 45%,rgba(25,32,56,.2) 100%)}
.vitrine__veu::after{content:"";position:absolute;inset:0;background:rgba(25,32,56,.55);opacity:1;transition:opacity .9s cubic-bezier(.65,0,.35,1)}
.vitrine__painel.is-ativo .vitrine__veu::after{opacity:0}
.vitrine__info{right:auto;width:min(620px,calc(100vw - 420px));transform:translate3d(0,14px,0);opacity:0;transition:opacity .25s ease,transform .25s ease;will-change:opacity,transform}
.vitrine__painel.is-ativo .vitrine__info{opacity:1;transform:translate3d(0,0,0);transition:opacity .8s cubic-bezier(.22,1,.36,1) .55s,transform 1s cubic-bezier(.22,1,.36,1) .55s}
.vitrine__curto{transition:opacity .35s ease .1s}
.vitrine__painel.is-ativo .vitrine__curto{transition:opacity .2s ease}
.vitrine__painel:not(.is-ativo) .vitrine__curto{transition:opacity .5s ease .7s}
@media (max-width:899px){.vitrine__info{width:auto;right:clamp(22px,3vw,44px)}.vitrine__veu::after{display:none}}
@media (min-width:900px){.vitrine__info{width:calc((100vw - 120px) * .4565 - clamp(44px,6vw,88px))}}

/* ---------- Ferramentas (calculadoras) ---------- */
.ferr__grade{display:grid;gap:28px}
@media (min-width:960px){.ferr__grade{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}}
.ferr__form{display:grid;gap:16px;padding:28px;border:1px solid var(--nevoa);border-radius:12px;background:var(--branco)}
.ferr__form label{display:grid;gap:6px;font-weight:700;color:var(--noite);font-size:.95rem}
.ferr__form input,.ferr__form select{min-height:50px;padding:0 16px;border:1px solid var(--nevoa);border-radius:8px;font-size:1.05rem;color:var(--noite);background:var(--branco);font-variant-numeric:tabular-nums}
.ferr__form input:focus,.ferr__form select:focus{outline:2px solid var(--institucional);outline-offset:1px}
.ferr__ajuda{margin:-6px 0 0;font-size:.86rem;color:var(--ardosia)}
.ferr__erro{margin:0;color:#A32D2D;font-size:.92rem;font-weight:600}
.ferr__res{padding:28px;border-radius:12px;background:var(--noite);color:var(--perola)}
.ferr__res-vazio{color:var(--nevoa)}
.ferr__nums{display:grid;gap:14px;margin:0}
.ferr__nums div{display:grid;gap:2px;padding-bottom:12px;border-bottom:1px solid var(--linha)}
.ferr__nums dt{font-size:.88rem;color:var(--nevoa)}
.ferr__nums dd{margin:0;font-family:var(--f-display);font-weight:800;font-size:1.35rem;color:var(--branco);font-variant-numeric:tabular-nums}
.ferr__nums .ferr__destaque{font-size:clamp(1.6rem,1.2rem + 1.4vw,2.3rem)}
.ferr__aviso{margin:16px 0 0;font-size:.82rem;color:var(--nevoa)}
.ferr__texto{margin-top:clamp(40px,5vw,72px);max-width:78ch}
.ferr__texto table{width:100%;border-collapse:collapse;margin:16px 0}
.ferr__texto th,.ferr__texto td{padding:10px 12px;border-bottom:1px solid var(--nevoa);text-align:left;font-variant-numeric:tabular-nums}
.ferr__lista{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.ferr__card{display:flex;flex-direction:column;gap:10px;padding:26px;border:1px solid var(--nevoa);border-radius:12px;text-decoration:none;color:var(--ardosia);background:var(--branco);transition:border-color .2s}
.ferr__card:hover{border-color:var(--institucional)}
.ferr__card-t{font-family:var(--f-display);font-weight:800;font-size:1.3rem;color:var(--noite)}

/* ===== Caixa comercial "A Evoluta pode ajudar" — separada do conteúdo editorial ===== */
.cta-ev{position:relative;margin-block:clamp(40px,5vw,64px);padding:clamp(24px,3.4vw,40px);border-radius:14px;background:linear-gradient(155deg,var(--noite) 0%,var(--profundo) 70%,var(--institucional) 130%);color:var(--perola);box-shadow:0 0 0 1px var(--institucional),0 24px 48px -28px rgba(15,17,25,.55);scroll-margin-top:calc(var(--header-h) + 24px)}
.cta-ev::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;border-radius:14px 14px 0 0;background:var(--acento)}
.cta-ev__selo{display:flex;align-items:center;gap:10px;margin-bottom:18px;font-family:Consolas,'Courier New',monospace;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--nevoa)}
.cta-ev__selo span{padding:3px 8px;border:1px solid var(--linha-forte);border-radius:4px;color:var(--perola);font-weight:700}
.cta-ev__t{font-size:clamp(1.35rem,2.2vw,1.75rem);line-height:1.2;color:var(--branco);margin:0 0 8px}
.cta-ev__p{max-width:62ch;color:var(--nevoa);font-size:1rem;line-height:1.6;margin:0}
.cta-ev__itens{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:12px}
@media (min-width:720px){.cta-ev__itens{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}
.cta-ev__item{display:grid;grid-template-rows:auto auto auto 1fr auto;gap:6px;height:100%;padding:12px 12px 14px;border:1px solid var(--linha);border-radius:10px;background:rgba(237,240,247,.04);text-decoration:none;color:var(--perola);transition:border-color .2s,background-color .2s}
.cta-ev__item:hover{border-color:var(--acento);background:rgba(237,240,247,.08)}
.cta-ev__item img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:6px;margin-bottom:4px}
.cta-ev__tipo{font-family:Consolas,'Courier New',monospace;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--acento)}
.cta-ev__item strong{font-size:1rem;line-height:1.3;color:var(--branco)}
.cta-ev__resumo{font-size:.9rem;line-height:1.5;color:var(--nevoa)}
.cta-ev__mais{display:inline-flex;align-items:center;gap:6px;margin-top:4px;font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--perola)}
.cta-ev__mais svg{width:14px;height:14px}
.cta-ev__acoes{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;padding-top:22px;border-top:1px solid var(--linha)}
.cta-ev__acoes .btn{min-height:48px}
.cta-ev__form{margin-top:18px}
.cta-ev__form summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--perola);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--linha-forte)}
.cta-ev__form summary::-webkit-details-marker{display:none}
.cta-ev__form summary::before{content:"+";display:inline-grid;place-items:center;width:22px;height:22px;border:1px solid var(--linha-forte);border-radius:50%;font-size:.9rem;text-decoration:none}
.cta-ev__form[open] summary::before{content:"–"}
.cta-ev__form .form{margin-top:18px}
@media (max-width:519px){.cta-ev__acoes .btn{flex:1 1 100%;justify-content:center}}
@media (max-width:719px){.cta-ev__item{grid-template-columns:88px 1fr;grid-template-rows:auto auto auto;column-gap:12px;row-gap:2px;align-items:start}.cta-ev__item img{grid-row:1 / span 3;width:88px;height:66px;aspect-ratio:auto;margin:0}.cta-ev__resumo{display:none}.cta-ev__mais{margin-top:2px}}
/* Faixa de clientes: logos maiores e mais próximas (12/10) */
.logos{padding-block:24px 26px}
.logos__topo{margin-bottom:10px}
.logos__lista li{width:clamp(150px,13vw,210px);height:clamp(96px,8vw,120px);margin-right:clamp(10px,1.2vw,20px)}
.logos__lista img{height:100%;width:100%;max-width:none;max-height:none;object-fit:contain;opacity:.85}
.logos__lista .logo-clara img{padding:10px 14px}
@media (max-width:719px){.logos__lista li{width:130px;height:84px;margin-right:10px}}
/* Equipe: 3 por linha no computador (12/10) */
.equipe-grade{grid-template-columns:1fr;gap:36px 32px}
@media (min-width:600px){.equipe-grade{grid-template-columns:repeat(2,1fr)}}
@media (min-width:960px){.equipe-grade{grid-template-columns:repeat(3,1fr)}}

/* ===== Pedido de informações nas páginas de serviço/curso/solução ===== */
.lead-srv{position:relative;overflow:hidden;background:radial-gradient(120% 140% at 0% 0%,var(--medio) 0%,var(--institucional) 38%,var(--noite) 100%);color:var(--perola);padding-block:clamp(56px,7vw,96px);scroll-margin-top:calc(var(--header-h) + 16px)}
.lead-srv::after{content:"";position:absolute;right:-160px;top:-160px;width:520px;aspect-ratio:1;border:1px solid var(--linha);border-radius:50%;pointer-events:none}
.lead-srv__grid{position:relative;display:grid;gap:36px;align-items:start}
@media (min-width:960px){.lead-srv__grid{grid-template-columns:1fr 1.05fr;gap:64px}}
.lead-srv__rot{font-family:Consolas,'Courier New',monospace;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--nevoa);margin-bottom:14px}
.lead-srv__t{font-size:clamp(1.7rem,3.2vw,2.6rem);line-height:1.12;color:var(--branco);margin:0 0 14px}
.lead-srv__p{font-size:1.06rem;line-height:1.6;color:var(--nevoa);max-width:52ch;margin:0 0 20px}
.lead-srv__lista{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:10px}
.lead-srv__lista li{position:relative;padding-left:28px;color:var(--perola)}
.lead-srv__lista li::before{content:"";position:absolute;left:0;top:.35em;width:16px;height:9px;border-left:2px solid var(--acento);border-bottom:2px solid var(--acento);transform:rotate(-45deg)}
.lead-srv__wa{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--perola);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--linha-forte)}
.lead-srv__wa:hover{text-decoration-color:var(--perola)}
.lead-srv__form{padding:clamp(20px,3vw,32px);border-radius:14px;background:rgba(15,17,25,.38);box-shadow:0 0 0 1px var(--linha-forte),0 30px 60px -30px rgba(0,0,0,.6)}
.lead-srv__form .form{margin-top:0}
.lead-srv__form .btn{min-height:52px;font-size:1rem}
.lead-srv__wa svg{width:20px;height:20px;flex:none}
/* Tabelas no celular: rolam para o lado em vez de serem cortadas */
.prosa table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
/* Logos nunca passam do espaço reservado na faixa (12/10) */
.logos__lista li{overflow:hidden}
.logos__lista img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
/* Abas de perfil: quebram em linhas, sem barra de rolagem (12/10) */
.comecar__abas{flex-wrap:wrap;overflow:visible;padding-bottom:0}
.comecar__abas > *{flex:0 0 auto}
.trilho{scrollbar-width:none}.trilho::-webkit-scrollbar{display:none}
/* Logos: limite em pixels (porcentagem não funciona dentro do grid) */
.logos__lista img{max-height:clamp(60px,5.2vw,84px);max-width:88%}
@media (max-width:719px){.logos__lista img{max-height:56px}}