/*
Theme Name: Smart Pages
Theme URI: https://smartpagespro.com.br
Author: EcomSmart
Description: Tema de blocos do site de vendas do Smart Pages, na identidade EcomSmart v4 (Figtree, azul #0A5BF0, navy #0B1033, só tema claro, painéis pastel). Usa a camada es-ui da wp-plataforma (menu, motion, FAQ, índice, tabelas, compartilhar, formulários) e os blocos es-editorial; conteúdo dinâmico do plugin smartpages-site.
Version: 1.1.0
Requires at least: 6.6
Requires PHP: 8.1
Text Domain: smartpages
*/

/* =====================================================================
   DESIGN SYSTEM SMART PAGES (identidade EcomSmart v4, a mesma do tema ecomsmart)

   Camadas, nesta ordem (comentadas, sem @layer: o es-ui.css da plataforma e
   os estilos de bloco do WordPress não usam camadas, e qualquer regra fora de
   camada venceria as do tema):
     01 Fontes
     02 Tokens              primitivos da marca → semânticos (contrato --es-* do
                            es-ui, mesmos nomes nos sites do grupo). Só claro.
     03 Base e tipografia   reset, escala tipográfica
     04 Layout              container, seções, grades
     05 Componentes         botões, rótulo com fio, selos, cartões, listas, chips,
                            tabelas, FAQ, formulários, cabeçalho, rodapé, painéis
                            pastel .recurso e molduras (janela, celular)
     06 Padrões de página   hero das páginas, blog, artigo, autoria, chamada do blog e
                            as seções da home (hero centrado, dor, simulador, trilho,
                            exemplos, estratégia, calendário, prints, portfólio,
                            planos, resumo, FAQ, chamada final)
     07 Motion              o que é só deste site (o comum vem do es-ui.css)
     08 Utilitários         e ajustes do WordPress

   Regra: nenhuma cor solta fora da camada 2. Componente usa token semântico.
   ===================================================================== */

/* =========================================================== 01 Fontes */
/* Figtree servida pelo próprio site (variável 300–900). "Figtree Fallback" é
   Arial com métricas ajustadas: o texto não pula quando a Figtree chega. */
@font-face{font-family:Figtree;font-style:normal;font-weight:300 900;font-display:swap;src:url(assets/fontes/figtree-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Figtree;font-style:normal;font-weight:300 900;font-display:swap;src:url(assets/fontes/figtree-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Figtree Fallback";src:local("Arial"),local("Helvetica");size-adjust:104%;ascent-override:92%;descent-override:24%;line-gap-override:0%}

/* =========================================================== 02 Tokens */
/* Só tema claro (identidade v4: "evite dark, sempre clean"). Sem tokens escuros nem
   prefers-color-scheme; o <html> nasce com data-theme="light". */
:root{
  /* 2a. Primitivos da marca (identidade EcomSmart). Só esta camada cita hexadecimal. */
  --azul-50:#EEF4FF;--azul-100:#DCE7FF;--azul-200:#B9CEFF;--azul-300:#8DB0FF;--azul-400:#5A8CFA;
  --azul-500:#2F70F5;--azul-600:#0A5BF0;--azul-700:#0849C4;--azul-800:#073A9A;--azul-900:#082E75;
  --navy-950:#070B1E;--navy-900:#0B1033;
  --cinza-50:#F6F8FC;--cinza-100:#EEF1F7;--cinza-200:#E1E6F0;--cinza-300:#C9D1DF;--cinza-400:#9AA5B8;
  --cinza-500:#6B7790;--cinza-550:#5B6780;--cinza-600:#4A5670;--cinza-700:#2E3850;
  --branco:#FFFFFF;--ok:#16A34A;--ok-700:#15803D;--atencao:#B45309;--erro:#DC2626;--erro-700:#B91C1C;--verde-whatsapp:#25D366;--verde-wa-escuro:#075E54;
  --branco-a88:rgba(255,255,255,.88);
  --navy-a45:rgba(11,16,51,.45);--navy-a20:rgba(11,16,51,.2);--navy-a08:rgba(11,16,51,.08);--navy-a05:rgba(11,16,51,.05);
  /* Tons pastel dos painéis .recurso (fundo, cartão de trás, destaque). O destaque passa AA com texto branco. */
  --creme-50:#FFF5E8;--creme-200:#FDE3C2;--creme-700:#B45309;
  --rosa-50:#FDEEF5;--rosa-200:#F9D3E4;--rosa-700:#BE185D;
  --menta-50:#E8F7F4;--menta-200:#C6ECE4;--menta-700:#0F766E;
  --wa-fundo:#EFEAE2;--wa-balao:#FFFFFF;

  /* 2b. Escalas (tipografia, espaço, raio). Títulos grandes respeitam também a altura
     da tela (min(vw, vh)): notebook 1366x768 não recebe o tamanho de monitor grande. */
  --fonte:Figtree,"Figtree Fallback",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --fs-display:clamp(34px,min(5vw,8.4vh),70px);
  --fs-editorial:clamp(28px,min(3.8vw,7vh),52px);
  --fs-h1:clamp(30px,min(4.2vw,7vh),48px);
  --fs-h2:clamp(26px,min(3.1vw,5.8vh),40px);
  --fs-h3:clamp(17px,1.6vw,19px);
  --fs-kpi:clamp(30px,min(3.8vw,6.27vh),44px);
  --fs-lead:clamp(16.5px,1.5vw,19px);
  --fs-leitura:17.5px;
  --fs-corpo:16px;--fs-ui:14.5px;--fs-peq:14px;--fs-rot:12px;
  --esp-1:4px;--esp-2:8px;--esp-3:12px;--esp-4:16px;--esp-5:24px;--esp-6:32px;--esp-7:48px;--esp-8:64px;--esp-9:96px;
  --sec:64px;
  --gutter:20px;--container:1296px;--topo-h:68px;--alvo:44px;
  --raio-sm:8px;--raio-btn:10px;--es-raio:12px;--raio-lg:16px;--raio-xl:24px;--raio-2xl:32px;--raio-pilula:999px;

  /* 2c. Semânticos: contrato es-ui (--es-*) + extensões com o mesmo prefixo */
  --es-primaria:var(--azul-600);--es-primaria-hover:var(--azul-700);--es-primaria-texto:var(--branco);
  --es-primaria-suave:var(--azul-50);--es-primaria-linha:var(--azul-100);
  --es-fundo:var(--branco);--es-fundo-2:var(--cinza-50);
  --es-superficie:var(--branco);--es-superficie-2:var(--cinza-100);
  --es-texto:var(--navy-900);--es-texto-2:var(--cinza-600);--es-texto-3:var(--cinza-550);
  --es-linha:var(--cinza-200);--es-linha-forte:var(--cinza-300);
  /* Borda de campo e de rádio: 3:1 ou mais em branco, Papel e Céu (WCAG 1.4.11), o mesmo token do sistema.
     --es-linha-forte (1,5:1) fica para cartões e divisórias, que o texto já identifica. */
  --es-campo-borda:var(--cinza-500);
  --es-foco:var(--azul-600);--es-dado:var(--azul-600);
  --es-erro:var(--erro);--es-ok:var(--ok);
  --es-wa:var(--verde-whatsapp);
  --es-sombra:0 24px 60px -24px var(--navy-a45);
  --es-sombra-forte:0 24px 48px -28px var(--navy-a45);
  --es-sombra-leve:0 1px 2px var(--navy-a08);
  --es-sombra-foto:0 32px 64px -28px var(--navy-a45),0 2px 6px var(--navy-a08);
  --es-hero:var(--azul-50);--es-campo:var(--azul-50);
  --es-nevoa:linear-gradient(180deg,var(--branco),var(--azul-50));
  --es-topo-vidro:var(--branco-a88);--es-painel:var(--branco);
  --es-hero-texto:var(--navy-900);--es-hero-texto-2:var(--cinza-600);--es-hero-texto-3:var(--cinza-550);
  --es-hero-rot:var(--cinza-550);--es-hero-dado:var(--azul-600);
  --es-hero-vidro:var(--azul-50);--es-hero-linha:var(--cinza-200);
  --es-bloco-dados:var(--azul-50);--es-bloco-dados-linha:var(--azul-100);
  --es-fio-forte:var(--navy-900);
  /* Painéis pastel (.recurso .azul/.creme/.rosa/.menta) */
  --pastel-azul:var(--azul-50);--pastel-azul-p:var(--azul-100);--pastel-azul-a:var(--azul-600);
  --pastel-creme:var(--creme-50);--pastel-creme-p:var(--creme-200);--pastel-creme-a:var(--creme-700);
  --pastel-rosa:var(--rosa-50);--pastel-rosa-p:var(--rosa-200);--pastel-rosa-a:var(--rosa-700);
  --pastel-menta:var(--menta-50);--pastel-menta-p:var(--menta-200);--pastel-menta-a:var(--menta-700);
  --es-sobre-ac:var(--branco);--es-balao:var(--branco);
  /* Estados dos artigos (calendário e prévia) */
  --est-aguardando:var(--atencao);--est-planejado:var(--azul-600);--est-publicado:var(--ok-700);--est-segurado:var(--erro-700);
  color-scheme:light;
}
@media(min-width:768px){:root{--sec:clamp(80px,15vh,112px);--gutter:32px;--topo-h:76px}}
@media(min-width:1024px){:root{--gutter:48px}}
@media(min-width:1280px){:root{--sec:clamp(88px,15vh,128px)}}
@media(min-width:1024px) and (max-height:820px){:root{--topo-h:68px}}

/* ================================================= 03 Base e tipografia */
*,*:before,*:after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--topo-h) + 16px);interpolate-size:allow-keywords}
body{margin:0;font:400 var(--fs-corpo)/1.5 var(--fonte);color:var(--es-texto);background:var(--es-fundo);overflow-x:clip;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{margin:0;font-weight:560;letter-spacing:-.02em;text-wrap:balance;color:var(--es-texto)}
h1{font-size:var(--fs-h1);line-height:1.06;letter-spacing:-.035em}
h2{font-size:var(--fs-h2);line-height:1.1;letter-spacing:-.03em}
h3{font-size:var(--fs-h3);line-height:1.3;letter-spacing:-.01em}
p{margin:0;color:var(--es-texto-2);text-wrap:pretty}
a{color:inherit;text-decoration:none}
img,svg{max-width:100%;height:auto}
button,input,select,textarea{font:inherit;color:inherit}
::selection{background:var(--es-primaria);color:var(--es-primaria-texto)}
:focus-visible{outline:2px solid var(--es-foco);outline-offset:2px}

/* =========================================================== 04 Layout */
.w{max-width:var(--container);margin:0 auto;padding-inline:var(--gutter)}
.sec{padding-block:var(--sec)}
.sec.cinza{background:var(--es-fundo-2)}
.sec:not(.cinza)+.sec:not(.cinza){padding-top:0}
.cab-sec{max-width:760px;margin-bottom:var(--esp-6)}
@media(min-width:768px){.cab-sec{margin-bottom:var(--esp-7)}}
.cab-sec.centro{margin-inline:auto;text-align:center}
.cab-sec h2{margin-top:var(--esp-3)}
.cab-sec p{margin-top:14px;font-size:var(--fs-lead)}
.grade{display:grid;gap:var(--esp-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}
.grade.g2{grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr))}
.grade.g3{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.grade>*,.form-g>*,.art>*,.etapa>*{min-width:0}
.acoes{margin-top:28px;display:flex;gap:var(--esp-3);flex-wrap:wrap}
.acoes.centro{justify-content:center}
.form-g{display:grid;gap:var(--esp-6);align-items:center}
@media(min-width:1024px){.form-g{grid-template-columns:1fr 1fr;gap:var(--esp-8)}}
.form-g h2{margin-top:var(--esp-3)}.form-g>div>p{margin-top:14px;font-size:var(--fs-lead)}
.form-g .lista{margin-top:20px}
/* Abertura editorial das seções: título grande à esquerda e o texto à direita, alinhados pela base. */
.abertura{display:grid;gap:var(--esp-5);margin-bottom:var(--esp-7)}
.abertura h2{font-size:var(--fs-editorial);line-height:1.04;letter-spacing:-.04em;font-weight:560;max-width:21ch}
.abertura p{font-size:var(--fs-lead);line-height:1.6;max-width:52ch}
.abertura-txt{display:grid;gap:var(--esp-4);align-content:end}
.abertura-txt .nota-fonte{font-size:13.5px;margin:0}
@media(min-width:1024px){
  .abertura{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--esp-5);row-gap:var(--esp-4);align-items:end;margin-bottom:var(--esp-8)}
  .abertura .rot{grid-column:1/-1}.abertura h2{grid-column:1/8}.abertura-txt{grid-column:8/13}
}
.rodape-sec{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--esp-3) var(--esp-5);margin-top:var(--esp-6)}
.rodape-sec .nota-fonte{margin:0}
.topo-lista{display:flex;justify-content:space-between;align-items:end;gap:var(--esp-4);flex-wrap:wrap;margin-bottom:var(--esp-6)}
.topo-lista h2{margin-top:var(--esp-3)}
.topo-lista p{margin-top:10px;font-size:var(--fs-lead);max-width:56ch}

/* ====================================================== 05 Componentes */
/* Botões: um primário por dobra. */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--esp-2);min-height:48px;padding:0 var(--esp-5);border-radius:var(--raio-btn);
  font:600 15px/1.1 var(--fonte);border:1px solid transparent;cursor:pointer;text-align:center;
  transition:background-color var(--es-dur-2),color var(--es-dur-2),border-color var(--es-dur-2),box-shadow var(--es-dur-2),transform var(--es-dur-1) var(--es-ease)}
.btn-pri{background:var(--es-primaria);color:var(--es-primaria-texto)}
.btn-pri:hover{background:var(--es-primaria-hover);box-shadow:0 10px 24px -14px var(--es-primaria)}
.btn-sec{background:var(--es-superficie);border-color:var(--es-linha-forte);color:var(--es-texto)}
.btn-sec:hover{border-color:var(--es-primaria);color:var(--es-primaria)}
.btn-largo{width:100%}
.btn[disabled]{opacity:.6;cursor:wait}
.link-seta{display:inline-flex;align-items:center;gap:6px;min-height:var(--alvo);font-weight:600;color:var(--es-primaria-hover)}
.link-seta:hover{text-decoration:underline;text-underline-offset:4px}
p .link-seta,li .link-seta{min-height:0}

/* Rótulo de seção (v5): frase em caixa normal, na cor da marca, com um fio curto antes. */
.rot{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:600;letter-spacing:-.005em;color:var(--es-primaria-hover)}
.rot:before{content:"";flex:none;width:20px;height:2px;border-radius:2px;background:currentColor}
.rot a:hover{text-decoration:underline;text-underline-offset:3px}
.enf{color:var(--es-primaria)}
.nota-fonte{font-size:13px;color:var(--es-texto-3);margin-top:var(--esp-4)}
/* Selos de demonstração (L.10 do sistema): no mínimo 14 px, sempre visíveis ao lado da peça. */
.selo-demo{display:inline-flex;align-items:center;gap:8px;min-height:30px;padding:4px 12px;border-radius:var(--raio-pilula);border:1px solid var(--es-campo-borda);background:var(--es-superficie);
  font-size:var(--fs-peq);font-weight:600;line-height:1.3;color:var(--es-texto);white-space:nowrap}
.selo-demo:before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--es-primaria)}
/* Um selo por figura, sempre no canto superior direito da moldura (.janela-barra, .tela, .etapa-vis…).
   Na tela estreita, o texto longo quebra dentro do selo em vez de passar da moldura. */
@media(max-width:479px){.selo-demo{max-width:100%;white-space:normal;border-radius:16px}}
.chip-seg{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:var(--raio-pilula);background:var(--es-primaria-suave);color:var(--es-primaria-hover);font-size:12.5px;font-weight:600;white-space:nowrap}
.pilula{display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:var(--raio-pilula);background:var(--creme-50);color:var(--creme-700);font-size:12px;font-weight:600;white-space:nowrap}
.aviso{margin-top:var(--esp-4);padding:12px 16px;border-radius:var(--es-raio);background:var(--creme-50);border:1px solid var(--creme-200);color:var(--es-texto);font-size:15px;line-height:1.5}

/* Cartões (borda 1 px, sem sombra; a sombra só aparece no hover dos links) */
.card{background:var(--es-superficie);border:1px solid var(--es-linha);border-radius:var(--es-raio);padding:var(--esp-5);display:flex;flex-direction:column;gap:10px}
.cinza .card{background:var(--es-fundo)}
.card h2,.card h3{margin-top:2px;font-size:var(--fs-h3);line-height:1.3;letter-spacing:-.01em}
.card p{font-size:15px}
.card .link-seta{margin-top:auto}
a.card:hover{border-color:var(--es-primaria)}
a.card:hover :is(h2,h3){color:var(--es-primaria)}
.ic{width:var(--alvo);height:var(--alvo);border-radius:var(--es-raio);display:grid;place-items:center;background:var(--es-primaria-suave);color:var(--es-primaria);flex:none}
.ic svg{width:22px;height:22px}
.num-passo{font-size:13px;font-weight:600;color:var(--es-primaria-hover);font-variant-numeric:tabular-nums}

/* Lista com marca de verificação em círculo (cor do painel em .recurso, --ac) */
.lista{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.lista li{position:relative;padding-left:32px;color:var(--es-texto-2)}
.lista li:before{content:"✓";position:absolute;left:0;top:2px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;font-size:11px;font-weight:700;color:var(--es-sobre-ac);background:var(--ac,var(--es-primaria))}
.lista li b{color:var(--es-texto);font-weight:600}

/* Chips (temas do blog, compartilhar, âncoras): alvo de 44 px; no celular rolam na horizontal */
.filtros{display:flex;gap:var(--esp-2);margin-bottom:var(--esp-6);overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;scroll-padding-inline:var(--gutter);
  margin-inline:calc(var(--gutter) * -1);padding:2px var(--gutter);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--gutter),#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,transparent 0,#000 var(--gutter),#000 calc(100% - 40px),transparent)}
.filtros::-webkit-scrollbar{display:none}
@media(min-width:900px){.filtros{flex-wrap:wrap;overflow:visible;margin-inline:0;padding:0;-webkit-mask-image:none;mask-image:none}}
.chip,.filtros a{display:inline-flex;align-items:center;flex:none;scroll-snap-align:start;min-height:var(--alvo);padding:0 var(--esp-4);border-radius:var(--raio-pilula);border:1px solid var(--es-linha);
  font-size:14px;font-weight:500;color:var(--es-texto-2);background:var(--es-superficie);white-space:nowrap;transition:border-color var(--es-dur-2),color var(--es-dur-2),background-color var(--es-dur-2)}
.chip:hover,.filtros a:hover{border-color:var(--es-primaria);color:var(--es-primaria-hover)}
.filtros a.on{background:var(--es-texto);color:var(--es-fundo);border-color:var(--es-texto)}

/* Resposta curta no topo das páginas (GEO): a primeira frase já responde */
.resposta{max-width:820px;font-size:var(--fs-lead);color:var(--es-texto);padding-top:var(--esp-4);border-top:1px solid var(--es-linha-forte)}
.resposta b{font-weight:600}

/* Painel azul 50 (bloco de destaque e chamada final) */
.painel-dados{background:var(--es-bloco-dados);border:1px solid var(--es-bloco-dados-linha);color:var(--es-hero-texto);border-radius:var(--raio-xl);padding:40px var(--esp-5);position:relative;overflow:hidden;isolation:isolate}
@media(min-width:768px){.painel-dados{padding:var(--esp-8) 56px}}
.painel-dados h2{color:var(--es-hero-texto);max-width:760px;margin-top:var(--esp-3)}
.painel-dados p{color:var(--es-hero-texto-2);max-width:720px;margin-top:14px}

/* Tabelas. No celular, .tabela-cartoes vira cartões (rótulo de cada célula em data-label). */
.tabela{overflow-x:auto;border:1px solid var(--es-linha);border-radius:var(--es-raio);background:var(--es-superficie)}
.tabela table,.texto table{width:100%;border-collapse:collapse;font-size:15px;min-width:560px}
:is(.tabela,.texto) :is(th,td){padding:14px var(--esp-4);text-align:left;border-bottom:1px solid var(--es-linha);vertical-align:top;color:var(--es-texto-2)}
:is(.tabela,.texto) thead th{background:var(--es-fundo-2);color:var(--es-texto);font-weight:600}
:is(.tabela,.texto) tbody th{color:var(--es-texto);font-weight:600}
:is(.tabela,.texto) tr:last-child :is(td,th){border-bottom:0}
@media(max-width:700px){
  .tabela:has(.tabela-cartoes){border:0;overflow:visible;background:none}
  .tabela-cartoes{min-width:0!important}.tabela-cartoes thead{display:none}
  .tabela-cartoes,.tabela-cartoes tbody,.tabela-cartoes tr,.tabela-cartoes td,.tabela-cartoes th{display:block;width:100%}
  .tabela-cartoes tr{border:1px solid var(--es-linha);border-radius:var(--es-raio);padding:6px var(--esp-4);margin-bottom:var(--esp-3);background:var(--es-superficie)}
  .tabela-cartoes :is(td,th){border:0!important;padding:10px 0!important;border-bottom:1px solid var(--es-linha)!important}.tabela-cartoes tr>:last-child{border-bottom:0!important}
  .tabela-cartoes td[data-label]:before{content:attr(data-label);display:block;font-size:12px;font-weight:600;color:var(--es-texto-3);margin-bottom:2px}
}

/* FAQ (acordeão; o es-ui deixa um aberto por vez). Abre com altura animada onde há ::details-content. */
.faq{max-width:840px;margin:0 auto;display:grid;gap:10px}
.faq details{background:var(--es-superficie);border:1px solid var(--es-linha);border-radius:var(--es-raio);padding:0 20px;transition:border-color var(--es-dur-2)}
.cinza .faq details{background:var(--es-fundo)}
.faq details[open]{border-color:var(--es-primaria-linha)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:var(--esp-4);min-height:56px;padding:14px 0;font-weight:600;font-size:16.5px;color:var(--es-texto)}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"";flex:none;width:12px;height:12px;border-right:2px solid var(--es-primaria);border-bottom:2px solid var(--es-primaria);transform:translateY(-3px) rotate(45deg);transition:transform var(--es-dur-2) var(--es-ease)}
.faq details[open] summary:after{transform:translateY(2px) rotate(-135deg)}
.faq details p{padding-bottom:18px;font-size:15.5px}
.faq details::details-content{block-size:0;overflow:hidden;transition:block-size var(--es-dur-2) var(--es-ease),content-visibility var(--es-dur-2) allow-discrete}
.faq details[open]::details-content{block-size:auto}

/* Formulários (es-ui: form.form-lead, .form-erro, <template class="sucesso">) */
.form{position:relative;background:var(--es-superficie);color:var(--es-texto);border:1px solid var(--es-linha);border-radius:var(--raio-lg);padding:var(--esp-5);display:grid;gap:14px;align-self:start}
@media(min-width:640px){.form{padding:var(--esp-6)}}
.form .form-titulo{font-size:20px;font-weight:600;color:var(--es-texto);letter-spacing:-.01em}
.form .form-sub{font-size:14px;color:var(--es-texto-2);margin-top:-6px}
.form label{display:grid;gap:6px;font-size:13.5px;font-weight:600;color:var(--es-texto-2)}
.form .opcional{font-weight:400;color:var(--es-texto-3)}
.form input,.form select,.form textarea{width:100%;min-height:48px;border-radius:var(--raio-sm);border:1px solid var(--es-campo-borda);background:var(--es-fundo);color:var(--es-texto);padding:0 14px;font:400 16px var(--fonte);transition:border-color var(--es-dur-1),box-shadow var(--es-dur-1)}
.form textarea{min-height:110px;padding:12px 14px;resize:vertical}
.form select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--es-texto-3) 50%),linear-gradient(135deg,var(--es-texto-3) 50%,transparent 50%);background-position:calc(100% - 20px) 21px,calc(100% - 15px) 21px;background-size:5px 5px;background-repeat:no-repeat;padding-right:36px}
.form input::placeholder,.form textarea::placeholder{color:var(--es-texto-3)}
.form :is(input,select,textarea):focus{outline:none;border-color:var(--es-primaria);box-shadow:0 0 0 3px var(--es-primaria-linha)}
.form .duas{display:grid;gap:14px}@media(min-width:560px){.form .duas{grid-template-columns:1fr 1fr}}
.form .check{display:flex;gap:10px;align-items:flex-start;min-height:var(--alvo);font-size:var(--fs-peq);font-weight:400;color:var(--es-texto-2);line-height:1.45;cursor:pointer}
.form .check input{width:20px;height:20px;min-height:0;margin:1px 0 0;padding:0;flex:none;accent-color:var(--es-primaria)}
.form .check a{color:var(--es-primaria-hover);text-decoration:underline}
.form .mel{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.form .campos{display:grid;gap:14px}
.form .ajuda{font-size:13.5px;color:var(--es-texto-3);margin-top:-8px}
.form .opcoes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;border:0;min-width:0}
.form .opcoes legend{grid-column:1/-1;width:100%;margin-bottom:6px;padding:0;font-size:13.5px;font-weight:600;color:var(--es-texto-2)}
.form .opcoes label{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-height:var(--alvo);padding:0 10px;border:1px solid var(--es-campo-borda);border-radius:var(--raio-pilula);font-size:14.5px;font-weight:500;color:var(--es-texto);text-align:center;cursor:pointer}
.form .opcoes input{position:absolute;opacity:0;width:1px;height:1px;min-height:0;margin:0;padding:0}
.form .opcoes label:has(input:checked){border-color:var(--es-primaria);background:var(--es-primaria-suave);color:var(--es-primaria-hover)}
.form .opcoes label:has(input:focus-visible){outline:2px solid var(--es-foco);outline-offset:2px}
.form .passos-form{display:flex;align-items:center;gap:6px}
.form .passos-form i{height:4px;flex:1;border-radius:4px;background:var(--es-superficie-2);transition:background-color var(--es-dur-2)}
.form .passos-form i.on{background:var(--es-primaria)}
.form .passos-form span{font-size:12px;font-weight:600;color:var(--es-texto-3);font-variant-numeric:tabular-nums;margin-left:6px;min-width:26px;text-align:right}
.form .passo{display:grid;gap:14px;animation:es-surge var(--es-dur-2) var(--es-ease) both}
.form .passo[hidden]{display:none}
.form .passo-tit{font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--es-texto-3)}
.form .voltar{flex:none;min-height:48px;padding:0 var(--esp-4);background:none;border:1px solid var(--es-linha-forte);border-radius:var(--raio-btn);color:var(--es-texto-2);font:500 14px var(--fonte);cursor:pointer}
.form .voltar:hover{border-color:var(--es-primaria);color:var(--es-primaria-hover)}
.form .form-acoes{display:flex;gap:10px;align-items:center}
.form .form-acoes .btn{flex:1}
.form [hidden]{display:none!important}
.form .form-erro{color:var(--es-erro);font-size:14px;margin:0}
.form .seguro{font-size:13px;line-height:1.45;color:var(--es-texto-3);display:flex;gap:8px;align-items:flex-start}
.form .seguro svg{flex:none;margin-top:2px}
@media(max-width:640px){
  .form{padding:18px 16px;gap:12px}
  .form .campos,.form .duas{gap:12px}
  .form input,.form select{min-height:46px}
}
.form-lead .sucesso{display:grid;gap:10px;justify-items:center;text-align:center;padding:var(--esp-4) 4px}
.form-lead .sucesso .ok{width:56px;height:56px;border-radius:50%;background:var(--es-primaria);color:var(--es-primaria-texto);display:grid;place-items:center}
.form-lead .sucesso h3{font-size:22px}

/* Cabeçalho (fixo, transparente sobre o hero; vidro claro ao rolar) */
.topo-fixo{margin-bottom:calc(var(--topo-h) * -1);color:var(--es-hero-texto)}
.rolou .topo-fixo,.menu-aberto .topo-fixo{background:var(--es-topo-vidro);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);box-shadow:0 1px 0 var(--es-linha)}
.topo{display:flex;align-items:center;gap:var(--esp-5);min-height:var(--topo-h);position:relative}
.marca{display:inline-flex;align-items:center;gap:9px;flex:none;min-height:var(--alvo);color:var(--es-texto)}
.marca .logo{display:block;width:auto;height:23px}
@media(min-width:768px){.marca .logo{height:26px}}
.nav{display:flex;align-items:center;gap:var(--esp-1);margin-left:auto}
.nav a:not(.btn),.nav summary{display:inline-flex;align-items:center;gap:6px;min-height:var(--alvo);padding:0 var(--esp-3);border-radius:var(--raio-pilula);font-size:var(--fs-ui);font-weight:500;color:var(--es-hero-texto-2);cursor:pointer;transition:color var(--es-dur-2),background-color var(--es-dur-2)}
.nav a:not(.btn):hover,.nav a.on:not(.btn),.nav summary:hover,.nav .menu-sub.on>summary{color:var(--es-hero-texto);background:var(--es-hero-vidro)}
.menu-sub{position:relative}
.menu-sub summary{list-style:none}
.menu-sub summary::-webkit-details-marker{display:none}
.menu-sub summary:after{content:"";width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform var(--es-dur-2) var(--es-ease)}
.menu-sub[open] summary:after{transform:translateY(2px) rotate(-135deg)}
.menu-sub .sub{display:grid;gap:2px}
@media(min-width:1001px){
  .menu-sub .sub{position:absolute;top:calc(100% + 8px);left:-12px;min-width:300px;padding:var(--esp-2);border-radius:var(--raio-lg);background:var(--es-painel);border:1px solid var(--es-hero-linha);box-shadow:var(--es-sombra);animation:es-surge var(--es-dur-2) var(--es-ease) both}
  .menu-sub .sub a{display:flex;border-radius:var(--es-raio)}
}
.menu-sub .sub small{display:block;font-size:12.5px;color:var(--es-hero-texto-3);font-weight:400}
.menu-sub .sub a{flex-direction:column;align-items:flex-start;justify-content:center;gap:0;padding:8px 12px}
.topo-acoes{display:flex;align-items:center;gap:var(--esp-2)}
.topo .btn{min-height:var(--alvo);padding:0 18px;font-size:14px}
.burger{display:none;place-items:center;width:var(--alvo);height:var(--alvo);border-radius:50%;border:1px solid var(--es-hero-linha);background:transparent;color:var(--es-hero-texto);cursor:pointer}
.burger:hover{border-color:var(--es-hero-texto);background:var(--es-hero-vidro)}
.burger svg{width:20px;height:20px}
.burger .x{display:none}.aberto .burger .tres{display:none}.aberto .burger .x{display:block}
.nav .so-menu{display:none}
@media(max-width:1000px){
  .burger{display:inline-grid}.topo-acoes{margin-left:auto}
  .topo .entrar,.topo .principal{display:none}
  .nav{display:none;position:absolute;top:100%;left:calc(var(--gutter) * -1);right:calc(var(--gutter) * -1);margin:0;flex-direction:column;align-items:stretch;gap:2px;
    padding:var(--esp-3) var(--gutter) var(--esp-5);background:var(--es-painel);border-bottom:1px solid var(--es-hero-linha);box-shadow:var(--es-sombra);max-height:calc(100dvh - var(--topo-h));overflow-y:auto}
  .topo.aberto .nav{display:flex;animation:es-surge var(--es-dur-2) var(--es-ease) both}
  .nav a:not(.btn),.nav summary{min-height:48px;font-size:16px;padding:0 var(--esp-3);border-radius:var(--es-raio)}
  .menu-sub .sub{padding:0 0 var(--esp-2) var(--esp-3)}
  .nav .so-menu{display:flex;flex-wrap:wrap;gap:10px;margin-top:var(--esp-3);padding-top:var(--esp-4);border-top:1px solid var(--es-hero-linha)}
  .nav .so-menu .btn{flex:1 1 100%;min-height:48px;padding:0 var(--esp-4)}
}
@media(min-width:1001px) and (max-width:1180px){.nav a:not(.btn),.nav summary{padding:0 10px;font-size:14px}.topo .entrar{display:none}}
.menu-aberto{overflow:hidden}

/* Rodapé */
.rodape{padding-block:var(--esp-6)}
.rodape .bloco{background:var(--es-fundo-2);border-radius:var(--raio-xl);padding:var(--esp-6) var(--esp-5);display:grid;gap:var(--esp-6) var(--esp-5);grid-template-columns:repeat(2,minmax(0,1fr))}
.rodape .sobre{grid-column:1/-1}
@media(min-width:768px){.rodape .bloco{padding:var(--esp-7)}}
@media(min-width:1024px){.rodape .bloco{grid-template-columns:1.5fr repeat(3,1fr)}.rodape .sobre{grid-column:auto}}
.rodape .sobre p{margin-top:var(--esp-4);font-size:var(--fs-ui);max-width:380px}
.rodape .sobre .slogan{font-weight:600;font-size:17px;line-height:1.35;color:var(--es-texto);letter-spacing:-.01em}
.rodape .sobre .slogan+p{margin-top:var(--esp-2)}
.rodape .contato{margin-top:var(--esp-4);display:grid;gap:2px;font-size:14px;color:var(--es-texto-2)}
.rodape .contato a{display:inline-flex;align-items:center;min-height:32px;color:var(--es-texto);font-weight:500}
.rodape .contato a:hover{color:var(--es-primaria-hover)}
.rodape h2{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--es-texto-3);margin-bottom:var(--esp-2)}
.rodape ul{list-style:none;margin:0;padding:0;display:grid}
.rodape ul a{display:inline-flex;align-items:center;min-height:36px;font-size:var(--fs-ui);color:var(--es-texto-2);transition:color var(--es-dur-2)}
.rodape ul a:hover{color:var(--es-primaria-hover)}
.rodape .familia{display:grid;gap:var(--esp-3);padding:var(--esp-5) 0 0;font-size:13.5px;line-height:1.55;color:var(--es-texto-3)}
.rodape .endosso{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:15px;color:var(--es-texto-2)}
.rodape .endosso b{font-weight:650;color:var(--es-texto)}
.rodape .endosso a{display:inline-flex;align-items:center;min-height:32px}
.rodape .endosso img{display:block;height:16px;width:auto}
.rodape .grupo a{color:var(--es-texto-2);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--es-linha-forte)}
.rodape .grupo a:hover{color:var(--es-primaria-hover)}
.rodape address{font-style:normal}
.rodape address b{font-weight:600;color:var(--es-texto-2)}
.rodape .final{display:flex;flex-wrap:wrap;gap:var(--esp-2) var(--esp-5);justify-content:space-between;padding-top:20px;margin-top:var(--esp-4);border-top:1px solid var(--es-linha);font-size:13px;color:var(--es-texto-3)}

/* Painéis pastel .recurso (padrão comum aos sites do grupo, vindo do EcomIA): fundo pastel,
   etiqueta preta, título, lista com checks na cor do painel, botão sólido e, do outro lado, um
   cartão branco inclinado sobre um cartão pastel, com um balão na borda. .inv troca o lado. */
.azul{--c:var(--pastel-azul);--p:var(--pastel-azul-p);--a:var(--pastel-azul-a);--ac:var(--a)}
.creme{--c:var(--pastel-creme);--p:var(--pastel-creme-p);--a:var(--pastel-creme-a);--ac:var(--a)}
.rosa{--c:var(--pastel-rosa);--p:var(--pastel-rosa-p);--a:var(--pastel-rosa-a);--ac:var(--a)}
.menta{--c:var(--pastel-menta);--p:var(--pastel-menta-p);--a:var(--pastel-menta-a);--ac:var(--a)}
.pilha{display:grid}
.recurso{position:relative;border-radius:var(--raio-2xl);padding:var(--esp-5);background:var(--c);margin-bottom:var(--esp-5);border:1px solid var(--es-linha)}
@media(min-width:768px){.recurso{padding:var(--esp-7);margin-bottom:var(--esp-6)}}
.recurso:last-child{margin-bottom:0}
.recurso .g{display:grid;gap:40px;align-items:center}
.recurso .g>*{min-width:0}
@media(min-width:1024px){.recurso .g{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--esp-8)}.recurso.inv .txt{order:2}}
.recurso :is(h2,h3){margin-top:18px;max-width:480px;font-size:clamp(24px,3vw,34px);font-weight:560;line-height:1.12;letter-spacing:-.025em}
.recurso .txt>p{margin-top:14px;max-width:480px;font-size:var(--fs-lead);color:var(--es-texto-2)}
.recurso .lista{margin:22px 0 28px}
.recurso .lista li{color:var(--es-texto)}
.tag{display:inline-flex;align-items:center;min-height:26px;border-radius:var(--raio-sm);padding:0 10px;font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;background:var(--es-texto);color:var(--es-fundo)}
.btn.ac{background:var(--ac);color:var(--es-sobre-ac)}
.btn.ac:hover{filter:brightness(.92)}
@media(min-width:1024px) and (prefers-reduced-motion:no-preference){
  .pilha .recurso{position:sticky;top:calc(var(--topo-h) + 24px + var(--k,0) * 18px);box-shadow:0 -24px 60px -48px var(--navy-a45)}
  .pilha .recurso:nth-child(2){--k:1}.pilha .recurso:nth-child(3){--k:2}
}
.palco{position:relative;margin:16px}
.palco:before{content:"";position:absolute;inset:-16px;border-radius:var(--raio-xl);background:var(--p);transform:rotate(-2.5deg)}
.tela{position:relative;display:grid;gap:12px;padding:20px;border-radius:var(--raio-lg);border:1px solid var(--es-linha);background:var(--es-superficie);box-shadow:var(--es-sombra-forte);font-size:13px;color:var(--es-texto);transform:rotate(var(--inc,1.5deg))}
.inv .tela{--inc:-1.5deg}
.palco>.balao{position:absolute;left:24px;bottom:-22px;z-index:2}
@media(min-width:768px){.palco:has(>.balao:not(.topo-dir)) .tela{padding-bottom:40px}.palco:has(>.balao.topo-dir) .tela{padding-top:36px}}
.palco>.balao.topo-dir{left:auto;right:-6px;top:-24px;bottom:auto}
@media(max-width:767px){.palco>.balao,.palco>.balao.topo-dir{position:relative;left:auto;right:auto;top:auto;bottom:auto;margin-top:22px}}
.balao{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--raio-lg);background:var(--es-balao);color:var(--es-texto);box-shadow:0 20px 44px -18px var(--navy-a45);font-size:12.5px;line-height:1.3;text-align:left}
.balao .ic{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ac,var(--es-primaria));color:var(--es-sobre-ac);font-size:13px;font-weight:700}
.balao b{display:block;font-size:13.5px;font-weight:600}.balao span{color:var(--es-texto-3)}
/* Mockups dentro da .tela (HTML leve, empresas fictícias e selo de L.10) */
.linha-tela{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 10px;padding-bottom:10px;border-bottom:1px solid var(--es-linha)}
.linha-tela b{font-size:13.5px;font-weight:600}
.estrutura{list-style:none;margin:0;padding:0;display:grid;gap:6px;counter-reset:e}
.estrutura li{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;align-items:center;padding:9px 12px;border-radius:var(--raio-sm);background:var(--c);font-size:13px}
.estrutura span{font-size:12px;font-weight:600;color:var(--a)}
.estrutura b{font-weight:500;color:var(--es-texto)}
@media(max-width:599px){.estrutura li{grid-template-columns:minmax(0,1fr);gap:2px}}
.mapa{position:relative;height:120px;border-radius:var(--es-raio);background:var(--c);overflow:hidden}
.mapa .rua{position:absolute;background:var(--es-superficie);border-radius:4px}
.mapa .r1{left:-10%;right:-10%;top:42%;height:12px;transform:rotate(-8deg)}
.mapa .r2{top:-20%;bottom:-20%;left:38%;width:10px;transform:rotate(14deg)}
.mapa .r3{top:-20%;bottom:-20%;left:72%;width:8px;transform:rotate(-20deg)}
.mapa .pino{position:absolute;left:calc(38% + 8px);top:calc(42% - 26px);width:22px;height:22px;border-radius:50% 50% 50% 0;background:var(--a);transform:rotate(-45deg);box-shadow:0 6px 12px -4px var(--navy-a45)}
.mapa .pino:after{content:"";position:absolute;inset:7px;border-radius:50%;background:var(--es-superficie)}
.nap{margin:0;display:grid;gap:8px}
.nap div{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px}
.nap dt{font-size:12px;font-weight:600;color:var(--es-texto-3)}.nap dd{margin:0;font-size:13px}
.previa-botoes{display:flex;flex-wrap:wrap;gap:8px}
.previa-botoes span{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:var(--raio-btn);border:1px solid var(--es-linha-forte);font-size:12.5px;font-weight:600;color:var(--es-texto)}
.previa-botoes span.on{background:var(--ac,var(--es-primaria));border-color:var(--ac,var(--es-primaria));color:var(--es-sobre-ac)}
.perfil-mock{display:grid;gap:4px;padding:12px;border-radius:var(--es-raio);background:var(--c)}
.perfil-mock p{font-size:13px;color:var(--es-texto-2)}
.perfil-mock .perfil-nome{font-size:16px;font-weight:600;color:var(--es-texto)}

/* Molduras de produto: janela de navegador e celular, com o print real dentro */
.janela{overflow:hidden;border-radius:var(--raio-lg);border:1px solid var(--es-linha-forte);background:var(--es-superficie);box-shadow:var(--es-sombra-foto)}
.janela-barra{display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 8px 6px 12px;border-bottom:1px solid var(--es-linha);background:var(--es-fundo-2)}
.janela-pontos{display:flex;gap:6px;flex:none}
.janela-pontos i{width:9px;height:9px;border-radius:50%;background:var(--es-linha-forte)}
.janela-end{padding:3px 12px;border-radius:var(--raio-pilula);background:var(--es-superficie);font-size:12px;color:var(--es-texto-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.janela-barra .selo-demo{margin-left:auto;flex:none}
/* Celular: o print do celular numa moldura de telefone, sem a barra do navegador. */
@media(max-width:599px){
  .capa-janela,.print-painel .janela{max-width:320px;margin:0 auto;border:8px solid var(--navy-900);border-radius:32px}
  :is(.capa-janela,.print-painel .janela) .janela-barra{display:none}
}
.janela img{display:block;width:100%;height:auto}
.celular{position:relative;padding:10px;border-radius:36px;background:var(--navy-900);box-shadow:var(--es-sombra-foto)}
.celular img{display:block;width:100%;height:auto;border-radius:28px}

/* ================================================ 06 Padrões de página */
/* Hero das páginas internas: Névoa, começa sob o cabeçalho transparente */
.hero{position:relative;overflow:hidden;isolation:isolate;background:var(--es-hero);border-bottom:1px solid var(--es-linha);color:var(--es-hero-texto);border-radius:0 0 var(--raio-xl) var(--raio-xl);padding-top:var(--topo-h)}
.hero>.w{position:relative}
@media(min-width:1100px){
  .hero>.w:before{content:"";position:absolute;z-index:-1;right:-40px;top:50%;width:260px;height:282px;pointer-events:none;background:url(assets/marca/simbolo.svg) center/contain no-repeat;opacity:.06;transform:translateY(-46%)}
}
.cab-pagina{max-width:820px;padding-block:var(--esp-6) 72px}
@media(min-width:768px){.cab-pagina{padding-block:var(--esp-7) 88px}}
.cab-pagina.centro{margin:0 auto;text-align:center}
.cab-pagina h1{margin-top:14px}
.cab-pagina .sub,.cab-pagina .wp-block-post-excerpt__excerpt,.cab-pagina .wp-block-term-description p{font-size:var(--fs-lead);margin-top:18px;max-width:680px;color:var(--es-hero-texto-2)}
.cab-pagina.centro :is(.sub,.wp-block-post-excerpt__excerpt,.wp-block-term-description p){margin-inline:auto}
.cab-pagina .wp-block-post-excerpt__more-text{display:none}
.cab-pagina .acoes{margin-top:28px}
.cab-pagina.centro .acoes{justify-content:center}
.cab-pagina .nota{margin-top:var(--esp-3);font-size:var(--fs-peq);color:var(--es-hero-texto-3)}
.cab-pagina .rot.wp-block-group{gap:6px}
.cab-pagina .rot a{text-decoration:underline;text-decoration-color:var(--es-linha-forte);text-underline-offset:3px}
.cab-pagina .rot .wp-block-post-terms a{color:inherit}
@media(max-width:560px){.cab-pagina .acoes .btn{flex:1 1 100%}}

/* Listas de posts (blog, tema, autor, busca, relacionados) */
.cards .wp-block-post-template{list-style:none;margin:0;padding:0;display:grid;gap:var(--esp-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.cards .wp-block-post-template>li{margin:0;position:relative;background:var(--es-superficie);border:1px solid var(--es-linha);border-radius:var(--es-raio);overflow:hidden;display:flex;flex-direction:column}
.cards .wp-block-post-template>li:hover{border-color:var(--es-primaria)}
.cards .capa{position:relative;aspect-ratio:16/10;background:var(--es-nevoa);display:grid;place-items:center;overflow:hidden;margin:0}
.cards .capa>span{font-size:13px;font-weight:600;color:var(--es-primaria-hover);background:var(--es-superficie);border-radius:var(--raio-pilula);padding:6px 12px}
.cards .capa img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cards .capa .chip-trilha{position:absolute;left:var(--esp-3);bottom:var(--esp-3);background:var(--es-superficie);color:var(--es-texto);border-radius:var(--raio-pilula);padding:5px 11px;font-size:var(--fs-rot);font-weight:500}
.cards .corpo{padding:18px 20px 22px;display:grid;gap:var(--esp-2)}
.cards .wp-block-post-title{font-size:18px;line-height:1.3;margin:0;letter-spacing:-.01em}
.cards .wp-block-post-title a:after{content:"";position:absolute;inset:0;z-index:1}
.cards .wp-block-post-excerpt__excerpt{font-size:var(--fs-ui);margin:0;color:var(--es-texto-2)}
.cards .wp-block-post-excerpt__more-link{display:none}
@media(min-width:768px){
  .com-destaque .wp-block-post-template>li:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.25fr 1fr;align-items:center}
  .com-destaque .wp-block-post-template>li:first-child .capa{height:100%}
  .com-destaque .wp-block-post-template>li:first-child .corpo{padding:var(--esp-6) var(--esp-7) var(--esp-6) var(--esp-6);gap:var(--esp-3)}
  .com-destaque .wp-block-post-template>li:first-child .wp-block-post-title{font-size:var(--fs-h2);line-height:1.15;letter-spacing:-.02em}
}
.wp-block-query-pagination{display:flex;justify-content:center;gap:var(--esp-2);margin-top:40px;flex-wrap:wrap}
.wp-block-query-pagination a,.wp-block-query-pagination .current{display:inline-grid;place-items:center;min-width:var(--alvo);height:var(--alvo);padding:0 14px;border-radius:var(--raio-pilula);border:1px solid var(--es-linha);font-size:14px;color:var(--es-texto-2)}
.wp-block-query-pagination .current{background:var(--es-primaria);color:var(--es-primaria-texto);border-color:var(--es-primaria)}
.vazio{color:var(--es-texto-2);padding:var(--esp-5);border:1px dashed var(--es-linha-forte);border-radius:var(--es-raio);text-align:center}
/* Estado vazio do blog: fio e tipografia, sem ícone e sem cartão, uma ação só. */
.vazio-blog{display:grid;justify-items:start;gap:var(--esp-3);max-width:760px;padding:var(--esp-6) 0;border-top:1px solid var(--es-fio-forte);border-bottom:1px solid var(--es-linha-forte)}
.vazio-blog h2{max-width:22ch}
.vazio-blog p{max-width:60ch;font-size:var(--fs-lead);line-height:1.6}
.busca{display:flex;gap:var(--esp-2);max-width:560px;margin:20px auto 0}
.busca .wp-block-search__inside-wrapper{display:flex;gap:var(--esp-2);width:100%}
.busca input{flex:1;min-width:0;min-height:48px;border-radius:var(--raio-btn);border:1px solid var(--es-campo-borda);padding:0 18px;font:16px var(--fonte);background:var(--es-superficie);color:var(--es-texto)}
.busca button{min-height:48px;border-radius:var(--raio-btn);border:0;padding:0 20px;background:var(--es-primaria);color:var(--es-primaria-texto);font:600 15px var(--fonte);cursor:pointer}

/* Artigo: texto + coluna lateral (índice, chamada, compartilhar) */
.foto-wrap{position:relative;z-index:2;margin-top:-56px}
.foto-wrap:not(:has(img)){display:none}
.capa-artigo{margin:0 auto;max-width:1040px}
.capa-artigo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:var(--raio-xl);background:var(--es-superficie-2);box-shadow:var(--es-sombra)}
.art{display:grid;gap:var(--esp-7);padding-top:var(--esp-7)}
@media(min-width:1080px){.art{grid-template-columns:minmax(0,1fr) 300px;gap:var(--esp-8);padding-top:56px}}
.texto{max-width:720px;font-size:var(--fs-leitura);line-height:1.7;color:var(--es-texto-2)}
.texto>*+*,.texto .wp-block-post-content>*+*{margin-top:18px}
.texto h2{font-size:var(--fs-h2);margin-top:var(--esp-7);color:var(--es-texto)}
.texto h3{font-size:19px;margin-top:var(--esp-6)}
.texto a{color:var(--es-primaria-hover);text-decoration:underline;text-underline-offset:3px}
.texto ul,.texto ol{padding-left:22px}.texto li+li{margin-top:6px}
.texto strong,.texto b{color:var(--es-texto);font-weight:600}
.texto blockquote{margin:28px 0;padding:18px 22px;border-left:3px solid var(--es-primaria);background:var(--es-fundo-2);border-radius:0 var(--es-raio) var(--es-raio) 0}
.texto figure{margin:var(--esp-6) 0}
.lado{display:grid;gap:var(--esp-4);align-content:start}
@media(min-width:1080px){.lado{position:sticky;top:calc(var(--topo-h) + 16px)}}
.lado .box{background:var(--es-fundo-2);border-radius:var(--raio-lg);padding:22px}
.lado .box h2{font-size:15px;margin:0 0 10px;letter-spacing:0}
.lado .box p{font-size:var(--fs-ui)}
.lado .box .btn{margin-top:14px;width:100%}
.lado .box.cta{background:var(--pastel-azul)}
.lado .box.cta h2{font-size:18px;letter-spacing:-.01em}
.compartilhar{display:flex;gap:var(--esp-2);flex-wrap:wrap}
.compartilhar .chip{min-height:40px;padding:0 14px;font-size:13.5px}
.indice h2{font-size:15px}
.indice a{display:block;padding:7px 0 7px 12px;margin-left:-12px;border-left:2px solid transparent;font-size:var(--fs-ui);line-height:1.4;color:var(--es-texto-2)}
.indice a.on{border-left-color:var(--es-primaria);font-weight:600}
.indice-celular,.indice-lugar{display:none}
@media(max-width:1079px){
  .indice-lugar{display:block;min-height:52px;margin-bottom:var(--esp-5)}
  .lado .indice{display:none}
  .indice-celular{display:block;background:var(--es-fundo-2);border-radius:var(--es-raio);padding:0 18px}
  .indice-celular summary{cursor:pointer;list-style:none;min-height:52px;display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:16px;color:var(--es-texto)}
  .indice-celular a{display:flex;align-items:center;min-height:var(--alvo);padding:6px 0;border-top:1px solid var(--es-linha);font-size:15px;color:var(--es-texto-2);text-decoration:none!important}
}
.eib-source{font-size:13px;color:var(--es-texto-3)}
.eib-tablewrap{overflow-x:auto;margin:var(--esp-5) 0;border:1px solid var(--es-linha);border-radius:var(--es-raio)}
.eib-info{margin:var(--esp-6) 0;padding:28px;border-radius:var(--raio-xl);background:var(--es-bloco-dados)}
.eib-info-itens{list-style:none;margin:0;padding:0!important;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--esp-3)}
.eib-info-itens b{font-size:30px;line-height:1.1;font-weight:700;color:var(--es-dado)}
.eib-destaques{margin:var(--esp-5) 0;padding:var(--esp-4) var(--esp-5);border-radius:var(--es-raio);background:var(--pastel-azul);border-left:4px solid var(--es-primaria)}
.assinatura{display:flex;align-items:center;gap:var(--esp-3);margin-top:var(--esp-5)}
.cab-pagina.centro .assinatura{justify-content:center}
.assinatura img{width:var(--alvo);height:var(--alvo);border-radius:50%;object-fit:cover}
.assinatura .nome{color:var(--es-hero-texto);font-weight:600;font-size:15px;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--es-linha-forte)}
.meta-artigo{font-size:13px;color:var(--es-texto-3);margin:0}
.caixa-autor{display:grid;grid-template-columns:96px 1fr;gap:20px;align-items:start;margin-top:var(--esp-7);padding:var(--esp-5);border-radius:var(--raio-lg);background:var(--es-fundo-2)}
.caixa-autor img{width:96px;height:96px;border-radius:50%;object-fit:cover}
.caixa-autor h2{font-size:22px;margin:4px 0 8px}
.caixa-autor .como-feito{font-size:var(--fs-peq);color:var(--es-texto-3);border-top:1px solid var(--es-linha);padding-top:var(--esp-3);margin-top:var(--esp-3)}
@media(max-width:600px){.caixa-autor{grid-template-columns:1fr}.caixa-autor img{width:80px;height:80px}}
.autor-perfil{text-align:center}
.autor-perfil img{width:128px;height:128px;border-radius:50%;object-fit:cover;border:3px solid var(--es-superficie);box-shadow:0 0 0 1px var(--es-linha);margin:0 auto var(--esp-4);display:block}
.autor-perfil .perfis-autor{justify-content:center;margin-top:18px}
.perfis-autor{display:flex;gap:10px;flex-wrap:wrap;margin:6px 0}
.perfis-autor a{display:inline-grid;place-items:center;width:var(--alvo);height:var(--alvo);border-radius:50%;border:1px solid var(--es-linha);color:var(--es-primaria);background:var(--es-superficie)}
.faq-artigo{margin-top:var(--esp-7)}.faq-artigo .pergunta{padding:var(--esp-4) 0;border-top:1px solid var(--es-linha)}
.continue-trilha{margin-top:40px;padding:var(--esp-5);border-radius:var(--raio-lg);background:var(--es-primaria-suave)}

/* Fim do blog: chamada para o diagnóstico (sem inscrição por e-mail: a plataforma não envia) */
.chamada-blog{display:grid;gap:var(--esp-6);align-items:center;padding:var(--esp-6) var(--esp-5);border-radius:var(--raio-xl);background:var(--es-nevoa);border:1px solid var(--es-linha)}
@media(min-width:960px){.chamada-blog{grid-template-columns:1.1fr 1fr;gap:var(--esp-8);padding:var(--esp-8)}}
.chamada-blog h2{margin-top:var(--esp-3)}
.chamada-blog>div>p{margin-top:14px;font-size:var(--fs-lead)}
.chamada-blog .acoes{margin-top:var(--esp-5)}
@media(max-width:560px){.chamada-blog .acoes .btn{flex:1 1 100%}}

/* ---------------------------------------------------------------------
   Home. Cada seção tem uma forma própria (regra anti-cara-de-IA: alternar
   largura total, duas colunas e painel pastel; fio e tipografia no lugar de
   cartão, sombra e degradê).
   --------------------------------------------------------------------- */

/* 01 Hero centrado (EcomSmart v5.1): rótulo com o endosso → título → subtítulo → botões → selos em
   linha → imagem de produto. Título com teto de 62 px e medida de ~24ch: 3 linhas em 1440 px, 4 em 390. */
.capa-home{position:relative;isolation:isolate;overflow-x:clip;padding-top:var(--topo-h);background:linear-gradient(180deg,var(--es-campo) 0,var(--es-fundo) 62%)}
.capa-grade{display:grid;justify-items:center;text-align:center;padding-block:var(--esp-6) var(--esp-8)}
.capa-grade>*{min-width:0;max-width:100%}
.capa-topo{display:grid;justify-items:center;max-width:1000px}
.capa-topo .rot,.cab-pagina .rot{color:var(--es-hero-rot)}
.capa-topo h1{margin-top:var(--esp-5);font-size:clamp(31px,min(4.3vw,7.4vh),62px);line-height:1.04;letter-spacing:-.036em;font-weight:500;max-width:24ch}
.capa-topo h1 .enf{position:relative;white-space:nowrap}
.capa-topo h1 .enf:after{content:"";position:absolute;left:0;right:0;bottom:.02em;height:.07em;border-radius:1em;background:currentColor;opacity:.55;transform-origin:0 50%;transform:scaleX(0);animation:sp-traco .9s var(--es-ease) .7s forwards}
.capa-topo .sub{margin:var(--esp-5) auto 0;max-width:60ch;font-size:var(--fs-lead);line-height:1.6}
.capa-acoes{display:grid;justify-items:center;gap:var(--esp-6);margin-top:var(--esp-6);width:100%}
.capa-acoes .acoes{margin-top:0;justify-content:center}
/* Botões do hero em caixa alta e peso 500 (EcomSmart v5.1); no resto do site, caixa normal. */
.capa-acoes .btn{min-height:50px;padding:0 22px;font-size:13.5px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}
@media(max-width:560px){.capa-acoes .acoes{flex-direction:column;align-items:center;width:100%}.capa-acoes .acoes .btn{width:100%;max-width:340px}}
/* Selos tipográficos: rótulo pequeno em cima, fato em negrito embaixo, fio vertical entre eles, sem ícone.
   Uma linha no desktop; grade de 3 colunas iguais no celular (nunca empilhados). */
.selos-capa{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:720px}
.selos-capa li{display:grid;align-content:start;justify-items:center;gap:3px;padding:2px 10px;border-left:1px solid var(--es-linha-forte);text-align:center}
.selos-capa li:first-child{border-left:0}
.selos-capa small{font-size:12px;font-weight:500;line-height:1.2;color:var(--es-texto-3)}
.selos-capa b{font-size:13.5px;font-weight:600;line-height:1.25;letter-spacing:-.005em;color:var(--es-texto);text-wrap:balance}
@media(min-width:768px){.selos-capa{display:flex;justify-content:center;width:auto}.selos-capa li{padding:2px 24px}.selos-capa small{font-size:12.5px}.selos-capa b{font-size:15px;white-space:nowrap}}
/* Palco: janela e celular num bloco próprio; a legenda fica fora dele, à esquerda e sem passar
   por baixo da faixa do celular (o aviso de dados fictícios nunca fica coberto). */
.capa-palco{position:relative;width:100%;max-width:1040px;margin:var(--esp-7) 0 0;text-align:left}
.capa-telas{position:relative}
.capa-janela{position:relative;z-index:1}
.capa-celular{display:none}
.capa-palco figcaption{margin-top:var(--esp-4);font-size:14px;line-height:1.5;color:var(--es-texto-3);text-align:center}
@media(min-width:1024px){
  .capa-grade{padding-block:var(--esp-7) 88px}
  .capa-palco{margin-top:var(--esp-8)}
  .capa-celular{display:block;position:absolute;z-index:2;right:-56px;bottom:40px;width:min(230px,22%)}
  .capa-palco figcaption{text-align:left;padding-right:calc(min(230px,22%) - 40px)}
}
@media(min-width:1024px) and (max-height:820px){
  .capa-grade{padding-top:var(--esp-5)}
  .capa-topo h1{margin-top:var(--esp-4)}
  .capa-topo .sub{margin-top:var(--esp-4);font-size:17px}
  .capa-acoes{margin-top:var(--esp-5);gap:var(--esp-5)}
}
/* Laterais do hero: o vocabulário do Smart Pages em traço azul 100/200 (decorativo, atrás do texto),
   como a .capa-deco da EcomSmart, e só onde há lateral livre (a partir de 1200 px). */
.capa-deco{position:absolute;inset:0;z-index:-1;pointer-events:none;display:none}
.deco{position:absolute;display:block;overflow:visible}
.deco-simbolo path{fill:none;stroke:var(--azul-200);stroke-width:1.5px;vector-effect:non-scaling-stroke}
.deco-simbolo .cheio{fill:var(--azul-400);stroke:none}
.deco-busca .caixa,.deco-pagina .folha,.deco-pino .pino{fill:var(--es-superficie);stroke:var(--azul-200);stroke-width:1.5}
.deco-busca .lupa{fill:none;stroke:var(--azul-400);stroke-width:2.4;stroke-linecap:round}
.deco-busca .texto,.deco-pagina .linha{fill:none;stroke:var(--azul-100);stroke-width:6;stroke-linecap:round}
.deco-busca .res{fill:var(--azul-200)}.deco-busca .res.claro{fill:var(--azul-100)}
.deco-pagina .titulo{fill:none;stroke:var(--azul-200);stroke-width:10;stroke-linecap:round}
.deco-pagina .botao,.deco-pino .centro{fill:var(--azul-400)}
.deco-pino .raio{fill:none;stroke:var(--azul-100);stroke-width:2;stroke-dasharray:5 6}
@media(min-width:1200px){
  .capa-deco{display:block}
  .deco-simbolo{left:max(-36px,calc(50% - 740px));top:calc(var(--topo-h) + 40px);width:190px;rotate:-8deg;opacity:.85}
  .deco-busca{left:calc(50% - 650px);top:calc(var(--topo-h) + 330px);width:200px;rotate:3deg}
  .deco-pagina{right:max(-30px,calc(50% - 720px));top:calc(var(--topo-h) + 70px);width:150px;rotate:7deg}
  .deco-pino{right:calc(50% - 650px);top:calc(var(--topo-h) + 360px);width:120px;rotate:-4deg}
}

/* 02 Dor e 13 Resumo: cena sobre foto (padrão .conversa da EcomSmart). A foto é cena ilustrativa,
   nunca cliente nem equipe; o cartão do produto (a busca, o e-mail) fica sobreposto à borda da foto. */
.cena-g{display:grid;gap:var(--esp-7);align-items:center}
.cena-g>*{min-width:0}
.cena{position:relative}
.cena-foto{position:relative;margin:0;overflow:hidden;border-radius:var(--raio-xl);aspect-ratio:4/3;background:var(--es-superficie-2)}
.cena-foto img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 22%}
.cena-cartao{position:relative;z-index:1;width:calc(100% - 24px);max-width:420px;margin:-72px auto 0 12px;box-shadow:var(--es-sombra-foto)}
.cena-inv .cena-cartao{margin:-72px 12px 0 auto}
.cena-txt h2{margin-top:var(--esp-3)}
.cena-txt>p{margin-top:var(--esp-4);font-size:var(--fs-lead);line-height:1.6}
@media(max-width:1023px){.sec-dor .cena{order:2}}
@media(min-width:1024px){
  .cena-g{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:var(--esp-9)}
  .cena-g.cena-inv{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}
  .cena-foto{aspect-ratio:4/5;width:80%;margin-left:auto;border-radius:var(--raio-xl) var(--raio-xl) var(--raio-xl) 120px}
  .cena-cartao{position:absolute;left:0;bottom:-56px;margin:0;width:min(420px,72%)}
  .cena-inv .cena-foto{margin-left:0;border-radius:var(--raio-xl) var(--raio-xl) 120px var(--raio-xl)}
  .cena-inv .cena-cartao{left:auto;right:0}
  .cena-sec{padding-bottom:calc(var(--sec) + 56px)}
}
/* As três perguntas: título em negrito com fio, sem número (não há ordem entre elas). */
.dor-lista{list-style:none;margin:0;padding:0;border-top:1px solid var(--es-fio-forte)}
.dor-lista li{padding:var(--esp-5) 0;border-bottom:1px solid var(--es-linha-forte)}
.dor-lista h3{font-size:clamp(19px,1.8vw,23px);font-weight:600;letter-spacing:-.02em}
.dor-lista p{margin-top:8px;font-size:15.5px;line-height:1.6;max-width:56ch}
.busca-mock{margin:0;display:grid;gap:var(--esp-3);padding:18px var(--esp-4) var(--esp-4);border-radius:var(--raio-lg);background:var(--es-superficie);border:1px solid var(--es-linha)}
.busca-mock .busca-res li{background:var(--es-fundo-2)}
.busca-campo{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 18px;border-radius:var(--raio-pilula);background:var(--es-superficie);border:1px solid var(--es-linha-forte);font-size:14.5px;color:var(--es-texto);box-shadow:var(--es-sombra-leve);overflow:hidden}
.busca-campo svg{flex:none;width:18px;height:18px;color:var(--es-texto-3)}
.busca-campo span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.busca-res{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.busca-res li{display:grid;gap:3px;padding:12px 14px;border-radius:var(--es-raio);background:var(--es-superficie);border:1px solid var(--es-linha)}
.busca-res small{font-size:12px;color:var(--es-texto-3)}
.busca-res b{font-size:15.5px;font-weight:600;color:var(--azul-800)}
.busca-res span{font-size:13.5px;color:var(--es-texto-2);line-height:1.45}
.busca-res .voce{border:1.5px dashed var(--creme-700);background:var(--creme-50)}
.busca-res .voce b{color:var(--creme-700)}
.busca-mock figcaption,.cadeia-fig figcaption,.calendario figcaption,.conversa-wa figcaption,.email-mock figcaption{font-size:13.5px;line-height:1.45;color:var(--es-texto-3)}

/* 03 Simulador: painel azul 50 com o formulário que abre o diagnóstico do sistema */
.painel-form{padding:var(--esp-6) var(--esp-5)}
@media(min-width:768px){.painel-form{padding:var(--esp-8) 56px}}
.painel-form .form-g h2{max-width:none}
.simulador-form .duas-local{grid-template-columns:minmax(0,1fr) 120px}
@media(max-width:559px){.simulador-form .duas-local{grid-template-columns:minmax(0,1fr) 108px}.painel-form{padding-inline:16px}}
@media(max-width:479px){.so-largo{display:none}}

/* 04 Como funciona: trilho com quatro passos e a demonstração de cada um */
.trilho{list-style:none;margin:0;padding:0 0 0 40px;display:grid;gap:var(--esp-8);position:relative}
@media(min-width:900px){.trilho{padding-left:72px;gap:var(--esp-9)}}
.trilho:before{content:"";position:absolute;left:11px;top:12px;bottom:12px;width:2px;border-radius:2px;background:var(--es-linha)}
@media(min-width:900px){.trilho:before{left:19px}}
.etapa{position:relative;display:grid;gap:var(--esp-5);align-items:center}
@media(min-width:900px){.etapa{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--esp-8)}.etapa:nth-child(2n) .etapa-vis{order:-1}}
.etapa:before{content:"";position:absolute;left:-40px;top:6px;width:24px;height:24px;border-radius:50%;background:var(--es-primaria);border:2px solid var(--es-primaria);box-shadow:0 0 0 6px var(--es-fundo)}
@media(min-width:900px){.etapa:before{left:-64px;width:26px;height:26px}}
.narrativa .num-passo{font-size:14px}
/* O verbo em display com o ponto azul (EcomSmart: Conecta. Classifica. Envia. Mede.), a frase de L.2 em
   negrito e duas linhas de explicação que não repetem a abertura. */
.etapa-txt .verbo{margin-top:var(--esp-2);font-size:clamp(32px,min(4.4vw,7.6vh),60px);font-weight:600;line-height:1;letter-spacing:-.035em}
.verbo span{color:var(--es-primaria)}
.etapa-txt p{margin-top:var(--esp-3);font-size:var(--fs-lead);line-height:1.6;max-width:500px}
.etapa-txt .etapa-frase{margin-top:var(--esp-4);font-weight:600;color:var(--es-texto)}
.trilho-pagina .etapa-txt p{font-size:var(--fs-leitura)}
.etapa-vis{padding:var(--esp-5) var(--esp-5) 28px;border-radius:var(--raio-xl);background:var(--es-superficie);border:1px solid var(--es-linha);display:grid;gap:var(--esp-4)}
.vis-cab{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px var(--esp-3);font-size:12.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--es-texto-3)}
.vis-cab .selo-demo{text-transform:none;letter-spacing:0}
.vis-sub{font-size:13.5px;font-weight:600;color:var(--es-texto-2)}
/* Estados dos artigos com os nomes e as cores do calendário do sistema (Aguardando você, Planejado,
   Publicado, Segurado). */
.dec-lista .est{background:var(--es-superficie);border:1px solid var(--es-linha);color:var(--es-texto);display:inline-flex;align-items:center;gap:6px}
.est:before,.cal-legenda li:before{content:"";flex:none;width:12px;height:12px;border-radius:50%;border:4px solid var(--cor,var(--es-primaria));box-sizing:border-box}
.est.aguardando,.cal-legenda .aguardando,.cal-marca.aguardando{--cor:var(--est-aguardando)}
.est.planejados,.cal-legenda .planejados,.cal-marca.planejados{--cor:var(--est-planejado)}
.est.publicados,.cal-legenda .publicados,.cal-marca.publicados{--cor:var(--est-publicado)}
.est.segurados,.cal-legenda .segurados,.cal-marca.segurados{--cor:var(--est-segurado)}
.vis-nota{font-size:13px;color:var(--es-texto-3)}
.ficha-neg{margin:0;display:grid;gap:10px}
.ficha-neg div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;align-items:center;padding-bottom:10px;border-bottom:1px solid var(--es-linha)}
.ficha-neg div:last-child{border-bottom:0;padding-bottom:0}
.ficha-neg dt{font-size:13px;color:var(--es-texto-3)}
.ficha-neg dd{margin:0;display:flex;flex-wrap:wrap;gap:6px;font-size:14.5px;font-weight:600;color:var(--es-texto)}
.dec-lista{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.dec-lista li{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px var(--esp-3);min-height:44px;padding:8px var(--esp-3);border-radius:var(--raio-sm);background:var(--es-fundo-2);font-size:14px}
.dec-lista li b{color:var(--es-texto);font-weight:600}
.dec-lista span{padding:4px 10px;border-radius:var(--raio-pilula);background:var(--es-primaria-suave);color:var(--es-primaria-hover);font-size:12.5px;font-weight:600}
.vis-previa .previa-tit{font-size:18px;font-weight:600;color:var(--es-texto);letter-spacing:-.01em}
.vis-previa .previa-txt{font-size:14.5px;line-height:1.55}
.vis-previa .previa-prazo{padding:10px 12px;border-radius:var(--raio-sm);background:var(--creme-50);font-size:13.5px;color:var(--es-texto)}
.funil{display:grid;gap:var(--esp-3);justify-items:start;margin-top:var(--esp-8);padding:var(--esp-5) 0;border-block:1px solid var(--es-linha)}
.funil-passos{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.funil-passos li{display:inline-flex;align-items:center;gap:8px;font-size:clamp(16px,1.6vw,20px);font-weight:600;letter-spacing:-.015em;color:var(--es-texto)}
.funil-passos li+li:before{content:"→";color:var(--es-primaria);font-weight:500}
.funil-passos li:last-child{color:var(--es-primaria-hover)}
.funil p{font-size:15.5px;max-width:70ch}

/* 05 Antes e depois por nicho: índice numerado + painel (mesma vitrine da EcomSmart) */
.vitrine{display:grid;gap:var(--esp-5)}
.vitrine>*{min-width:0}
.vit-lista{display:flex;gap:var(--esp-2);overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:var(--gutter);scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding:4px var(--gutter);
  position:relative;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--fe,0px),#000 calc(100% - var(--fd,24px)),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 var(--fe,0px),#000 calc(100% - var(--fd,24px)),transparent 100%)}
.vit-lista::-webkit-scrollbar{display:none}
.vit-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--esp-3);margin-top:calc(var(--esp-2) * -1)}
.vit-seta{display:grid;place-items:center;width:var(--alvo);height:var(--alvo);border-radius:var(--raio-btn);border:1px solid var(--es-linha-forte);background:var(--es-superficie);color:var(--es-texto);font:400 24px/1 var(--fonte);cursor:pointer}
.vit-seta:not(:disabled):hover{border-color:var(--es-primaria);color:var(--es-primaria)}
.vit-seta:disabled{opacity:.35;cursor:default}
.vit-pos{font-size:14px;color:var(--es-texto-3);font-variant-numeric:tabular-nums}
.vit-pos b{font-weight:600;color:var(--es-texto)}
@media(min-width:1024px){.vit-nav{display:none}.vit-lista{-webkit-mask-image:none;mask-image:none}}
.vit-aba{position:relative;flex:none;scroll-snap-align:start;display:flex;align-items:center;gap:12px;min-height:48px;padding:0 18px;border:1px solid var(--es-linha);border-radius:var(--raio-btn);background:var(--es-superficie);color:var(--es-texto-2);font:inherit;text-align:left;cursor:pointer;transition:background-color var(--es-dur-2),border-color var(--es-dur-2),color var(--es-dur-2)}
.vit-n{font-size:12.5px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--es-texto-3)}
.vit-nome b{display:block;font-size:15px;font-weight:600;white-space:nowrap;color:var(--es-texto)}
.vit-nome small{display:none}
.vit-aba[aria-selected="true"]{background:var(--es-texto);border-color:var(--es-texto)}
.vit-aba[aria-selected="true"] b{color:var(--es-fundo)}
.vit-aba[aria-selected="true"] .vit-n{color:var(--es-linha-forte)}
.vit-painel{display:grid;gap:var(--esp-5);margin:0;padding:var(--esp-5);border-radius:var(--raio-2xl);background:var(--es-superficie);border:1px solid var(--es-linha)}
.vit-painel[hidden]{display:none}
@media(min-width:768px){.vit-painel{padding:var(--esp-6)}}
@media(min-width:1024px){
  .vitrine{grid-template-columns:minmax(240px,.55fr) minmax(0,1.45fr);gap:var(--esp-7);align-items:start}
  .vit-lista{flex-direction:column;gap:0;overflow:visible;margin:0;padding:0;border-top:1px solid var(--es-fio-forte)}
  .vit-aba{width:100%;align-items:flex-start;gap:18px;min-height:0;padding:18px 0 18px 20px;border:0;border-bottom:1px solid var(--es-linha);border-radius:0;background:none}
  .vit-aba:before{content:"";position:absolute;left:0;top:-1px;bottom:-1px;width:2px;background:var(--es-texto);transform:scaleY(0);transform-origin:50% 0;transition:transform var(--es-dur-3) var(--es-ease)}
  .vit-n{padding-top:5px}
  .vit-nome b{font-size:clamp(18px,1.6vw,21px);letter-spacing:-.02em;white-space:normal;color:var(--es-texto-3)}
  .vit-nome small{display:block;max-height:0;overflow:hidden;opacity:0;font-size:14px;color:var(--es-texto-2);transition:max-height var(--es-dur-3) var(--es-ease),opacity var(--es-dur-3),margin-top var(--es-dur-3)}
  .vit-aba:hover b{color:var(--es-texto)}
  .vit-aba[aria-selected="true"]{background:none;border-color:var(--es-linha)}
  .vit-aba[aria-selected="true"]:before{transform:scaleY(1)}
  .vit-aba[aria-selected="true"] b{color:var(--es-texto)}
  .vit-aba[aria-selected="true"] .vit-n{color:var(--es-primaria-hover)}
  .vit-aba[aria-selected="true"] small{max-height:48px;margin-top:6px;opacity:1}
  .vit-paineis{position:sticky;top:calc(var(--topo-h) + 24px)}
}
.exemplo-cab{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:var(--esp-3)}
.exemplo-cab h2,.exemplo-cab h3{font-size:clamp(21px,2.2vw,28px);font-weight:600;letter-spacing:-.025em;line-height:1.15}
.exemplo-cab .tag+h2{margin-top:12px}
.exemplo-cab p{margin-top:6px;font-size:15px}
.ad{display:grid;gap:var(--esp-3)}
@media(min-width:700px){.ad{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}
.ad-lado{display:grid;gap:12px;align-content:start;padding:var(--esp-5);border-radius:var(--raio-lg)}
.ad-antes{background:var(--es-fundo-2);border:1px solid var(--es-linha)}
.ad-antes ul{margin:0;padding-left:20px;display:grid;gap:8px;color:var(--es-texto-2);font-size:15px}
.ad-depois{background:var(--pastel-azul);border:1px solid var(--azul-100)}
.ad-depois .lista{gap:10px}.ad-depois .lista li{color:var(--es-texto);font-size:15px}
.ad-rot{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--es-texto-3)}
.ad-depois .ad-rot{color:var(--es-primaria-hover)}
.nicho-painel .nota-fonte{margin:0}

/* 06 Estratégia: a cadeia do serviço ao contato */
.cadeia-fig{margin:0;display:grid;gap:var(--esp-5);padding:var(--esp-5);border-radius:var(--raio-2xl);background:var(--pastel-azul);border:1px solid var(--azul-100)}
@media(min-width:768px){.cadeia-fig{padding:var(--esp-7)}}
.cadeia-cab{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--esp-3)}
.cadeia-cab h3{font-size:clamp(19px,2vw,24px);font-weight:600;letter-spacing:-.02em}
/* A cadeia como frase em fluxo: cada elo com o rótulo pequeno e o exemplo, ligados por seta, sem número. */
.fluxo{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:18px 0}
.fluxo li{display:grid;grid-template-columns:auto minmax(0,auto);grid-template-areas:"seta elo" "seta ex";column-gap:14px;align-items:center;padding-right:14px}
.fluxo li:first-child{grid-template-columns:minmax(0,auto);grid-template-areas:"elo" "ex"}
.fluxo li+li:before{content:"→";grid-area:seta;font-size:22px;font-weight:500;line-height:1;color:var(--es-primaria)}
.fluxo-elo{grid-area:elo;align-self:end;font-size:12.5px;font-weight:600;color:var(--es-texto-2)}
.fluxo-ex{grid-area:ex;align-self:start;max-width:22ch;margin-top:2px;font-size:clamp(16px,1.5vw,18.5px);font-weight:600;letter-spacing:-.01em;line-height:1.3;color:var(--es-texto)}
@media(max-width:767px){
  .fluxo{display:grid;gap:0}
  .fluxo li{grid-template-columns:28px minmax(0,1fr);column-gap:0;padding:10px 0;border-top:1px solid var(--azul-100)}
  .fluxo li:first-child{border-top:0;grid-template-columns:28px minmax(0,1fr);grid-template-areas:". elo" ". ex"}
  .fluxo li+li:before{font-size:18px}
  .fluxo-ex{max-width:none}
}

/* 07 Consistência: texto + calendário de exemplo */
.consistencia-g{display:grid;gap:var(--esp-7)}
.consistencia-g>*{min-width:0}
@media(min-width:1024px){.consistencia-g{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:var(--esp-9);align-items:center}}
.consistencia-txt h2{margin-top:var(--esp-3)}
.consistencia-txt .lead{margin-top:var(--esp-4);font-size:var(--fs-lead);line-height:1.6}
.consistencia-txt .lista{margin-top:var(--esp-5)}
.calendario{margin:0;display:grid;gap:var(--esp-3);padding:var(--esp-5);border-radius:var(--raio-xl);background:var(--es-superficie);border:1px solid var(--es-linha)}
.cal-cab{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px}
.cal-cab b{font-size:16px;font-weight:600;color:var(--es-texto)}
.cal-semana,.cal-grade{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.cal-semana span{font-size:11.5px;font-weight:600;color:var(--es-texto-3);text-align:center}
.cal-grade{list-style:none;margin:0;padding:0}
.cal-grade li{min-width:0;min-height:58px;display:flex;flex-direction:column;gap:3px;padding:4px;border-radius:var(--raio-sm);background:var(--es-fundo-2)}
.cal-grade li.fora{background:none}
.cal-dia{font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--es-texto-2)}
/* Chip do artigo como no sistema: fio de 4 px na cor do estado e o título cortado com reticências. */
.cal-marca{display:block;padding:1px 4px;border-left:3px solid var(--cor,var(--es-primaria));border-radius:4px;background:var(--es-primaria-suave);font-size:11.5px;line-height:1.35;color:var(--es-texto);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:599px){
  .cal-grade li{min-height:44px;padding:3px}
  .cal-marca{width:12px;height:12px;padding:0;border:4px solid var(--cor,var(--es-primaria));border-radius:50%;background:none;font-size:0}
}
.cal-legenda{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 16px}
.cal-legenda li{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;color:var(--es-texto-2)}

/* 11 Como é por dentro: os prints na moldura de navegador, em abas */
.prints .vit-painel{background:var(--es-fundo);padding:var(--esp-4)}
@media(min-width:768px){.prints .vit-painel{padding:var(--esp-5)}}
.print-painel figcaption{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:14px;color:var(--es-texto-2)}


/* Portfólio: capturas dos sites no ar */
.portfolio{list-style:none;margin:0;padding:0;display:grid;gap:var(--esp-5);grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}
.sec-sites .portfolio{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}
@media(max-width:699px){.sec-sites .site-card:nth-child(n+3){display:none}}
.site-card{display:flex;flex-direction:column;gap:var(--esp-4);min-width:0}
.site-capa{display:block;overflow:hidden;border-radius:var(--raio-lg);border:1px solid var(--es-linha-forte);background:var(--es-superficie);transition:border-color var(--es-dur-2),box-shadow var(--es-dur-2)}
.site-capa:hover{border-color:var(--es-primaria);box-shadow:var(--es-sombra-forte)}
.site-barra{display:flex;align-items:center;gap:5px;min-height:28px;padding:0 10px;border-bottom:1px solid var(--es-linha);background:var(--es-fundo-2)}
.site-barra i{flex:none;width:7px;height:7px;border-radius:50%;background:var(--es-linha-forte)}
.site-barra span{margin-left:6px;font-size:11.5px;color:var(--es-texto-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.site-capa img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top}
.site-corpo{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.site-tipo{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:13px;color:var(--es-texto-3)}
.site-corpo h3{font-size:20px;font-weight:600;letter-spacing:-.02em}
.site-corpo>p{font-size:15px;line-height:1.55}
.site-rodape{align-self:stretch;margin-top:auto;display:grid;gap:2px;justify-items:start;padding-top:8px;border-top:1px solid var(--es-linha);font-size:13px;color:var(--es-texto-3)}
/* /sites-de-clientes/: 2 colunas, captura grande (16:10) e o tipo de projeto em destaque. */
@media(min-width:800px){.portfolio.grande{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--esp-8) var(--esp-6)}}
.portfolio.grande .site-barra{min-height:36px;padding:0 14px}
.portfolio.grande .site-barra i{width:9px;height:9px}
.portfolio.grande .site-barra span{font-size:13px}
.portfolio.grande .site-tipo .chip-seg{min-height:30px;padding:0 12px;font-size:14px}
.portfolio.grande .site-corpo h3{font-size:clamp(22px,2vw,26px)}
.portfolio.grande .site-corpo>p{font-size:16px;max-width:56ch}
.portfolio-h2{margin-bottom:var(--esp-6);font-size:var(--fs-h2)}
.site-rodape .link-seta{font-size:14px}

/* 12 Planos (catálogo do sistema) */
.planos-g{list-style:none;margin:0;padding:0;display:grid;gap:var(--esp-4);align-items:stretch}
@media(min-width:960px){.planos-g{grid-template-columns:repeat(3,minmax(0,1fr))}}
.plano{position:relative;display:flex;flex-direction:column;gap:14px;padding:28px var(--esp-5);border-radius:var(--raio-xl);background:var(--es-superficie);border:1px solid var(--es-linha)}
@media(min-width:768px){.plano{padding:var(--esp-6)}}
.plano.destaque{border:2px solid var(--es-primaria);box-shadow:var(--es-sombra-forte)}
.plano-selo{position:absolute;top:-15px;left:var(--esp-5);display:inline-flex;align-items:center;min-height:28px;padding:0 12px;border-radius:var(--raio-pilula);background:var(--es-primaria);color:var(--es-primaria-texto);font-size:13px;font-weight:600}
.plano-nome{font-size:22px;font-weight:600;letter-spacing:-.02em}
.plano-desc{font-size:15px;min-height:3em}
.plano .valor{display:flex;align-items:baseline;gap:6px;color:var(--es-texto)}
.plano .valor b{font-size:44px;font-weight:700;letter-spacing:-.035em;line-height:1;font-variant-numeric:tabular-nums}
.plano .valor small{font-size:15px;font-weight:500;color:var(--es-texto-3)}
.plano-taxa{font-size:13.5px;color:var(--es-texto-3);margin-top:-6px}
.plano .lista{gap:10px;margin:var(--esp-2) 0 var(--esp-4)}
.plano .lista li{font-size:15px;color:var(--es-texto)}
.plano .lista .selo-demo{margin-top:6px}
.plano .btn{margin-top:auto}
.planos-nota{text-align:center;max-width:820px;margin-inline:auto;line-height:1.55}
/* Celular e tablet: seletor segmentado (rádios + :has(), sem JS), um cartão por vez, o destaque aberto. */
.planos-sel{display:none}
@media(max-width:959px){
  .planos-sel{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:4px;margin:0 0 var(--esp-6);padding:4px;border:1px solid var(--es-campo-borda);border-radius:var(--raio-pilula);background:var(--es-superficie);min-width:0}
  .planos-sel label{position:relative;display:flex;align-items:center;justify-content:center;min-height:var(--alvo);padding:0 6px;border-radius:var(--raio-pilula);font-size:14.5px;font-weight:600;color:var(--es-texto-2);text-align:center;cursor:pointer}
  .planos-sel input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
  .planos-sel label:has(input:checked){background:var(--es-texto);color:var(--es-fundo)}
  .planos-sel label:has(input:focus-visible){outline:2px solid var(--es-foco);outline-offset:2px}
  .planos:has(input[data-i="0"]:checked) .plano:not([data-i="0"]),
  .planos:has(input[data-i="1"]:checked) .plano:not([data-i="1"]),
  .planos:has(input[data-i="2"]:checked) .plano:not([data-i="2"]),
  .planos:has(input[data-i="3"]:checked) .plano:not([data-i="3"]){display:none}
  .planos .plano.destaque{margin-top:12px}
}
.aviso-planos{max-width:760px;margin:0 auto var(--esp-5);text-align:center}
.cab-sec+.aviso{margin-top:calc(var(--esp-3) * -1);max-width:760px}.aviso+.etapas{margin-top:var(--esp-5)}
.comparativo{margin-top:var(--esp-6);border-top:1px solid var(--es-fio-forte)}
.comparativo>summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:var(--esp-4);min-height:64px;font-size:18px;font-weight:600;color:var(--es-texto)}
.comparativo>summary::-webkit-details-marker{display:none}
.comparativo>summary:after{content:"+";flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--es-linha-forte);font-weight:500;color:var(--es-primaria)}
.comparativo[open]>summary:after{content:"−"}
.comparativo .tabela{margin-top:var(--esp-3)}
.comparativo th .th-preco{display:block;font-size:13px;font-weight:500;color:var(--es-texto-3)}
.comparativo td .selo-demo{margin-top:6px;white-space:normal}
.definicoes,.quadro{margin:var(--esp-6) 0 0;display:grid;gap:0;border-top:1px solid var(--es-linha-forte)}
.definicoes div,.quadro div{display:grid;gap:4px;padding:16px 0;border-bottom:1px solid var(--es-linha)}
@media(min-width:768px){.definicoes div,.quadro div{grid-template-columns:minmax(0,.32fr) minmax(0,.68fr);gap:var(--esp-5)}}
.definicoes dt,.quadro dt{font-weight:600;color:var(--es-texto)}
.definicoes dd,.quadro dd{margin:0;font-size:15px;line-height:1.6;color:var(--es-texto-2)}

/* 13 Resumo: o e-mail no modelo aviso.html do sistema (ou a conversa de WhatsApp, com o canal oficial ligado) */
.email-mock,.conversa-wa{margin:0;display:grid;gap:12px;padding:18px var(--esp-4) var(--esp-4);border-radius:var(--raio-lg);background:var(--es-superficie);border:1px solid var(--es-linha)}
.email{border:1px solid var(--es-linha);border-radius:var(--es-raio);background:var(--es-fundo-2);overflow:hidden}
.email-de{display:flex;justify-content:space-between;gap:8px;padding:10px 14px;border-bottom:1px solid var(--es-linha);background:var(--es-superficie);font-size:13px;color:var(--es-texto-3)}
.email-de b{font-weight:600;color:var(--es-texto)}
.email-corpo{display:grid;gap:8px;margin:12px;padding:16px;border-radius:var(--es-raio);background:var(--es-superficie);border:1px solid var(--es-linha)}
.email-corpo p{font-size:13.5px;line-height:1.5;color:var(--es-texto)}
.email-marca{display:flex;align-items:center;gap:8px;font-weight:700}
.email-marca i{width:5px;height:18px;border-radius:2px;background:var(--es-primaria)}
.email-corpo .email-assunto{font-size:17px;font-weight:700;letter-spacing:-.01em;line-height:1.3}
.email-botao{justify-self:start;display:inline-flex;align-items:center;min-height:36px;margin-top:4px;padding:0 16px;border-radius:var(--raio-btn);background:var(--es-primaria);color:var(--es-primaria-texto);font-size:13.5px;font-weight:600}
.email .email-pe{padding:0 14px 12px;font-size:12px;color:var(--es-texto-3);text-align:center}
.wa-tela{display:grid;gap:8px;align-content:start;padding:14px 12px 16px;border-radius:var(--es-raio);background:var(--wa-fundo)}
.wa-topo{display:flex;align-items:center;gap:8px;margin:-14px -12px 6px;padding:12px 16px;border-radius:var(--es-raio) var(--es-raio) 0 0;background:var(--es-superficie);font-weight:600;color:var(--es-texto)}
.ponto-wa{width:10px;height:10px;border-radius:50%;background:var(--es-wa)}
.wa-dia{justify-self:center;padding:3px 10px;border-radius:8px;background:var(--es-superficie);font-size:12px;color:var(--es-texto-3)}
.balao-wa{max-width:92%;padding:9px 12px;border-radius:4px 12px 12px 12px;background:var(--wa-balao);font-size:14px;line-height:1.45;color:var(--es-texto);box-shadow:0 1px 1px var(--navy-a08)}
.wa-botao{display:block;margin-top:8px;padding-top:8px;border-top:1px solid var(--es-linha);text-align:center;font-weight:600;color:var(--verde-wa-escuro)}

/* 14 FAQ: título fixo à esquerda e o acordeão em fios à direita */
.faq-g{display:grid;gap:var(--esp-6)}
.faq-g>*{min-width:0}
.faq-cab h2{margin-top:var(--esp-4);font-size:clamp(28px,min(3.4vw,5.61vh),44px);line-height:1.06;letter-spacing:-.04em;font-weight:560;max-width:16ch}
.faq-cab p{margin-top:var(--esp-4);max-width:40ch}
.faq-g .faq{max-width:none;margin:0;gap:0;border-top:1px solid var(--es-fio-forte)}
.faq-g .faq details,.cinza .faq-g .faq details{background:none;border:0;border-bottom:1px solid var(--es-linha-forte);border-radius:0;padding:0}
.faq-g .faq summary{min-height:72px;padding:20px 0;font-size:clamp(16.5px,1.4vw,18px);letter-spacing:-.01em}
.faq-g .faq details p{max-width:64ch;padding-bottom:var(--esp-5)}
@media(min-width:1024px){.faq-g{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--esp-9);align-items:start}.faq-cab{position:sticky;top:calc(var(--topo-h) + 32px)}}

/* 15 Chamada final */
.cta-painel{display:grid;justify-items:center;text-align:center;border-radius:var(--raio-2xl)}
.cta-painel h2{font-size:clamp(28px,min(3.6vw,5.94vh),48px);line-height:1.05;letter-spacing:-.04em;font-weight:560;max-width:22ch}
.cta-painel p{margin-inline:auto}
.cta-painel .acoes{justify-content:center}
.cta-painel .cta-endosso{margin-top:var(--esp-5);font-size:14px;font-weight:500;color:var(--es-hero-texto-3)}
@media(max-width:560px){.cta-painel .acoes .btn{flex:1 1 100%}}

/* Páginas internas: seções do conteúdo semente */
.conteudo-pagina .sec:first-child{padding-top:var(--esp-7)}
.par{display:grid;gap:var(--esp-4) var(--esp-7);margin-bottom:var(--esp-6)}
@media(min-width:900px){.par{grid-template-columns:1fr 1fr;align-items:end;margin-bottom:var(--esp-7)}}
.par h2{margin-top:var(--esp-3)}
.par p{font-size:var(--fs-lead)}
.etapas{list-style:none;margin:0;padding:0;display:grid;gap:0;border-top:1px solid var(--es-fio-forte)}
.etapas li{display:grid;gap:8px;padding:var(--esp-5) 0;border-bottom:1px solid var(--es-linha-forte)}
@media(min-width:900px){.etapas li{grid-template-columns:72px minmax(0,.9fr) minmax(0,1.1fr);gap:var(--esp-5);align-items:start}}
.etapas .num-passo{font-size:15px}
.etapas h3{font-size:clamp(19px,1.8vw,23px);font-weight:600;letter-spacing:-.02em}
.etapas p{font-size:15.5px;line-height:1.6}
.etapas .link-seta{min-height:0;margin-top:8px}
.glossario{margin:0;display:grid;gap:var(--esp-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.glossario div{padding:var(--esp-5);border-radius:var(--raio-lg);background:var(--es-superficie);border:1px solid var(--es-linha)}
.cinza .glossario div{background:var(--es-fundo)}
.glossario dt{font-weight:600;font-size:17px;color:var(--es-texto)}
.glossario dd{margin:6px 0 0;font-size:15px;line-height:1.55;color:var(--es-texto-2)}
.texto-longo{max-width:760px;font-size:var(--fs-leitura);line-height:1.7}
.texto-longo>*+*{margin-top:18px}
.texto-longo h2{margin-top:var(--esp-7);font-size:var(--fs-h2)}
.texto-longo h3{margin-top:var(--esp-6);font-size:20px}
.texto-longo p,.texto-longo li{color:var(--es-texto-2)}
.texto-longo ul{padding-left:22px}
.texto-longo a{color:var(--es-primaria-hover);text-decoration:underline;text-underline-offset:3px}
.texto-longo strong{color:var(--es-texto);font-weight:600}
.texto-longo .tabela{margin-top:var(--esp-4)}
.legal{margin:0 auto}
.legal .versao{font-size:14px;color:var(--es-texto-3)}
.filtros-ancoras{margin-bottom:var(--esp-6)}
.exemplos{display:grid;gap:var(--esp-6)}
.exemplo{display:grid;gap:var(--esp-5);padding:var(--esp-5);border-radius:var(--raio-2xl);background:var(--c);border:1px solid var(--es-linha);scroll-margin-top:calc(var(--topo-h) + 16px)}
@media(min-width:768px){.exemplo{padding:var(--esp-7)}}
.exemplo .ad-depois{background:var(--es-superficie)}
.mapa-site{display:grid;gap:var(--esp-4)}
@media(min-width:700px){.mapa-site{grid-template-columns:1fr 1fr}}
.mapa-site>div{display:grid;gap:10px;align-content:start;padding:var(--esp-5);border-radius:var(--raio-lg);background:var(--es-superficie);border:1px solid var(--es-linha)}
.mapa-pags,.mapa-art{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.mapa-pags li,.mapa-art li{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:var(--raio-sm);background:var(--es-fundo-2);font-size:14px;color:var(--es-texto)}
.mapa-pags li.servico{background:var(--ac);color:var(--es-sobre-ac);font-weight:600}
.mapa-art{display:grid}
.mapa-art li{min-height:0;padding:8px 10px}
.contato-g{display:grid;gap:var(--esp-7)}
.contato-g>*{min-width:0}
@media(min-width:1024px){.contato-g{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--esp-9);align-items:start}}
.contato-g h2{margin-top:var(--esp-3)}
.contato-g>div>p{margin-top:var(--esp-4);font-size:var(--fs-lead)}
.canais{list-style:none;margin:var(--esp-5) 0 0;padding:0;display:grid;border-top:1px solid var(--es-fio-forte)}
.canais li{display:grid;gap:4px;padding:16px 0;border-bottom:1px solid var(--es-linha-forte)}
.canais b{font-weight:600;color:var(--es-texto)}
.canais a{color:var(--es-primaria-hover);font-weight:600}
/* Internas com a forma da home: entrada do diagnóstico, painel pastel e tabela com a demonstração ao lado. */
.par .par-acao{margin-top:var(--esp-3);font-size:16px}
.entrada .par{margin-bottom:0;padding-block:var(--esp-6);border-block:1px solid var(--es-linha-forte)}
.lado-a-lado{display:grid;gap:var(--esp-7);align-items:center}
.lado-a-lado>*{min-width:0}
@media(min-width:1100px){.lado-a-lado{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:var(--esp-8)}}
.painel-mock{border-radius:var(--raio-2xl);padding:var(--esp-6) var(--esp-5);background:var(--c);border:1px solid var(--es-linha)}
@media(min-width:768px){.painel-mock{padding:var(--esp-7) var(--esp-6)}}
.recurso-sec .recurso{margin-bottom:0}
.trilho-pagina{margin-top:var(--esp-6)}

/* ============================================================ 07 Motion */
/* O comum (entrada ao rolar, cascata, surge, transição entre páginas, redução
   de movimento) vem do es-ui.css. Sem efeito de mola nem brilho que segue o
   mouse (regra anti-cara-de-IA do grupo, 13/10/2026). */
html:root{--es-ease-mola:var(--es-ease)}
[data-brilho]:after{content:none}
@keyframes sp-traco{to{transform:scaleX(1)}}
.vit-painel:not([hidden]){animation:sp-painel var(--es-dur-3) var(--es-ease) both}
@keyframes sp-painel{from{opacity:0;transform:translateY(10px)}}
@media (prefers-reduced-motion:no-preference){
  .capa-janela img{animation:sp-assenta 1.4s var(--es-ease) both}
  .capa-celular{animation:sp-sobe .9s var(--es-ease) .45s both}
}
@keyframes sp-assenta{from{transform:scale(1.03)}}
@keyframes sp-sobe{from{transform:translateY(32px)}}
@media (prefers-reduced-motion:reduce){
  .capa-topo h1 .enf:after{transform:scaleX(1);animation:none}
  .vit-painel:not([hidden]){animation:none}
}
.marca{view-transition-name:logo}

/* ======================================================= 08 Utilitários */
.centro{text-align:center}
.visualmente-oculto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wp-site-blocks{padding:0}
.wp-site-blocks>*+*,:where(.is-layout-flow)>*{margin-block-start:0;margin-block-end:0}
.wp-block-post-content>*+*{margin-block-start:0}
header.wp-block-template-part{z-index:50}