/* WessIA V21 — régua estrutural consolidada
   Uma única régua para superfícies, texto, ações, espaçamento e alinhamento.
   Não altera conteúdo/SEO. */
:root{
  --ws-page:#F3F5F5;
  --ws-surface:#FFFFFF;
  --ws-text:#162A33;
  --ws-line:#CBD6DA;
  --ws-line-strong:#9BB0B8;
  --ws-accent:#6F929F;
  --ws-shadow:0 8px 24px rgba(22,42,51,.055);
  --ws-shadow-hover:0 12px 30px rgba(22,42,51,.085);
  --ws-radius:16px;
  --ws-radius-sm:12px;
  --ws-max:1180px;
  --ws-gutter:24px;
  --ws-section:52px;
  --ws-section-mobile:34px;
}

/* 1. Base única */
html{background:var(--ws-page);scroll-behavior:smooth;}
body{margin:0;background:var(--ws-page)!important;color:var(--ws-text)!important;}
*,*::before,*::after{box-sizing:border-box;}
body :where(h1,h2,h3,h4,h5,h6,p,li,dt,dd,span,small,strong,b,em,label,summary,figcaption,blockquote,a,button,input,select,textarea){
  color:var(--ws-text)!important;
  -webkit-text-fill-color:var(--ws-text)!important;
  text-shadow:none!important;
}
body :where(svg){color:var(--ws-text);}
body ::placeholder{color:var(--ws-text)!important;opacity:.62!important;}

/* 2. Fundo: página contínua, sem faixas aleatórias */
body,
body > header,
body > footer,
main#main-content,
main#main-content > section,
main#main-content > div,
main#main-content > article,
.v22-header,.v25-header,.v22-footer,.v25-footer,
.site-header,.site-footer{
  background:var(--ws-page)!important;
  background-image:none!important;
}

/* 3. Régua horizontal única */
:where(.container,.v21-shell,.v22-shell,.v9-wrap,.v91-wrap,.c26-shell,.v16-hub-shell,.v86-shell,.site-wrap,
.inner-hero-grid,.final-cta-inner,.v22-footer-grid,.v25-footer-grid,.v22-footer-bottom,.v25-footer-bottom){
  width:min(var(--ws-max),calc(100% - (var(--ws-gutter) * 2)))!important;
  max-width:var(--ws-max)!important;
  margin-inline:auto!important;
}

/* Containers que também são seções: nunca somar largura central + padding legado. */
html body#wessia-v9:not(.v21-demo) main#main-content > :is(section,article).container{
  width:min(var(--ws-max),calc(100% - (var(--ws-gutter) * 2)))!important;
  max-width:var(--ws-max)!important;
  margin-inline:auto!important;
  padding-inline:0!important;
}

/* Seções institucionais: ritmo consistente sem comprimir demos/experiências */
body:not(.v21-demo) main#main-content > :is(section,article){
  min-height:0!important;
  padding-block:var(--ws-section)!important;
  margin-block:0!important;
  border-color:var(--ws-line)!important;
}
body:not(.v21-demo) main#main-content > div.v91-wrap{
  padding-block:28px!important;
}

/* 4. Tipografia e largura de leitura */
body :where(h1,h2,h3){overflow-wrap:normal;word-break:normal;hyphens:none;}
body :where(p,li,dd){line-height:1.62;}
:where(.article-body,.v9-article-shell,.article-content .content-layout){
  max-width:820px!important;
  margin-inline:auto!important;
}
:where(.article-body,.v9-article-shell) p{max-width:74ch;}

/* Cabeçalhos de seção: mesma lógica no site inteiro */
:where(.v22-section-head,.section-heading.split-heading,.v21-related-head){
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr)!important;
  gap:clamp(24px,4vw,64px)!important;
  align-items:end!important;
  width:100%!important;
  margin:0 0 28px!important;
}
:where(.v22-section-head,.section-heading.split-heading,.v21-related-head) > *{min-width:0!important;}
:where(.v22-section-head,.section-heading.split-heading,.v21-related-head) h2{
  max-width:20ch!important;
  margin:0!important;
  line-height:1.03!important;
}
:where(.v22-section-head,.section-heading.split-heading) > p{max-width:56ch!important;margin:0!important;justify-self:end!important;}

/* 5. Superfícies: mesma função = mesma superfície */
:where(
  [data-w12-card="1"],
  .card,.panel,.tile,.prime-card,.service-card,.project-card,.choice-card,.feature-card,.item-card,.menu-card,.catalog-card,
  .v9-blog-card,.v16-demo-card,.v20-demo-card,.v36-project-card,.v77-evidence-card,.v86-form-card,.v86-proof-card,
  .v91-data-card,.v91-metric,.v26-doc-card,.hero-card,.interactive-card,.quote-preview,.booking-panel,.order-summary,
  .interaction-status,.tool-board,.scope-output,.deliverables,.comparison-wrap,.prime-choice,.v9-proofbar,.v91-preferred,
  .v25-inline-cta,.v72-proof-inner,
  [class*="-card"],[class$="card"],[class*=" card"],
  [class*="-panel"],[class$="panel"],[class*=" panel"],
  [class*="-tile"],[class$="tile"],[class*=" tile"]
){
  background:var(--ws-surface)!important;
  background-color:var(--ws-surface)!important;
  background-image:none!important;
  border-color:var(--ws-line)!important;
  color:var(--ws-text)!important;
}

/* Cards comerciais/editoriais */
:where(
  [data-w12-card="1"],.prime-card,.service-card,.project-card,.choice-card,.feature-card,.item-card,
  .v9-blog-card,.v16-demo-card,.v20-demo-card,.v21-related-grid>a,.v22-cap-grid>a,.v22-market-grid>a,.v22-insight-grid>a,
  .v25-project-points>article,.v91-data-card,.v91-metric,.v26-doc-card,.v91-preferred,.v25-inline-cta,.v72-proof-inner
){
  border:1px solid var(--ws-line)!important;
  border-radius:var(--ws-radius)!important;
  box-shadow:var(--ws-shadow)!important;
}

/* Estado não muda de paleta */
:where([data-w12-card="1"],.card,.panel,.tile,[class*="-card"],[class*="-panel"],[class*="-tile"]):is(:hover,:focus-within,.active,.is-active,.selected,.is-selected){
  background:var(--ws-surface)!important;
  border-color:var(--ws-line-strong)!important;
  box-shadow:var(--ws-shadow-hover)!important;
}

/* 6. Botões, chips e controles: uma superfície única */
:where(
  button,.btn,.button,[role="button"],a[class*="btn"],a[class*="button"],a[class*="cta"],
  .v22-cta,.v25-header-cta,.v25-footer-cta,.v22-btn,.v86-audit-btn,.v86-audit-link,.v9-action,
  .v90-intent-routes>a,.v14-case-actions>a,.prime-mobile-cta a,.v88-lead-float,.v25-whatsapp,.whatsapp-float,.floating-whatsapp,
  .chip,.pill,.tag,.badge,.v16-filter,.v22-filter,.v22-chip
){
  background:var(--ws-surface)!important;
  background-color:var(--ws-surface)!important;
  background-image:none!important;
  color:var(--ws-text)!important;
  -webkit-text-fill-color:var(--ws-text)!important;
  border:1px solid var(--ws-line-strong)!important;
  box-shadow:none!important;
}
:where(button,.btn,.button,[role="button"],a[class*="btn"],a[class*="button"],a[class*="cta"],.v22-cta,.v25-header-cta,.v25-footer-cta,.v22-btn,.v86-audit-btn,.v86-audit-link,.v9-action,.v90-intent-routes>a,.v14-case-actions>a):is(:hover,:focus-visible,:active){
  background:var(--ws-surface)!important;
  border-color:var(--ws-accent)!important;
  box-shadow:0 0 0 3px rgba(111,146,159,.12)!important;
}

/* 7. Navegação: alinhada, sem setas decorativas inconsistentes */
body > :is(header,.v22-header,.v25-header){border-bottom:1px solid var(--ws-line)!important;}
:where(.v22-desktop-nav,.v25-desktop-nav){align-items:center!important;gap:6px!important;}
:where(.v22-desktop-nav,.v25-desktop-nav) > :is(details,a){margin:0!important;}
:where(.v22-desktop-nav,.v25-desktop-nav) > details > summary,
:where(.v22-desktop-nav,.v25-desktop-nav) > a{
  min-height:42px!important;
  padding:0 12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:10px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  line-height:1.1!important;
}
:where(.v22-menu,.v25-menu)>summary{list-style:none!important;}
:where(.v22-menu,.v25-menu)>summary::-webkit-details-marker{display:none!important;}
:where(.v22-menu,.v25-menu)>summary::after,
:where(.v22-desktop-nav,.v25-desktop-nav)>a::after{content:none!important;display:none!important;}
:where(.v22-menu-panel,.v25-menu-panel){
  background:var(--ws-surface)!important;
  border:1px solid var(--ws-line)!important;
  border-radius:14px!important;
  box-shadow:0 16px 40px rgba(22,42,51,.12)!important;
  z-index:2000!important;
}

/* 8. FAQ institucional: régua única, sem compressão, sobreposição ou vazio lateral. */
html body#wessia-v9:not(.v21-demo) .faq-section.section.container{
  display:block!important;
  width:min(var(--ws-max),calc(100% - (var(--ws-gutter)*2)))!important;
  max-width:var(--ws-max)!important;
  margin-inline:auto!important;
  padding-inline:0!important;
}
html body#wessia-v9:not(.v21-demo) .faq-section .section-heading{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr)!important;
  gap:clamp(28px,4vw,64px)!important;
  align-items:end!important;
  width:100%!important;
  max-width:none!important;
  margin:0 0 26px!important;
  padding:0!important;
}
html body#wessia-v9:not(.v21-demo) .faq-section .section-heading>*{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  min-width:0!important;
  width:auto!important;
  max-width:none!important;
  margin-top:0!important;
}
html body#wessia-v9:not(.v21-demo) .faq-section .section-heading>div{
  display:block!important;
  grid-column:1!important;
}
html body#wessia-v9:not(.v21-demo) .faq-section .section-heading .eyebrow{
  display:block!important;
  margin:0 0 10px!important;
}
html body#wessia-v9:not(.v21-demo) .faq-section .section-heading h2{
  max-width:14ch!important;
  margin:0!important;
  font-size:clamp(2.55rem,4.2vw,4.15rem)!important;
  line-height:1.02!important;
  text-wrap:balance!important;
}
html body#wessia-v9:not(.v21-demo) .faq-section .section-heading>p{
  grid-column:2!important;
  justify-self:end!important;
  align-self:end!important;
  width:min(100%,52ch)!important;
  max-width:52ch!important;
  margin:0 0 5px!important;
  padding:0!important;
}
html body#wessia-v9:not(.v21-demo) .faq-list{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:start!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
html body#wessia-v9:not(.v21-demo) .faq-list>details{
  position:static!important;
  margin:0!important;
  min-width:0!important;
  width:100%!important;
  border:1px solid var(--ws-line)!important;
  border-radius:var(--ws-radius-sm)!important;
  background:var(--ws-surface)!important;
  overflow:hidden!important;
}
html body#wessia-v9:not(.v21-demo) .faq-list>details>summary{
  min-height:62px!important;
  padding:15px 17px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  cursor:pointer!important;
  line-height:1.3!important;
}
html body#wessia-v9:not(.v21-demo) .faq-list>details>p{margin:0!important;padding:0 17px 17px!important;}

/* 9. Grids equivalentes */
:where(.v22-cap-grid,.v22-process-grid,.v22-market-grid,.v22-insight-grid,.v9-blog-grid,.v21-related-grid,.v91-metrics,.v91-summary,.v91-dimensions,.feature-grid,.choice-grid,.item-grid,.project-grid){
  align-items:stretch!important;
  gap:18px!important;
}
:where(.v22-cap-grid,.v9-blog-grid,.v21-related-grid)>*{min-width:0!important;height:100%!important;}

/* 10. Home: chips, case real e Raio-X */
.v90-intent-routes{display:flex!important;flex-wrap:wrap!important;gap:10px!important;align-items:center!important;}
.v90-intent-routes>a{min-height:40px!important;padding:9px 14px!important;border-radius:999px!important;}

main#main-content>section.v72-proof-teaser.v77-case-proof{
  background:var(--ws-page)!important;
  padding-block:34px!important;
}
.v72-proof-teaser .v72-proof-inner{
  display:grid!important;
  grid-template-columns:112px minmax(0,1fr) 252px!important;
  grid-template-areas:"thumb main actions"!important;
  align-items:center!important;
  gap:22px!important;
  padding:20px!important;
  background:var(--ws-surface)!important;
}
.v72-proof-teaser .v72-case-thumb{grid-area:thumb!important;width:112px!important;height:86px!important;border-radius:10px!important;overflow:hidden!important;border:1px solid var(--ws-line)!important;}
.v72-proof-teaser .v72-case-thumb img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;}
.v72-proof-teaser .v72-case-main{grid-area:main!important;min-width:0!important;}
.v72-proof-teaser .v72-case-main h2{margin:4px 0 6px!important;line-height:1.08!important;}
.v72-proof-teaser .v72-case-context{margin:0!important;max-width:76ch!important;}
.v72-proof-teaser .v14-case-actions{grid-area:actions!important;display:grid!important;gap:9px!important;width:100%!important;min-width:0!important;background:transparent!important;}
.v72-proof-teaser .v14-case-actions>a{min-height:44px!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:9px 14px!important;border-radius:12px!important;text-align:center!important;display:flex!important;align-items:center!important;justify-content:center!important;white-space:normal!important;overflow-wrap:normal!important;}

.v86-audit-offer .v86-inner{
  width:min(var(--ws-max),calc(100% - (var(--ws-gutter)*2)))!important;
  max-width:var(--ws-max)!important;
  margin-inline:auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr)!important;
  gap:44px!important;
  align-items:center!important;
}
.v86-audit-offer .v86-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;align-items:stretch!important;}
.v86-audit-offer :is(.v86-audit-btn,.v86-audit-link){min-height:48px!important;padding:10px 16px!important;border-radius:999px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;font-weight:800!important;}

/* 11. Blog: o bloco de fonte não vira faixa de tela inteira */
.v91-wrap{padding-block:26px!important;}
.v91-preferred{
  width:min(820px,100%)!important;
  margin-inline:auto!important;
  padding:22px 24px!important;
  border:1px solid var(--ws-line)!important;
  border-radius:var(--ws-radius)!important;
  box-shadow:var(--ws-shadow)!important;
}
.v91-preferred>strong{display:block!important;margin-bottom:8px!important;}
.v91-preferred>p{max-width:66ch!important;margin:0 0 12px!important;}
.v91-preferred .v91-source-link{display:inline-flex!important;margin-top:10px!important;font-weight:800!important;}
.v22-blog-strip{border-block:1px solid var(--ws-line)!important;background:var(--ws-page)!important;}
.v22-blog-strip .v22-shell{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important;}
.v22-blog-strip .v22-shell>div{padding:4px 0!important;min-width:0!important;}

/* 12. Próximos caminhos — cabeçalho compacto e alinhado à grade */
.v21-related-paths{
  background:var(--ws-page)!important;
  padding-block:40px!important;
}
.v21-related-head{
  display:block!important;
  width:100%!important;
  max-width:760px!important;
  margin:0 0 26px!important;
}
.v21-related-head>span{
  display:block!important;
  margin:0 0 8px!important;
  font-size:.78rem!important;
  font-weight:850!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
.v21-related-head h2{
  margin:0!important;
  max-width:18ch!important;
  font-size:clamp(2.5rem,3.8vw,3.8rem)!important;
  line-height:1.02!important;
  letter-spacing:-.035em!important;
}
.v21-related-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
  width:100%!important;
}
.v21-related-grid>a{
  padding:22px!important;
  display:grid!important;
  grid-template-rows:auto auto 1fr!important;
  gap:10px!important;
  min-height:164px!important;
  align-content:start!important;
}
.v21-related-grid>a>strong{font-size:1.08rem!important;line-height:1.18!important;}
.v21-related-grid>a>small{align-self:end!important;line-height:1.45!important;}

/* 13. Rodapé: uma superfície contínua, sem barrinhas brancas isoladas */
.v22-footer,.v25-footer{border-top:1px solid var(--ws-line)!important;padding:42px 0 20px!important;}
.v22-footer-grid,.v25-footer-grid{
  display:grid!important;
  grid-template-columns:minmax(250px,1.35fr) repeat(4,minmax(140px,1fr))!important;
  gap:clamp(22px,3vw,42px)!important;
  align-items:start!important;
}
.v22-footer :where(.v22-footer-brand,.v25-footer-brand,.v25-footer-group,.v25-footer-group summary,.v25-footer-group>div,.v22-footer-contact){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  border:0!important;
}
.v25-footer-group{margin:0!important;padding:0!important;}
.v25-footer-group>summary{padding:0 0 12px!important;min-height:0!important;font-weight:850!important;text-transform:uppercase!important;letter-spacing:.06em!important;list-style:none!important;cursor:default!important;}
.v25-footer-group>summary::-webkit-details-marker{display:none!important;}
.v25-footer-group>div{display:grid!important;gap:9px!important;}
.v22-footer-brand p{max-width:34ch!important;margin:14px 0 12px!important;}
.v22-footer-contact{display:inline!important;padding:0!important;font-weight:750!important;text-decoration:none!important;}
.v25-footer-cta{display:inline-flex!important;margin-top:16px!important;min-height:42px!important;padding:9px 15px!important;border:1px solid var(--ws-line-strong)!important;border-radius:999px!important;background:var(--ws-surface)!important;}
.v22-footer-bottom,.v25-footer-bottom{border-top:1px solid var(--ws-line)!important;margin-top:28px!important;padding-top:18px!important;display:flex!important;justify-content:space-between!important;gap:18px!important;flex-wrap:wrap!important;}

/* 14. Formulários e campos */
:where(input,select,textarea){background:var(--ws-surface)!important;border-color:var(--ws-line)!important;}

/* 15. Mobile e tablet */
@media(max-width:980px){
  :root{--ws-gutter:18px;--ws-section:42px;}
  :where(.v22-section-head,.section-heading.split-heading,.v21-related-head),
  .faq-section .section-heading,
  .v86-audit-offer .v86-inner{
    grid-template-columns:1fr!important;
    gap:16px!important;
    align-items:start!important;
  }
  :where(.v22-section-head,.section-heading.split-heading) > p,.faq-section .section-heading p{justify-self:start!important;max-width:66ch!important;}
  .faq-section .section-heading h2{max-width:22ch!important;}
  .v72-proof-teaser .v72-proof-inner{
    grid-template-columns:96px minmax(0,1fr)!important;
    grid-template-areas:"thumb main" "actions actions"!important;
  }
  .v72-proof-teaser .v72-case-thumb{width:96px!important;height:74px!important;}
  .v72-proof-teaser .v14-case-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .v22-footer-grid,.v25-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .v22-footer-brand,.v25-footer-brand{grid-column:1/-1!important;}
}

@media(max-width:700px){
  :root{--ws-gutter:12px;--ws-section:var(--ws-section-mobile);}
  body:not(.v21-demo) main#main-content > :is(section,article){padding-block:var(--ws-section-mobile)!important;}
  :where(.container,.v21-shell,.v22-shell,.v9-wrap,.v91-wrap,.c26-shell,.v16-hub-shell,.v86-shell,.site-wrap,
  .inner-hero-grid,.final-cta-inner,.v22-footer-grid,.v25-footer-grid,.v22-footer-bottom,.v25-footer-bottom){
    width:calc(100% - 24px)!important;
  }
  :where(.v22-section-head,.section-heading.split-heading,.v21-related-head){margin-bottom:20px!important;}
  .faq-section .section-heading h2{font-size:clamp(2.05rem,10vw,2.85rem)!important;max-width:none!important;}
  .faq-list{grid-template-columns:1fr!important;gap:9px!important;}
  .v21-related-paths{padding-block:30px!important;}
  .v21-related-head{max-width:none!important;margin-bottom:18px!important;}
  .v21-related-head>span{margin-bottom:6px!important;font-size:.72rem!important;}
  .v21-related-head h2{font-size:clamp(2rem,9.5vw,2.65rem)!important;max-width:14ch!important;line-height:1.03!important;}
  .v21-related-grid{grid-template-columns:1fr!important;gap:10px!important;}
  .v21-related-grid>a{min-height:0!important;padding:18px!important;gap:8px!important;}
  .v22-blog-strip .v22-shell{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;}
  .v72-proof-teaser .v72-proof-inner{
    grid-template-columns:72px minmax(0,1fr)!important;
    gap:13px!important;
    padding:15px!important;
  }
  .v72-proof-teaser .v72-case-thumb{width:72px!important;height:62px!important;}
  .v72-proof-teaser .v14-case-actions{grid-template-columns:1fr!important;}
  .v86-audit-offer .v86-actions{grid-template-columns:1fr!important;}
  .v91-preferred{width:100%!important;padding:18px!important;}
  .v22-footer,.v25-footer{padding-top:32px!important;}
  .v22-footer-grid,.v25-footer-grid{grid-template-columns:1fr!important;gap:22px!important;}
  .v22-footer-brand,.v25-footer-brand{grid-column:auto!important;}
  .v25-footer-group>summary{padding-bottom:8px!important;}
  .v22-footer-bottom,.v25-footer-bottom{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;}
}

/* 16. Lock final do sistema — prioridade única contra CSS legado, sem nova camada de arquivo. */
html body#wessia-v9#wessia-v9,
html body#wessia-v9#wessia-v9 > header,
html body#wessia-v9#wessia-v9 > footer,
html body#wessia-v9#wessia-v9 .v22-header,
html body#wessia-v9#wessia-v9 .v25-header,
html body#wessia-v9#wessia-v9 .v22-nav,
html body#wessia-v9#wessia-v9 .v25-nav,
html body#wessia-v9#wessia-v9 main#main-content,
html body#wessia-v9#wessia-v9 main#main-content > section,
html body#wessia-v9#wessia-v9 main#main-content > div,
html body#wessia-v9#wessia-v9 main#main-content > article,
html body#wessia-v9#wessia-v9 .v22-footer,
html body#wessia-v9#wessia-v9 .v25-footer{
  background:var(--ws-page)!important;
  background-color:var(--ws-page)!important;
  background-image:none!important;
  color:var(--ws-text)!important;
}
html body#wessia-v9#wessia-v9 :where(h1,h2,h3,h4,h5,h6,p,li,dt,dd,span,small,strong,b,em,label,summary,figcaption,blockquote,a,button,input,select,textarea){
  color:var(--ws-text)!important;
  -webkit-text-fill-color:var(--ws-text)!important;
  opacity:1!important;
}
html body#wessia-v9#wessia-v9 main#main-content :where(
  [data-w12-card="1"],.card,.panel,.tile,.prime-card,.service-card,.project-card,.choice-card,.feature-card,.item-card,.menu-card,.catalog-card,
  .v9-blog-card,.v16-demo-card,.v20-demo-card,.v36-project-card,.v77-evidence-card,.v86-form-card,.v86-proof-card,
  .v91-data-card,.v91-metric,.v26-doc-card,.hero-card,.interactive-card,.quote-preview,.booking-panel,.order-summary,
  .interaction-status,.tool-board,.scope-output,.deliverables,.comparison-wrap,.prime-choice,.v9-proofbar,.v91-preferred,
  .v25-inline-cta,.v72-proof-inner,[class*="-card"],[class*="-panel"],[class*="-tile"]
){
  background:var(--ws-surface)!important;
  background-color:var(--ws-surface)!important;
  background-image:none!important;
  border-color:var(--ws-line)!important;
}
html body#wessia-v9#wessia-v9 :where(
  button,.btn,.button,[role="button"],a[class*="btn"],a[class*="button"],a[class*="cta"],
  .v22-cta,.v25-header-cta,.v25-footer-cta,.v22-btn,.v86-audit-btn,.v86-audit-link,.v9-action,
  .v90-intent-routes>a,.v14-case-actions>a,.prime-mobile-cta a,.v88-lead-float,.v25-whatsapp,.whatsapp-float,.floating-whatsapp,
  .chip,.pill,.tag,.badge,.v16-filter,.v22-filter,.v22-chip
){
  background:var(--ws-surface)!important;
  background-color:var(--ws-surface)!important;
  background-image:none!important;
  color:var(--ws-text)!important;
  -webkit-text-fill-color:var(--ws-text)!important;
  border-color:var(--ws-line-strong)!important;
}
html body#wessia-v9#wessia-v9 .v22-menu-panel,
html body#wessia-v9#wessia-v9 .v25-menu-panel{
  background:var(--ws-surface)!important;
  background-image:none!important;
}
html body#wessia-v9#wessia-v9 .v22-footer :where(.v22-footer-brand,.v25-footer-brand,.v25-footer-group,.v25-footer-group summary,.v25-footer-group>div,.v22-footer-contact),
html body#wessia-v9#wessia-v9 .v25-footer :where(.v22-footer-brand,.v25-footer-brand,.v25-footer-group,.v25-footer-group summary,.v25-footer-group>div,.v22-footer-contact){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
}

/* 17. Componentes visuais herdados: removem resíduos da paleta antiga sem apagar a composição. */
html body#wessia-v9#wessia-v9 .v21-hero-visual{
  background:var(--ws-surface)!important;
  background-color:var(--ws-surface)!important;
  background-image:none!important;
  border:1px solid var(--ws-line)!important;
  border-radius:var(--ws-radius)!important;
  box-shadow:var(--ws-shadow)!important;
}
html body#wessia-v9#wessia-v9 .v21-hero-visual::before,
html body#wessia-v9#wessia-v9 .v21-hero-visual::after{background:none!important;background-image:none!important;}
html body#wessia-v9#wessia-v9 .v21-visual-chips>span{
  background:var(--ws-surface)!important;
  background-color:var(--ws-surface)!important;
  background-image:none!important;
  border:1px solid var(--ws-line-strong)!important;
  border-radius:999px!important;
}
html body#wessia-v9#wessia-v9 .v21-visual-bars>i{
  background:var(--ws-accent)!important;
  background-image:none!important;
  opacity:.72!important;
}
html body#wessia-v9#wessia-v9 .v21-visual-foot{border-color:var(--ws-line)!important;}

/* 18. Raio-X: espaço reservado pela ação, sem comprimir texto dos botões. */
@media(min-width:981px){
  html body#wessia-v9#wessia-v9 .v86-audit-offer .v86-inner{
    grid-template-columns:minmax(0,1fr) auto!important;
  }
  html body#wessia-v9#wessia-v9 .v86-audit-offer .v86-actions{
    display:flex!important;
    flex-wrap:nowrap!important;
    width:max-content!important;
  }
  html body#wessia-v9#wessia-v9 .v86-audit-offer :is(.v86-audit-btn,.v86-audit-link){
    white-space:nowrap!important;
    min-width:max-content!important;
  }
}

/* 19. Blog: primeira dobra usa o espaço horizontal em vez de criar vazio à direita. */
@media(min-width:981px){
  html body#wessia-v9#wessia-v9.v21-blog-index .v9-blog-hero .v9-wrap{
    display:grid!important;
    grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr)!important;
    grid-template-areas:"kicker kicker" "title lead" "proof proof"!important;
    column-gap:clamp(36px,6vw,84px)!important;
    row-gap:22px!important;
    align-items:end!important;
  }
  html body#wessia-v9#wessia-v9.v21-blog-index .v9-blog-hero .v9-kicker{grid-area:kicker!important;}
  html body#wessia-v9#wessia-v9.v21-blog-index .v9-blog-hero .v9-title{
    grid-area:title!important;
    max-width:14ch!important;
    margin:0!important;
    font-size:clamp(3.6rem,5.7vw,5.5rem)!important;
    line-height:.98!important;
  }
  html body#wessia-v9#wessia-v9.v21-blog-index .v9-blog-hero .v9-lead{
    grid-area:lead!important;
    max-width:54ch!important;
    margin:0 0 6px!important;
  }
  html body#wessia-v9#wessia-v9.v21-blog-index .v9-blog-hero .v9-proofbar{grid-area:proof!important;}
}

/* 20. Páginas institucionais e editoriais: elimina resíduos creme/marrom do CSS legado. */
html body#wessia-v9#wessia-v9:not(.v21-demo) :where(
  .v9-article-hero,.v9-article-shell,.v9-prose,.article-body,.article-intro,.content-layout,
  .v22-answer-band,.v22-evidence-band,.pillars-section,.depth-section,.anatomy-section,.sources-section,
  .strategic-tool,.v9-section,.v86-section,.v91-observatory,.v91-evidence
){
  background:var(--ws-page)!important;
  background-color:var(--ws-page)!important;
  background-image:none!important;
}
html body#wessia-v9#wessia-v9:not(.v21-demo) :where(
  .v9-toc,.v9-callout,.article-aside,.deliverables,.source-note,.key-points>span,
  .pillars-grid>article,.sources-grid>div,.sources-grid>ul>li>a,
  table,thead,tbody,tr,th,td
){
  background:var(--ws-surface)!important;
  background-color:var(--ws-surface)!important;
  background-image:none!important;
  border-color:var(--ws-line)!important;
}
html body#wessia-v9#wessia-v9:not(.v21-demo) main#main-content li:not([data-w12-card]){
  background-image:none!important;
}
html body#wessia-v9#wessia-v9:not(.v21-demo) :where(.table-scroll,table){border-color:var(--ws-line)!important;}
html body#wessia-v9#wessia-v9:not(.v21-demo) :where(th,td){color:var(--ws-text)!important;-webkit-text-fill-color:var(--ws-text)!important;}

/* 21. Hub de demonstrações pertence ao site corporativo; as demos individuais preservam identidade própria. */
html body#wessia-v9#wessia-v9.v21-demos-hub :where(.v16-demo-kicker,.v62-demo-chip,.v20-hub-note){
  background:var(--ws-surface)!important;
  background-color:var(--ws-surface)!important;
  background-image:none!important;
  border-color:var(--ws-line)!important;
  color:var(--ws-text)!important;
  -webkit-text-fill-color:var(--ws-text)!important;
}
html body#wessia-v9#wessia-v9.v21-demos-hub .v20-hub-note{
  border:1px solid var(--ws-line)!important;
  border-radius:var(--ws-radius-sm)!important;
}

/* 22. Lock institucional/editorial final: neutraliza somente resíduos antigos fora das demos conceituais. */
html body#wessia-v9#wessia-v9:not(.v21-demo) :where(
  .final-cta,.closing,.v9-article-hero,.v9-article-shell,.v9-prose,.article-body,.article-intro,.content-layout,
  .v22-answer-band,.v22-evidence-band,.pillars-section,.depth-section,.anatomy-section,.sources-section,
  .strategic-tool,.v9-section,.v86-section,.v91-observatory,.v91-evidence
){
  background:var(--ws-page)!important;
  background-color:var(--ws-page)!important;
  background-image:none!important;
}
html body#wessia-v9#wessia-v9:not(.v21-demo) :where(
  .v9-toc,.v9-callout,.article-aside,.deliverables,.source-note,
  .key-points>span,.pillars-grid>article,.sources-grid>div,.sources-grid>ul>li>a,
  .v9-related-articles>a,.v9-topic-links>a,.v9-next>a,
  table,thead,tbody,tr,th,td
){
  background:var(--ws-surface)!important;
  background-color:var(--ws-surface)!important;
  background-image:none!important;
  border-color:var(--ws-line)!important;
}
html body#wessia-v9#wessia-v9:not(.v21-demo) :where(.sources-grid>ul,main#main-content ul){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
}
html body#wessia-v9#wessia-v9:not(.v21-demo) main#main-content li:not([data-w12-card]){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
}
html body#wessia-v9#wessia-v9:not(.v21-demo) main#main-content li[data-w12-card="1"],
html body#wessia-v9#wessia-v9:not(.v21-demo) main#main-content .key-points>span{
  background:var(--ws-surface)!important;
  background-color:var(--ws-surface)!important;
  background-image:none!important;
}
html body#wessia-v9#wessia-v9:not(.v21-demo) :where(.eyebrow.light,.hero-kicker,.section-number){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
}
html body#wessia-v9#wessia-v9:not(.v21-demo) :where(table[data-w12-card="1"],.table-scroll table){
  background:var(--ws-surface)!important;
  background-color:var(--ws-surface)!important;
  background-image:none!important;
}
html body#wessia-v9#wessia-v9.v21-demos-hub main#main-content .v20-hub-note,
html body#wessia-v9#wessia-v9.v21-demos-hub main#main-content .v16-demo-kicker,
html body#wessia-v9#wessia-v9.v21-demos-hub main#main-content .v62-demo-chip{
  background:var(--ws-surface)!important;
  background-color:var(--ws-surface)!important;
  background-image:none!important;
  border-color:var(--ws-line)!important;
}




/* 23. Sistema canônico na camada BASE.
   O CSS histórico usa @layer base com !important; por isso a regra final
   precisa viver na mesma camada. Isto substitui resíduos legados em vez de
   empilhar arquivos de correção. Demos conceituais (.v21-demo) ficam fora. */
@layer base {
  html body#wessia-v9:not(.v21-demo){
    background:var(--ws-page)!important;
    background-color:var(--ws-page)!important;
    color:var(--ws-text)!important;
  }
  html body#wessia-v9:not(.v21-demo) :where(h1,h2,h3,h4,h5,h6,p,li,dt,dd,span,small,strong,b,em,label,summary,figcaption,blockquote,a,button,input,select,textarea){
    color:var(--ws-text)!important;
    -webkit-text-fill-color:var(--ws-text)!important;
    opacity:1!important;
    text-shadow:none!important;
  }
  html body#wessia-v9:not(.v21-demo) :where(.v22-header,.v25-header,.v22-nav,.v25-nav,.v22-footer,.v25-footer,main#main-content,main#main-content>section,main#main-content>article){
    background:var(--ws-page)!important;
    background-color:var(--ws-page)!important;
    background-image:none!important;
  }

  /* Superfícies reais de interface. */
  html body#wessia-v9:not(.v21-demo) main#main-content :where(
    [data-w12-card="1"],.card,.panel,.tile,.prime-card,.service-card,.project-card,.choice-card,.feature-card,.item-card,.menu-card,.catalog-card,
    .v9-blog-card,.v16-demo-card,.v20-demo-card,.v36-project-card,.v77-evidence-card,.v86-form-card,.v86-proof-card,.v91-data-card,.v91-metric,
    .v91-preferred,.v25-inline-cta,.v72-proof-inner,.v30-seo-depth,.v28-depth,.v91-note,.comparison-intro,.c26-contact-fast,.prime-form,
    .prime-form .v25-form-step,.prime-form .v25-form-intro,.prime-form .v25-form-explain,.calculator-results>div,
    .v9-toc,.v9-callout,.article-aside,.deliverables,.source-note,.key-points>span,.pillars-grid>article,.sources-grid>div,.sources-grid>ul>li>a,
    .v9-related-articles>a,.v9-topic-links>a,.v9-next>a,.faq-list>details
  ){
    background:var(--ws-surface)!important;
    background-color:var(--ws-surface)!important;
    background-image:none!important;
    border-color:var(--ws-line)!important;
    color:var(--ws-text)!important;
  }

  /* Tabelas: a versão mobile antiga forçava transparent dentro da layer base. */
  html body#wessia-v9:not(.v21-demo) main#main-content :where(.table-scroll,.comparison-wrap){
    background:transparent!important;
    background-color:transparent!important;
  }
  html body#wessia-v9:not(.v21-demo) main#main-content :where(table[data-w12-card="1"],.table-scroll table,.comparison-wrap table),
  html body#wessia-v9:not(.v21-demo) main#main-content :where(table[data-w12-card="1"],.table-scroll table,.comparison-wrap table) :where(thead,tbody,tr,th,td){
    background:var(--ws-surface)!important;
    background-color:var(--ws-surface)!important;
    background-image:none!important;
    border-color:var(--ws-line)!important;
    color:var(--ws-text)!important;
    -webkit-text-fill-color:var(--ws-text)!important;
  }

  /* Formulários e ferramentas: sem creme residual. */
  html body#wessia-v9:not(.v21-demo) :where(.prime-contact .inner,.strategic-tool,.calculator-grid){
    background:var(--ws-page)!important;
    background-color:var(--ws-page)!important;
    background-image:none!important;
  }
  html body#wessia-v9:not(.v21-demo) :where(input,select,textarea,.calculator-field>div,.v86-field>input,.v86-field>select,.v86-field>textarea){
    background:var(--ws-surface)!important;
    background-color:var(--ws-surface)!important;
    background-image:none!important;
    border-color:var(--ws-line)!important;
  }
  html body#wessia-v9:not(.v21-demo) .prime-form .v25-form-step legend{
    background:var(--ws-surface)!important;
    background-color:var(--ws-surface)!important;
    color:var(--ws-text)!important;
  }

  /* Ações corporativas: mesma superfície, inclusive links antigos sem classe de botão. */
  html body#wessia-v9:not(.v21-demo) :where(
    button,.btn,.button,[role="button"],a[class*="btn"],a[class*="button"],a[class*="cta"],a.primary,a.secondary,
    .v22-cta,.v25-header-cta,.v25-footer-cta,.v22-btn,.v86-audit-btn,.v86-audit-link,.v9-action,.v90-intent-routes>a,.v14-case-actions>a,
    .v91-actions>a,.v22-local a,.cta-actions>a,.actions>a,.audit>a,.prime-mobile-cta a,.v88-lead-float,.v25-whatsapp,.whatsapp-float,.floating-whatsapp
  ){
    background:var(--ws-surface)!important;
    background-color:var(--ws-surface)!important;
    background-image:none!important;
    color:var(--ws-text)!important;
    -webkit-text-fill-color:var(--ws-text)!important;
    border-color:var(--ws-line-strong)!important;
    box-shadow:none!important;
  }

  /* Blocos corporativos antigos que ainda traziam marrom/creme. */
  html body#wessia-v9:not(.v21-demo) :where(.v22-local,.v91-note){
    background:var(--ws-surface)!important;
    background-color:var(--ws-surface)!important;
    background-image:none!important;
    border:1px solid var(--ws-line)!important;
    border-radius:var(--ws-radius-sm)!important;
  }
  html body#wessia-v9:not(.v21-demo) :where(.audit,.proof,.final,.final-cta,.closing){
    background:var(--ws-page)!important;
    background-color:var(--ws-page)!important;
    background-image:none!important;
    color:var(--ws-text)!important;
  }
  html body#wessia-v9:not(.v21-demo).v21-orcamento :where(.audit,.proof,.final){
    border-color:var(--ws-line)!important;
  }

  /* Selos corporativos neutros; previews/imagens/documentos permanecem como conteúdo visual. */
  html body#wessia-v9:not(.v21-demo) :where(.v25-proof-tag,.v25-proof-tag-real,.v25-proof-tag-concept,.section-number,.hero-kicker,.eyebrow.light){
    background:var(--ws-surface)!important;
    background-color:var(--ws-surface)!important;
    background-image:none!important;
    border-color:var(--ws-line)!important;
    color:var(--ws-text)!important;
    -webkit-text-fill-color:var(--ws-text)!important;
  }


  /* Mapeamento dos componentes legados para os mesmos papéis do sistema. */
  html body#wessia-v9:not(.v21-demo) :where(
    .v66-demo-list>a,.choices .grid>a,.depth-steps>article,.v86-five>article,.v26-proof-outcomes>article,
    .v77-objections-grid>details,.faq>details,.v86-faq>details,
    .v91-hero-meta>span,.v86-badges>span
  ){
    background:var(--ws-surface)!important;
    background-color:var(--ws-surface)!important;
    background-image:none!important;
    border-color:var(--ws-line)!important;
    color:var(--ws-text)!important;
    -webkit-text-fill-color:var(--ws-text)!important;
  }
  html body#wessia-v9:not(.v21-demo) .prime-choice>span{
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
  }
  html body#wessia-v9:not(.v21-demo) :where(.calculator-field>span,.calculator-field>div>span){
    background:transparent!important;
    background-color:transparent!important;
    background-image:none!important;
  }
  html body#wessia-v9:not(.v21-demo) :where(.v72-case-thumb,.v26-doc-window){
    background:var(--ws-surface)!important;
    background-color:var(--ws-surface)!important;
    border-color:var(--ws-line)!important;
  }
  html body#wessia-v9:not(.v21-demo) main#main-content .comparison-wrap{
    background:var(--ws-surface)!important;
    background-color:var(--ws-surface)!important;
    background-image:none!important;
    border-color:var(--ws-line)!important;
  }
}

/* V19 — grupos de ação não viram um segundo card dentro do card. */
html body#wessia-v9:not(.v21-demo) :where(.v14-case-actions,.v86-actions,.v91-actions,.v22-actions,.cta-actions,.actions,.hero-actions,.prime-mobile-cta){
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body#wessia-v9:not(.v21-demo) :where(.v14-case-actions,.v86-actions,.v91-actions,.v22-actions,.cta-actions,.actions)>:is(a,button){
  box-sizing:border-box!important;
}
@media(min-width:981px){
  html body#wessia-v9:not(.v21-demo) .v72-proof-teaser .v14-case-actions{align-self:center!important;}
}

/* V19 — fechamento de paleta renderizada (auditoria de computed styles).
   Não cria nova paleta: remove apenas resíduos creme/marrom de CSS legado. */
@layer base {
  html body#wessia-v9:not(.v21-demo) :where(header,main#main-content,footer) * {
    border-color:var(--ws-line)!important;
  }
  html body#wessia-v9:not(.v21-demo) :where(
    button,.btn,.button,[role="button"],a[class*="btn"],a[class*="button"],a[class*="cta"],
    .v22-cta,.v25-header-cta,.v25-footer-cta,.v22-btn,.v86-audit-btn,.v86-audit-link,.v9-action,
    .v90-intent-routes>a,.v14-case-actions>a,.prime-mobile-cta a,.v88-lead-float,.v25-whatsapp,.whatsapp-float,.floating-whatsapp,
    .chip,.pill,.tag,.badge,.v16-filter,.v22-filter,.v22-chip
  ){
    border-color:var(--ws-line-strong)!important;
  }
  html body#wessia-v9:not(.v21-demo) main#main-content li>svg{
    background:var(--ws-surface)!important;
    background-color:var(--ws-surface)!important;
    border-color:var(--ws-line)!important;
    color:var(--ws-text)!important;
  }
  html body#wessia-v9:not(.v21-demo) main#main-content :where(
    .deliverables li>span,
    .faq-list summary>span,
    .v91-faq summary>span,
    .pillars-grid>article>span
  ){
    background:var(--ws-surface)!important;
    background-color:var(--ws-surface)!important;
    background-image:none!important;
    border-color:var(--ws-line)!important;
    color:var(--ws-text)!important;
  }
  html body#wessia-v9:not(.v21-demo) :where(.v22-menu-panel,.v25-menu-panel,.article-meta,.v9-toc>a,.final-cta,.v9-article-hero,.sources-grid>ul,.v22-process-grid,.v28-depth-content>section,.prime-contact .inner,.article-body){
    border-color:var(--ws-line)!important;
  }
}

/* V19 — pequenos badges neutros: pertencem à paleta sem virar novos cards. */
@layer base {
  html body#wessia-v9:not(.v21-demo) .v22-market-grid>a>b{
    background:var(--ws-page)!important;
    background-color:var(--ws-page)!important;
    border-color:var(--ws-line)!important;
    color:var(--ws-text)!important;
  }
  html body#wessia-v9.v21-demo .prime-404-inner{
    border-color:var(--ws-line)!important;
  }
}

/* V20 — FAQ "Antes de contratar": cards reais, grade equilibrada e sem faixa vazia. */
html body#wessia-v9:not(.v21-demo) .v77-objections{
  background:var(--ws-page)!important;
  padding-block:clamp(44px,5vw,72px)!important;
}
html body#wessia-v9:not(.v21-demo) .v77-objections>.v22-shell{
  width:min(var(--ws-max),calc(100% - (var(--ws-gutter)*2)))!important;
  max-width:var(--ws-max)!important;
  margin-inline:auto!important;
  padding-inline:0!important;
}
html body#wessia-v9:not(.v21-demo) .v77-objections-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(260px,.62fr)!important;
  gap:32px!important;
  align-items:end!important;
  margin-bottom:24px!important;
}
html body#wessia-v9:not(.v21-demo) .v77-objections-head>span{
  grid-column:1!important;
  align-self:start!important;
  margin:0 0 8px!important;
}
html body#wessia-v9:not(.v21-demo) .v77-objections-head h2{
  grid-column:1!important;
  max-width:18ch!important;
  margin:0!important;
  font-size:clamp(2.65rem,4.6vw,4.65rem)!important;
  line-height:1.01!important;
  text-wrap:balance!important;
}
html body#wessia-v9:not(.v21-demo) .v77-objections-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:start!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
}
html body#wessia-v9:not(.v21-demo) .v77-objections-grid>details{
  margin:0!important;
  min-width:0!important;
  border:1px solid var(--ws-line)!important;
  border-radius:var(--ws-radius-sm)!important;
  background:var(--ws-surface)!important;
  box-shadow:var(--ws-shadow)!important;
  overflow:hidden!important;
}
html body#wessia-v9:not(.v21-demo) .v77-objections-grid>details>summary{
  min-height:58px!important;
  padding:15px 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  cursor:pointer!important;
  font-weight:700!important;
  line-height:1.28!important;
  list-style:none!important;
}
html body#wessia-v9:not(.v21-demo) .v77-objections-grid>details>summary::-webkit-details-marker{display:none!important;}
html body#wessia-v9:not(.v21-demo) .v77-objections-grid>details>summary::after{
  content:"+"!important;
  flex:0 0 30px!important;
  width:30px!important;
  height:30px!important;
  border:1px solid var(--ws-line)!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  font-size:1.05rem!important;
  line-height:1!important;
  font-weight:700!important;
  background:var(--ws-page)!important;
  color:var(--ws-text)!important;
}
html body#wessia-v9:not(.v21-demo) .v77-objections-grid>details[open]>summary::after{content:"−"!important;}
html body#wessia-v9:not(.v21-demo) .v77-objections-grid>details>p{
  margin:0!important;
  padding:0 18px 18px!important;
  max-width:68ch!important;
  line-height:1.62!important;
}
@media (max-width:760px){
  html body#wessia-v9:not(.v21-demo) .v77-objections{padding-block:34px!important;}
  html body#wessia-v9:not(.v21-demo) .v77-objections-head{
    display:block!important;
    margin-bottom:18px!important;
  }
  html body#wessia-v9:not(.v21-demo) .v77-objections-head h2{
    max-width:none!important;
    font-size:clamp(2.15rem,10.2vw,3.15rem)!important;
    line-height:1.02!important;
  }
  html body#wessia-v9:not(.v21-demo) .v77-objections-grid{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  html body#wessia-v9:not(.v21-demo) .v77-objections-grid>details>summary{
    min-height:54px!important;
    padding:13px 14px!important;
  }
  html body#wessia-v9:not(.v21-demo) .v77-objections-grid>details>p{padding:0 14px 15px!important;}
}


/* V21 — resposta da régua em telas médias e móveis. */
@media (max-width:980px){
  html body#wessia-v9:not(.v21-demo) .faq-section .section-heading{
    grid-template-columns:1fr!important;gap:14px!important;align-items:start!important;
  }
  html body#wessia-v9:not(.v21-demo) .faq-section .section-heading>div,
  html body#wessia-v9:not(.v21-demo) .faq-section .section-heading>p{grid-column:1!important;justify-self:start!important;}
  html body#wessia-v9:not(.v21-demo) .faq-section .section-heading h2{max-width:20ch!important;}
  html body#wessia-v9:not(.v21-demo) .faq-section .section-heading>p{width:min(100%,66ch)!important;max-width:66ch!important;}
}
@media (max-width:620px){
  html body#wessia-v9:not(.v21-demo) main#main-content > :is(section,article).container,
  html body#wessia-v9:not(.v21-demo) .faq-section.section.container{
    width:calc(100% - 24px)!important;max-width:none!important;padding-inline:0!important;
  }
  html body#wessia-v9:not(.v21-demo) .faq-list{grid-template-columns:1fr!important;gap:9px!important;}
  html body#wessia-v9:not(.v21-demo) .faq-section .section-heading{margin-bottom:18px!important;}
  html body#wessia-v9:not(.v21-demo) .faq-section .section-heading h2{font-size:clamp(2rem,10vw,2.8rem)!important;max-width:none!important;}
}

/* V21 — marca no tema claro: preservar as cores reais do arquivo, sem filtro branco herdado. */
html body#wessia-v9:not(.v21-demo) :where(.v22-brand,.v25-brand) img{
  filter:none!important;
  opacity:1!important;
}


/* =========================================================
   WessIA V22.24 — polimento estrutural mobile + navegação.
   Ajusta alinhamento, centralização e leitura sem mexer no SEO.
   ========================================================= */

/* 1) Card visual de páginas editoriais: centralização real no mobile. */
html body.v22:not(.v21-demo) .v21-hero-visual{
  display:grid!important;
  grid-template-rows:auto 1fr auto!important;
  align-content:start!important;
}
html body.v22:not(.v21-demo) .v21-hero-visual .v21-visual-top,
html body.v22:not(.v21-demo) .v21-hero-visual .v21-visual-main{
  position:relative!important;
  z-index:1!important;
}
html body.v22:not(.v21-demo) .v21-hero-visual .v21-visual-main{
  margin-top:34px!important;
  gap:12px!important;
}
html body.v22:not(.v21-demo) .v21-hero-visual .v21-visual-main>strong{
  max-width:11ch!important;
  text-wrap:balance!important;
}
html body.v22:not(.v21-demo) .v21-hero-visual .v21-visual-chips{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
}
html body.v22:not(.v21-demo) .v21-hero-visual .v21-visual-chips span{
  min-height:46px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  padding:10px 12px!important;
}
html body.v22:not(.v21-demo) .v21-hero-visual .v21-visual-bars{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:110px!important;
  margin-top:20px!important;
  right:auto!important;
  bottom:auto!important;
}
html body.v22:not(.v21-demo) .v21-hero-visual .v21-visual-foot{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  margin-top:14px!important;
  padding-top:12px!important;
}
@media(max-width:700px){
  html body.v22:not(.v21-demo) .v21-hero-visual{
    min-height:auto!important;
    padding:18px!important;
    border-radius:20px!important;
  }
  html body.v22:not(.v21-demo) .v21-hero-visual .v21-visual-top{
    align-items:flex-start!important;
  }
  html body.v22:not(.v21-demo) .v21-hero-visual .v21-visual-main{
    margin-top:20px!important;
  }
  html body.v22:not(.v21-demo) .v21-hero-visual .v21-visual-main>small,
  html body.v22:not(.v21-demo) .v21-hero-visual .v21-visual-main>strong{
    text-align:left!important;
  }
  html body.v22:not(.v21-demo) .v21-hero-visual .v21-visual-main>strong{
    max-width:none!important;
    font-size:clamp(2rem,9.2vw,2.35rem)!important;
    line-height:1.02!important;
  }
  html body.v22:not(.v21-demo) .v21-hero-visual .v21-visual-foot{
    justify-content:space-between!important;
    flex-wrap:wrap!important;
    row-gap:8px!important;
  }
}

/* 2) Critérios/Resposta/Limites/Ação: cards uniformes e centrados. */
html body.v22:not(.v21-demo) .depth-steps{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
}
html body.v22:not(.v21-demo) .depth-steps>article{
  min-height:210px!important;
  padding:22px 20px!important;
  border:1px solid #CBD6DA!important;
  border-radius:16px!important;
  display:grid!important;
  grid-template-rows:auto auto 1fr!important;
  align-content:start!important;
  gap:10px!important;
}
html body.v22:not(.v21-demo) .depth-steps>article>span{
  display:block!important;
  font-size:1rem!important;
  font-weight:700!important;
  letter-spacing:.02em!important;
  color:#52666E!important;
}
html body.v22:not(.v21-demo) .depth-steps>article h3{
  margin:0!important;
  font-size:clamp(1.65rem,3vw,2rem)!important;
  line-height:1.05!important;
}
html body.v22:not(.v21-demo) .depth-steps>article p{
  margin:0!important;
  max-width:none!important;
}
@media(max-width:700px){
  html body.v22:not(.v21-demo) .depth-steps{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  html body.v22:not(.v21-demo) .depth-steps>article{
    min-height:0!important;
    padding:18px 16px!important;
    gap:8px!important;
  }
}

/* 3) Home — segmentos: menos vazio, conteúdo centralizado e seta consistente. */
html body.v22.v21-home .v22-market-grid{
  display:grid!important;
  gap:14px!important;
}
html body.v22.v21-home .v22-market-grid>a{
  display:grid!important;
  grid-template-columns:72px minmax(0,1fr) 20px!important;
  align-items:center!important;
  gap:16px!important;
  min-height:188px!important;
  padding:22px 24px!important;
  position:relative!important;
}
html body.v22.v21-home .v22-market-grid>a>b{
  width:48px!important;
  min-width:48px!important;
  height:74px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  justify-self:center!important;
  margin:0!important;
  border-radius:18px!important;
}
html body.v22.v21-home .v22-market-grid>a>span{
  display:grid!important;
  gap:8px!important;
  align-content:center!important;
  min-width:0!important;
}
html body.v22.v21-home .v22-market-grid>a>span>small{
  display:block!important;
  margin:0!important;
  letter-spacing:.12em!important;
}
html body.v22.v21-home .v22-market-grid>a>span>strong{
  display:block!important;
  margin:0!important;
  max-width:18ch!important;
  line-height:1.15!important;
}
html body.v22.v21-home .v22-market-grid>a::after{
  content:'›'!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:20px!important;
  height:20px!important;
  font-size:26px!important;
  line-height:1!important;
  color:#6F929F!important;
  justify-self:end!important;
}
@media(max-width:700px){
  html body.v22.v21-home .v22-market-grid>a{
    grid-template-columns:56px minmax(0,1fr) 18px!important;
    min-height:0!important;
    padding:18px 16px!important;
    gap:12px!important;
  }
  html body.v22.v21-home .v22-market-grid>a>b{
    width:42px!important;
    min-width:42px!important;
    height:64px!important;
    border-radius:16px!important;
  }
  html body.v22.v21-home .v22-market-grid>a>span>strong{
    max-width:none!important;
    font-size:clamp(1.08rem,5.2vw,1.45rem)!important;
  }
}

/* 4) Menu mobile: ícone limpo, sem virar asterisco. */
@media(max-width:980px){
  html body.v22:not(.v21-demo) .v25-mobile-toggle{
    position:relative!important;
    overflow:visible!important;
  }
  html body.v22:not(.v21-demo) .v25-mobile-toggle::before,
  html body.v22:not(.v21-demo) .v25-mobile-toggle::after,
  html body.v22:not(.v21-demo) .v25-mobile-toggle[aria-expanded="true"]::before,
  html body.v22:not(.v21-demo) .v25-mobile-toggle[aria-expanded="true"]::after{
    content:none!important;
    display:none!important;
  }
  html body.v22:not(.v21-demo) .v25-mobile-toggle span{
    display:block!important;
    transition:transform .18s ease,opacity .18s ease,margin .18s ease!important;
    transform-origin:center!important;
  }
  html body.v22:not(.v21-demo) .v25-mobile-toggle[aria-expanded="true"] span:nth-child(1){
    transform:translateY(8px) rotate(45deg)!important;
  }
  html body.v22:not(.v21-demo) .v25-mobile-toggle[aria-expanded="true"] span:nth-child(2){
    opacity:0!important;
  }
  html body.v22:not(.v21-demo) .v25-mobile-toggle[aria-expanded="true"] span:nth-child(3){
    transform:translateY(-8px) rotate(-45deg)!important;
  }
}

/* 5) Botão inteligente de navegação: sobe/desce conforme posição. */
html body .w45-smart-jump{
  position:fixed!important;
  right:max(12px,env(safe-area-inset-right))!important;
  bottom:calc(18px + env(safe-area-inset-bottom))!important;
  z-index:2500!important;
  min-height:48px!important;
  padding:10px 14px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  border:1px solid #9BB0B8!important;
  border-radius:999px!important;
  background:#FFFFFF!important;
  color:#17313B!important;
  box-shadow:0 10px 28px rgba(22,42,51,.16)!important;
}
html body .w45-smart-jump[hidden]{display:none!important;}
html body .w45-smart-jump .w45-smart-jump-icon{
  font-size:1.05rem!important;
  line-height:1!important;
}
html body .w45-smart-jump .w45-smart-jump-text{
  font-weight:800!important;
  font-size:.92rem!important;
  line-height:1!important;
}
html body .w45-smart-jump:focus-visible,
html body .w45-smart-jump:hover{
  border-color:#6F929F!important;
  box-shadow:0 0 0 3px rgba(111,146,159,.14),0 10px 28px rgba(22,42,51,.18)!important;
}
@media(max-width:700px){
  html body .w45-smart-jump{
    right:12px!important;
    bottom:calc(14px + env(safe-area-inset-bottom))!important;
    min-height:44px!important;
    padding:10px 12px!important;
  }
  html body .prime-mobile-cta + .w45-smart-jump,
  html body .w45-smart-jump{
    bottom:calc(74px + env(safe-area-inset-bottom))!important;
  }
}


/* =========================================================
   WessIA V22.25 — links regionais + voltar ao topo discreto
   ========================================================= */

/* Links regionais: grupo segue o eixo esquerdo; botões iguais e texto centralizado. */
html body.v22.v21-home .v22-local{
  align-items:flex-start!important;
}
html body.v22.v21-home .v22-local>div{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  width:min(100%,620px)!important;
  margin:0 auto 0 0!important;
}
html body.v22.v21-home .v22-local>div>a{
  width:100%!important;
  min-height:50px!important;
  padding:11px 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:1.25!important;
  white-space:normal!important;
}
@media(max-width:620px){
  html body.v22.v21-home .v22-local>div{
    grid-template-columns:1fr!important;
    width:min(100%,370px)!important;
  }
  html body.v22.v21-home .v22-local>div>a{
    min-height:54px!important;
  }
}

/* Voltar ao topo: utilitário pequeno, sem texto e sem estado "descer". */
html body.v22:not(.v21-demo) .w45-smart-jump{
  position:fixed!important;
  right:max(14px,env(safe-area-inset-right))!important;
  bottom:calc(16px + env(safe-area-inset-bottom))!important;
  z-index:2500!important;
  width:44px!important;
  min-width:44px!important;
  max-width:44px!important;
  height:44px!important;
  min-height:44px!important;
  padding:0!important;
  margin:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #9BB0B8!important;
  border-radius:50%!important;
  background:#FFFFFF!important;
  color:#17313B!important;
  -webkit-text-fill-color:#17313B!important;
  box-shadow:0 8px 22px rgba(22,42,51,.14)!important;
  opacity:.96!important;
}
html body.v22:not(.v21-demo) .w45-smart-jump[hidden]{
  display:none!important;
}
html body.v22:not(.v21-demo) .w45-smart-jump .w45-smart-jump-icon{
  display:block!important;
  font-size:1.08rem!important;
  line-height:1!important;
  font-weight:800!important;
  transform:translateY(-1px)!important;
}
html body.v22:not(.v21-demo) .w45-smart-jump .w45-smart-jump-text{
  display:none!important;
}
html body.v22:not(.v21-demo) .w45-smart-jump:hover,
html body.v22:not(.v21-demo) .w45-smart-jump:focus-visible{
  border-color:#6F929F!important;
  background:#F8FAFA!important;
  box-shadow:0 0 0 3px rgba(111,146,159,.13),0 8px 22px rgba(22,42,51,.16)!important;
}
@media(max-width:700px){
  html body.v22:not(.v21-demo) .w45-smart-jump{
    right:12px!important;
    bottom:calc(14px + env(safe-area-inset-bottom))!important;
    width:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    height:42px!important;
    min-height:42px!important;
  }
}


/* V22.25 — fechamento do X do menu: barras continuam visíveis para formar o X. */
@media(max-width:980px){
  html body.v22:not(.v21-demo) .v25-mobile-toggle[aria-expanded="true"] span{
    display:block!important;
  }
  html body.v22:not(.v21-demo) .v25-mobile-toggle[aria-expanded="true"] span:nth-child(1){
    opacity:1!important;
    transform:translateY(8px) rotate(45deg)!important;
  }
  html body.v22:not(.v21-demo) .v25-mobile-toggle[aria-expanded="true"] span:nth-child(2){
    opacity:0!important;
    transform:none!important;
  }
  html body.v22:not(.v21-demo) .v25-mobile-toggle[aria-expanded="true"] span:nth-child(3){
    opacity:1!important;
    transform:translateY(-8px) rotate(-45deg)!important;
  }
}