/* ==========================================================================
   prometheus-ui.css — design system único da Prometheus Tecnologia Jurídica
   --------------------------------------------------------------------------
   ARQUIVO COMPARTILHADO. Existe em DUAS cópias, idênticas byte a byte:
     - prometheus/codigo/site/assets/prometheus-ui.css            (oprometheus.tech)
     - prometheus/codigo/intimacoes-email/intimacoes/static/prometheus-ui.css
                                                   (intimacoes.oprometheus.tech)
   Edite uma, copie para a outra e confira o hash antes de publicar:
     Get-FileHash site/assets/prometheus-ui.css, intimacoes-email/intimacoes/static/prometheus-ui.css
   Tudo o que é exclusivo de um site fica fora daqui (o painel /admin usa
   intimacoes.css; o formulário de lead usa as mesmas classes deste arquivo).

   Base: Manual de identidade visual 2026 (cores p. 10, letras p. 11,
   estampa p. 13) e as três revisões adversariais de 30/09/2026.
   - Uma família só: Montserrat 400/600/700 (800 só no logotipo). Ênfase em
     título é só COR (.acc): truffle no claro, burning no escuro.
   - Escala de 8 degraus, razão ~1,25, base 16 px, com clamp() no celular.
   - Contraste AA conferido (texto ≥ 4,5:1; borda de campo e foco ≥ 3:1).
   - Ícones e ilustrações são SVG inline na própria página (sprite #i-*);
     nenhuma imagem em base64 aqui dentro.
   ========================================================================== */

/* -------------------------------------------------------------- 1. tokens */
:root{
  /* cores da marca (manual p. 10) */
  --abyssal:#1B2632; --bluef:#2C3B4D; --palladian:#EEE9DF; --oatmeal:#C9C1B1;
  --truffle:#A35139; --burning:#FFB162;
  /* derivadas, com contraste medido */
  --ink:#1F2B38;            /* texto: 11,9:1 sobre palladian */
  --muted:#4A5462;          /* apoio: 6,3:1 sobre palladian, 7,7:1 sobre branco */
  --truffle-texto:#8A4330;  /* truffle para texto miúdo: 5,9:1 sobre palladian */
  --papel:#F7F4EE;          /* superfície clara de cartão */
  --branco:#FFFFFF;
  --linha:#DDD6C8;          /* divisória decorativa (não delimita campo) */
  --borda-campo:#8C8578;    /* contorno de campo: 3,7:1 sobre branco */
  --azul3:#15476F;
  --claro-78:rgba(238,233,223,.78);  /* texto de apoio no escuro: ≥ 5,4:1 */
  --claro-90:rgba(238,233,223,.9);
  --vidro:rgba(238,233,223,.07); --vidro-borda:rgba(238,233,223,.18);
  --grad:linear-gradient(110deg,#1B2632 0%,#1A3A56 42%,#15476F 62%,#6E5250 86%,#A35139 100%);
  --grad-cel:linear-gradient(180deg,#1B2632 0%,#1A3A56 55%,#15476F 100%);
  --ok-fundo:#DCEBDD; --ok-texto:#23512A;

  /* tipografia */
  --ff:Montserrat,"Segoe UI",system-ui,-apple-system,Arial,sans-serif;
  --fs-xs:.75rem;                                    /* 12  overline, selo */
  --fs-sm:.875rem;                                   /* 14  meta, rodapé, rótulo */
  --fs-base:1rem;                                    /* 16  corpo, campo, botão */
  --fs-md:clamp(1rem,.95rem + .25vw,1.125rem);       /* 16→18 lead, summary */
  --fs-lg:clamp(1.125rem,1.05rem + .3vw,1.25rem);    /* 18→20 título de cartão */
  --fs-xl:clamp(1.25rem,1.1rem + .6vw,1.5rem);       /* 20→24 h3 */
  --fs-2xl:clamp(1.625rem,1.3rem + 1.4vw,2.25rem);   /* 26→36 h2 */
  --fs-3xl:clamp(2rem,1.5rem + 2.2vw,3rem);          /* 32→48 h1 interno */
  --fs-hero:clamp(2rem,1.35rem + 2.9vw,3.5rem);      /* 32→56 h1 do hero */
  --lh-tight:1.1; --lh-head:1.18; --lh-snug:1.28; --lh-body:1.6; --lh-small:1.5;
  --ls-hero:-.02em; --ls-head:-.015em; --ls-over:.12em;
  --measure:66ch; --measure-lead:58ch;

  /* espaço, raio, sombra */
  --wrap:1160px; --gutter:clamp(16px,4vw,28px);
  --space-section:clamp(56px,7vw,88px); --space-head:clamp(28px,3vw,40px);
  --r-sm:12px; --r-md:18px; --r-lg:26px; --r-pill:999px;
  --sh-1:0 6px 18px rgba(27,38,50,.10); --sh-2:0 18px 44px rgba(27,38,50,.16);
  --foco:var(--abyssal);
  --topo-h:64px;
}

/* ------------------------------------------------------------ 2. base */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--topo-h) + 12px);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--palladian);color:var(--ink);font-family:var(--ff);
  font-size:var(--fs-base);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility}
h1,h2,h3,h4{margin:0;font-weight:700;color:inherit;text-wrap:balance}
h1{font-size:var(--fs-3xl);line-height:var(--lh-tight);letter-spacing:var(--ls-hero)}
h2{font-size:var(--fs-2xl);line-height:var(--lh-head);letter-spacing:var(--ls-head)}
h3{font-size:var(--fs-xl);line-height:var(--lh-snug);letter-spacing:-.01em}
h4{font-size:var(--fs-lg);line-height:var(--lh-snug)}
p{margin:0;text-wrap:pretty}
a{color:inherit;text-underline-offset:.18em}
img,svg{max-width:100%}
img{height:auto}
ul,ol{margin:0;padding:0}
b,strong{font-weight:700}
code{font-family:ui-monospace,Consolas,monospace;font-size:.92em}
.acc{color:var(--truffle)}
.nowrap{white-space:nowrap}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap;border:0}
:focus-visible{outline:3px solid var(--foco);outline-offset:3px;border-radius:4px}
.ico{width:1.25em;height:1.25em;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;vertical-align:-.25em}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--burning);color:var(--abyssal);
  font-weight:700;padding:12px 18px;border-radius:var(--r-sm);text-decoration:none;
  transition:top .15s}
.skip:focus{top:12px;--foco:var(--abyssal)}

/* contextos escuros: texto claro, ênfase e foco em burning */
.escuro,.hero,.topo,.rodape,.final,.formsec,.aviso{--foco:var(--burning)}
.escuro .acc,.hero .acc,.final .acc,.formsec .acc,.aviso .acc,.subhero .acc,.espera .acc{color:var(--burning)}

/* ------------------------------------------------------------ 3. layout */
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter)}
/* coluna estreita SEM recentralizar: mantém o eixo esquerdo da página (V11) */
.wrap--narrow>*{max-width:46rem}
.wrap.legal{max-width:var(--wrap)}
.legal>*{max-width:44rem}
.secao,section{padding:var(--space-section) 0}
.secao--papel{background:var(--papel)}
.escuro{background:var(--abyssal);color:var(--palladian)}
.escuro--azul{background:var(--bluef)}
.sec-head{max-width:46rem;margin-bottom:var(--space-head)}
.sec-head--centro{margin-left:auto;margin-right:auto;text-align:center}
.kicker{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-xs);font-weight:600;
  letter-spacing:var(--ls-over);text-transform:uppercase;color:var(--truffle-texto);margin:0 0 12px}
.escuro .kicker,.hero .kicker,.formsec .kicker,.final .kicker,.aviso .kicker{color:var(--burning)}
.sec-head h2+p,.sec-head h1+p{margin-top:14px;font-size:var(--fs-md);color:var(--muted);max-width:var(--measure-lead)}
.escuro .sec-head p{color:var(--claro-78)}
.grade{display:grid;gap:clamp(16px,2vw,22px)}
.grade--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grade--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grade--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.centro{text-align:center}
.mt-0{margin-top:0!important}.mt-s{margin-top:16px!important}.mt-m{margin-top:28px!important}.mt-l{margin-top:44px!important}

/* ------------------------------------------------------------ 4. topo */
.topo{position:sticky;top:0;z-index:50;background:rgba(27,38,50,.96);color:var(--palladian);
  border-bottom:1px solid rgba(238,233,223,.12)}
@supports (backdrop-filter:blur(8px)){.topo{background:rgba(27,38,50,.9);backdrop-filter:blur(10px)}}
.topo__barra{display:flex;align-items:center;gap:14px;min-height:var(--topo-h)}
.marca{display:inline-flex;align-items:center;font-weight:800;font-size:1.3rem;letter-spacing:-.03em;
  text-decoration:none;color:var(--palladian);line-height:1;padding:8px 0;flex:none}
.marca>span{display:inline-flex;align-items:baseline}
.marca__chama{width:.74em;height:.9em;margin:0 .02em;color:var(--truffle);align-self:center;
  transform:translateY(.01em)}
.marca-produto{flex:none;display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-sm);
  font-weight:600;color:var(--burning);text-decoration:none;padding:6px 12px;border-radius:var(--r-pill);
  border:1px solid rgba(255,177,98,.45);min-height:36px}
.marca-produto:hover{background:rgba(255,177,98,.1)}
.menu{display:flex;gap:4px;margin-left:auto;font-size:var(--fs-sm);font-weight:600}
.menu a{color:var(--claro-90);text-decoration:none;padding:10px 10px;white-space:nowrap;border-radius:var(--r-sm);
  min-height:44px;display:inline-flex;align-items:center}
.menu a:hover,.menu a[aria-current="page"]{color:var(--burning)}
.menu a[aria-current="page"]{box-shadow:inset 0 -2px 0 var(--burning);border-radius:0}
.topo__cta{flex:none}
.menu-cel{display:none;margin-left:auto;position:static}
.menu-cel>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;
  min-height:44px;min-width:44px;justify-content:center;padding:0 12px;border-radius:var(--r-sm);
  border:1px solid var(--vidro-borda);font-weight:600;font-size:var(--fs-sm);color:var(--palladian)}
.menu-cel>summary::-webkit-details-marker{display:none}
.menu-cel>summary .ico{width:22px;height:22px}
.menu-cel .ico-fechar{display:none}
.menu-cel[open] .ico-abrir{display:none}
.menu-cel[open] .ico-fechar{display:inline}
.menu-cel__painel{position:absolute;left:0;right:0;top:100%;background:var(--abyssal);
  border-bottom:1px solid var(--vidro-borda);padding:8px var(--gutter) 20px;
  box-shadow:0 18px 30px rgba(0,0,0,.25);max-height:calc(100vh - var(--topo-h));overflow:auto}
.menu-cel__painel a{display:flex;align-items:center;gap:12px;min-height:48px;padding:6px 4px;
  color:var(--palladian);text-decoration:none;font-weight:600;border-bottom:1px solid rgba(238,233,223,.1)}
.menu-cel__painel a .ico{color:var(--burning)}
.menu-cel__painel .btn{margin-top:16px;width:100%;justify-content:center;border-bottom:0}
.menu-cel__painel a.btn--fire{color:var(--abyssal)}
.topo--simples .menu,.topo--simples .menu-cel{margin-left:auto}

/* ------------------------------------------------------------ 5. botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;cursor:pointer;
  text-decoration:none;font-family:inherit;font-weight:700;font-size:var(--fs-base);line-height:1.2;
  padding:15px 26px;min-height:52px;border-radius:var(--r-pill);text-align:center;
  transition:background-color .16s,box-shadow .16s,color .16s}
.btn .ico{width:20px;height:20px}
.btn--fire{background:var(--burning);color:var(--abyssal);box-shadow:0 6px 16px rgba(0,0,0,.16)}
.btn--fire:hover{background:#F2A350}
.btn--dark{background:var(--abyssal);color:var(--palladian);box-shadow:var(--sh-1)}
.btn--dark:hover{background:var(--bluef)}
.btn--ghost{background:transparent;color:var(--palladian);box-shadow:inset 0 0 0 2px rgba(238,233,223,.6)}
.btn--ghost:hover{background:rgba(238,233,223,.1)}
.btn--linha{background:transparent;color:var(--abyssal);box-shadow:inset 0 0 0 2px var(--abyssal)}
.btn--linha:hover{background:rgba(27,38,50,.06)}
.btn--perigo{background:var(--branco);color:var(--truffle-texto);box-shadow:inset 0 0 0 2px var(--truffle)}
.btn--perigo:hover{background:#FBEDE8}
.btn--sm{padding:10px 18px;min-height:44px;font-size:var(--fs-sm)}
.btn:disabled{opacity:.6;cursor:progress}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.link-seta{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--truffle-texto);
  text-decoration:none;min-height:44px}
.link-seta:hover{text-decoration:underline}
.escuro .link-seta,.hero .link-seta,.final .link-seta,.formsec .formtext .link-seta,.aviso .link-seta,.subhero .link-seta{color:var(--burning)}

/* ------------------------------------------------------------ 6. hero */
.hero{position:relative;overflow:hidden;background:var(--grad);color:var(--palladian);
  padding:clamp(48px,7vw,96px) 0 clamp(48px,6vw,88px)}
.hero__grade{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  gap:clamp(28px,4vw,56px);align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-xs);font-weight:600;
  letter-spacing:var(--ls-over);text-transform:uppercase;color:var(--burning);margin:0 0 18px}
.eyebrow .ico{width:16px;height:16px}
.hero h1{font-size:var(--fs-hero);max-width:18ch}
.hero .lead{margin-top:20px;font-size:var(--fs-md);color:var(--claro-90);max-width:var(--measure-lead)}
.hero .cta-row{margin-top:28px}
.hero .selos{margin-top:22px}
.estampa{position:absolute;pointer-events:none;color:var(--palladian);opacity:.09;fill:none}
.hero .estampa{right:-90px;top:-40px;width:520px;height:620px}
.final .estampa,.formsec .estampa,.aviso .estampa{width:420px;height:500px;left:-140px;bottom:-160px}
.subhero{position:relative;overflow:hidden;background:var(--grad);color:var(--palladian);
  padding:clamp(44px,6vw,80px) 0 clamp(40px,5vw,64px);--foco:var(--burning)}
.subhero .estampa{right:-80px;top:-60px;width:400px;height:480px}
.subhero h1{max-width:22ch}
.subhero p.intro{margin-top:16px;font-size:var(--fs-md);color:var(--claro-90);max-width:var(--measure-lead)}
.crumb{font-size:var(--fs-xs);font-weight:600;letter-spacing:var(--ls-over);text-transform:uppercase;
  color:var(--burning);margin:0 0 14px}
.subhero .crumb a{color:inherit}

/* ------------------------------------------------------------ 7. selos */
.selos{display:flex;flex-wrap:wrap;gap:8px}
.selo{display:inline-flex;align-items:center;gap:7px;font-size:var(--fs-sm);font-weight:600;
  line-height:1.2;padding:8px 13px;border-radius:var(--r-pill);background:var(--vidro);
  border:1px solid var(--vidro-borda);color:var(--palladian)}
.selo .ico{width:16px;height:16px;color:var(--burning)}
.selo--claro{background:var(--branco);border-color:var(--linha);color:var(--ink)}
.selo--claro .ico{color:var(--truffle)}
.selo--obra{background:#FCEBD7;border:1px dashed var(--truffle);color:var(--truffle-texto);font-size:var(--fs-xs);
  letter-spacing:.04em;text-transform:uppercase;padding:6px 11px}
.selo--obra .ico{color:var(--truffle-texto);width:14px;height:14px}
.selo--fogo{background:var(--burning);border-color:var(--burning);color:var(--abyssal)}
.selo--fogo .ico{color:var(--abyssal)}
.pill{flex:none;font-size:var(--fs-xs);font-weight:700;letter-spacing:.02em;padding:7px 12px;
  border-radius:var(--r-pill);white-space:nowrap;line-height:1.2}
.pill--fire{background:var(--truffle);color:#FFF8F0}
.pill--calm{background:var(--branco);color:var(--muted);box-shadow:inset 0 0 0 1.5px var(--borda-campo)}
.figurinha{position:absolute;display:inline-flex;align-items:center;gap:7px;font-size:var(--fs-sm);
  font-weight:700;padding:9px 14px;border-radius:var(--r-pill);background:var(--burning);color:var(--abyssal);
  box-shadow:0 10px 24px rgba(0,0,0,.25);white-space:nowrap}
.figurinha .ico{width:16px;height:16px}
.figurinha--clara{background:var(--palladian);color:var(--abyssal)}
.figurinha--clara .ico{color:var(--truffle)}

/* ------------------------------------------------------------ 8. cartões e ícones */
.cartao{background:var(--branco);border:1px solid var(--linha);border-radius:var(--r-md);
  padding:clamp(20px,2.4vw,28px);box-shadow:var(--sh-1)}
.cartao h3{font-size:var(--fs-lg);margin-top:14px}
.cartao p{margin-top:8px;font-size:var(--fs-sm);line-height:var(--lh-small);color:var(--muted)}
.cartao--escuro{background:var(--vidro);border-color:var(--vidro-borda);box-shadow:none;color:var(--palladian)}
.cartao--escuro p{color:var(--claro-78)}
.icone{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:14px;
  background:#F6E3D8;color:var(--truffle-texto);flex:none}
.icone .ico{width:26px;height:26px}
.icone--escuro{background:var(--abyssal);color:var(--burning)}
.icone--fogo{background:var(--burning);color:var(--abyssal)}
.escuro .icone,.cartao--escuro .icone{background:rgba(255,177,98,.14);color:var(--burning)}
.lista-check{list-style:none;display:grid;gap:10px;margin-top:16px}
.lista-check li{display:flex;gap:10px;font-size:var(--fs-sm);line-height:var(--lh-small)}
.lista-check .ico{width:20px;height:20px;color:var(--truffle);margin-top:0;stroke-width:2.2}
.escuro .lista-check .ico,.formsec .lista-check .ico{color:var(--burning)}

/* passos numerados com ícone */
.passos{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,22px);counter-reset:passo}
.passo{position:relative;background:var(--branco);border:1px solid var(--linha);border-radius:var(--r-md);
  padding:26px 24px 24px;box-shadow:var(--sh-1);counter-increment:passo}
.passo::before{content:counter(passo);position:absolute;top:18px;right:20px;font-weight:800;font-size:2.4rem;
  line-height:1;color:rgba(163,81,57,.55)}
.passo h3{font-size:var(--fs-lg);margin-top:16px}
.passo p{margin-top:6px;font-size:var(--fs-sm);line-height:var(--lh-small);color:var(--muted)}
.escuro .passo{background:var(--vidro);border-color:var(--vidro-borda);box-shadow:none}
.escuro .passo::before{color:rgba(255,177,98,.28)}
.escuro .passo p{color:var(--claro-78)}
.passos--linha .passo:not(:last-child)::after{content:"";position:absolute;top:50px;right:-18px;width:14px;height:2px;
  background:var(--burning);opacity:.7}

/* tabela comparativa (vira cartões no celular) */
.comparativo{width:100%;border-collapse:separate;border-spacing:0;background:var(--branco);
  border:1px solid var(--linha);border-radius:var(--r-md);overflow:hidden;box-shadow:var(--sh-1)}
.comparativo caption{caption-side:bottom;text-align:left;padding:12px 18px;font-size:var(--fs-xs);color:var(--muted);
  background:var(--papel);border-top:1px solid var(--linha)}
.titulo-tabela{font-size:var(--fs-lg);margin:0 0 12px}
.comparativo th,.comparativo td{padding:16px 18px;text-align:left;vertical-align:top;font-size:var(--fs-sm);
  line-height:var(--lh-small);border-bottom:1px solid var(--linha)}
.comparativo tr:last-child>*{border-bottom:0}
.comparativo thead th{font-size:var(--fs-sm);font-weight:700;background:var(--papel);color:var(--ink)}
.comparativo thead th.destaque{background:var(--abyssal);color:var(--palladian)}
.comparativo tbody th{font-weight:600;color:var(--ink);width:28%}
.comparativo td.destaque{background:#FFF6EC}
.comparativo .sim,.comparativo .nao{display:inline-flex;gap:8px;align-items:flex-start}
.comparativo .sim .ico{color:#2F7A3B;stroke-width:2.4;width:18px;height:18px;margin-top:1px}
.comparativo .nao .ico{color:var(--truffle);stroke-width:2.4;width:18px;height:18px;margin-top:1px}
.comparativo .neutro{color:var(--muted)}
.cabeca-col{display:inline-flex;align-items:center;gap:8px}
.cabeca-col .ico{width:18px;height:18px}

/* canais: por e-mail × no Claude */
.canais{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,24px);align-items:stretch}
.canal{position:relative;display:flex;flex-direction:column;background:var(--branco);border:1px solid var(--linha);
  border-radius:var(--r-lg);padding:clamp(22px,3vw,34px);box-shadow:var(--sh-1)}
.canal--destaque{border:2px solid var(--burning);box-shadow:var(--sh-2)}
.canal__topo{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.canal h3{font-size:var(--fs-xl)}
.canal>p{margin-top:12px;color:var(--muted)}
.canal .lista-check{margin-bottom:22px}
.canal .cta-row{margin-top:auto}
.canal .selo{position:absolute;top:-14px;right:22px}
.nota{font-size:var(--fs-sm);line-height:var(--lh-small);color:var(--muted)}
.escuro .nota{color:var(--claro-78)}
.nota--caixa{background:var(--branco);border-left:4px solid var(--burning);border-radius:0 var(--r-sm) var(--r-sm) 0;
  padding:14px 18px;color:var(--ink)}

/* ------------------------------------------------------------ 9. ilustração: celular com o relatório */
.ilustra{position:relative;justify-self:center;width:min(100%,380px);padding:64px 0 52px}
.celular{position:relative;width:min(100%,300px);margin:0 auto;background:#0E151D;border-radius:42px;
  padding:12px;box-shadow:0 30px 60px rgba(0,0,0,.35),inset 0 0 0 2px rgba(238,233,223,.12)}
.celular__tela{background:var(--palladian);border-radius:32px;overflow:hidden;color:var(--ink);min-height:480px}
.celular__status{display:flex;justify-content:space-between;align-items:center;padding:10px 20px 4px;
  font-size:11px;font-weight:700;color:var(--ink)}
.celular__ilha{width:74px;height:20px;background:#0E151D;border-radius:999px}
.mail{padding:8px 14px 16px}
.mail__cab{display:flex;align-items:center;gap:10px;padding:10px 4px 12px;border-bottom:1px solid var(--linha)}
.mail__av{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--abyssal);flex:none}
.mail__av svg{width:16px;height:19px;color:#E07A4C}
.mail__de{font-size:12px;line-height:1.3}
.mail__de b{display:block;font-size:12.5px}
.mail__de span{color:var(--muted)}
.mail__hora{margin-left:auto;font-size:11px;color:var(--muted)}
.mail__assunto{font-size:13px;font-weight:700;margin:12px 4px 10px;line-height:1.3}
.mail__kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 2px 12px}
.mail__kpis span{background:var(--branco);border-radius:10px;padding:7px 4px;text-align:center;font-size:10px;
  line-height:1.25;color:var(--muted);border:1px solid var(--linha)}
.mail__kpis b{display:block;font-size:17px;color:var(--ink)}
.mail__pubs{list-style:none;display:grid;gap:7px}
.mail__pubs li{display:flex;align-items:center;gap:8px;background:var(--branco);border-radius:12px;padding:9px 10px;
  border-left:4px solid var(--truffle);font-size:11px;line-height:1.3}
.mail__pubs li.ok{border-left-color:var(--oatmeal)}
.mail__pubs li div{flex:1;min-width:0}
.mail__pubs b{display:block;font-size:11.5px}
.mail__pubs small{color:var(--muted);font-size:11.5px}
.mail__pubs em{font-style:normal;font-weight:700;font-size:10px;background:var(--truffle);color:#FFF8F0;
  padding:4px 7px;border-radius:999px;white-space:nowrap}
.mail__pubs li.ok em{background:transparent;color:var(--muted);box-shadow:inset 0 0 0 1px var(--borda-campo)}
.mail__anexo{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px;border-radius:12px;
  border:1px dashed var(--borda-campo);font-size:11px;font-weight:600}
.mail__anexo svg{width:18px;height:18px;color:var(--truffle)}
.notificacao{position:absolute;left:-8%;top:0;z-index:2;display:flex;align-items:center;gap:10px;
  background:var(--branco);color:var(--ink);border-radius:16px;padding:10px 14px;box-shadow:0 16px 34px rgba(0,0,0,.28);
  max-width:250px}
.notificacao .icone{width:38px;height:38px;border-radius:11px}
.notificacao .icone .ico{width:20px;height:20px}
.notificacao b{display:block;font-size:13px;line-height:1.25}
.notificacao small{display:block;font-size:11.5px;color:var(--muted);line-height:1.3}
.ilustra .figurinha--a{right:-6%;top:15%}
.ilustra .figurinha--b{left:2%;bottom:0}

/* amostra do relatório (página do Intimações) */
.amostra{max-width:52rem;background:var(--branco);border:1px solid var(--linha);border-radius:var(--r-md);
  overflow:hidden;box-shadow:var(--sh-2)}
.amostra__topo{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;background:var(--abyssal);
  color:var(--palladian);padding:16px 22px;font-size:var(--fs-sm);border-bottom:4px solid var(--burning)}
.amostra__topo span{color:var(--burning);font-weight:700}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:18px 22px 6px}
.kpis div{background:var(--papel);border-radius:var(--r-sm);padding:10px 8px;text-align:center;font-size:var(--fs-xs);
  line-height:1.35;color:var(--muted)}
.kpis b{display:block;font-size:1.5rem;line-height:1.1;color:var(--ink)}
.pubs{display:grid;gap:10px;padding:12px 22px 4px}
.pub{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;
  border-left:5px solid var(--truffle);background:var(--papel);border-radius:var(--r-sm);padding:14px 18px}
.pub .proc{font-weight:700;font-size:var(--fs-sm);color:var(--ink)}
.pub .desc{font-size:var(--fs-sm);color:var(--muted);line-height:1.45;margin-top:2px}
.pub--ok{border-left-color:var(--oatmeal)}
.amostra__nota{padding:12px 22px 20px;font-size:var(--fs-sm);line-height:var(--lh-small);color:var(--muted)}

/* demonstração de conversa no Claude */
.demo{background:var(--papel);color:var(--ink);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-2)}
.demo__ask{display:flex;justify-content:flex-end;padding:18px 20px 0}
.demo__ask span{background:var(--abyssal);color:var(--palladian);padding:10px 16px;border-radius:18px 18px 4px 18px;
  font-weight:600;font-size:var(--fs-sm)}
.demo__meta{display:flex;align-items:center;gap:8px;padding:16px 20px 8px;font-size:var(--fs-xs);color:var(--muted)}
.demo__meta svg{width:14px;height:17px;color:var(--truffle)}
.demo .pubs{padding:0 20px 8px}
.demo .pub{background:var(--branco);flex-wrap:nowrap;padding:12px 14px}
.pub>div{min-width:0}
.demo__note{margin:8px 20px 20px;font-size:var(--fs-sm);line-height:var(--lh-small);color:var(--muted)}
.perguntas{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.perguntas span{font-size:var(--fs-sm);padding:8px 14px;border-radius:var(--r-pill);background:var(--vidro);
  border:1px solid var(--vidro-borda);color:var(--palladian)}

/* ------------------------------------------------------------ 10. em breve */
.obras{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,22px)}
.obra{position:relative;background:var(--branco);border:1.5px dashed #CDBFA9;border-radius:var(--r-md);
  padding:26px 24px 24px;overflow:hidden}

.obra__topo{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.obra h3{font-size:var(--fs-lg);margin-top:16px}
.obra p{margin-top:8px;font-size:var(--fs-sm);line-height:var(--lh-small);color:var(--muted)}
.obras--mini .obra{padding:18px 18px 16px;display:flex;gap:14px;align-items:flex-start}
.obras--mini .obra h3{margin-top:0;font-size:var(--fs-base)}
.obras--mini .obra p{margin-top:4px}

/* ------------------------------------------------------------ 11. perguntas (acordeão) */
.faq{display:grid;gap:10px;max-width:46rem}
.faq details{background:var(--branco);border:1px solid var(--linha);border-radius:var(--r-sm)}
.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:16px 18px;min-height:56px;font-weight:600;font-size:var(--fs-md);line-height:1.35}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:28px;height:28px;border-radius:50%;
  background:#F6E3D8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A4330' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E") center/16px no-repeat;
  transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details>div,.faq details>p{padding:0 18px 18px;color:var(--muted);max-width:var(--measure)}
.faq details>div p+p{margin-top:10px}
.faq a{color:var(--truffle-texto);font-weight:600}

/* ------------------------------------------------------------ 12. formulários */
.formsec{position:relative;overflow:hidden;background:var(--grad);color:var(--palladian)}
.formgrid{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:clamp(28px,4vw,56px);align-items:start}
.formtext{position:sticky;top:calc(var(--topo-h) + 28px)}
.formtext>p:not(.kicker){margin-top:14px;font-size:var(--fs-md);color:var(--claro-90)}
.formtext .lista-check li{color:var(--claro-90);font-size:var(--fs-sm)}
.formcard{--foco:var(--abyssal);background:var(--palladian);color:var(--ink);border-radius:var(--r-lg);
  padding:clamp(22px,3vw,36px);box-shadow:0 24px 54px rgba(0,0,0,.28)}
.formcard--claro{box-shadow:var(--sh-1);border:1px solid var(--linha)}
.formcard--estreito{max-width:32rem}
.formcard a{color:var(--truffle-texto);font-weight:600}
fieldset{border:0;margin:0;padding:0;min-width:0}
.grupo{margin:0 0 22px;padding:0 0 4px}
.grupo+.grupo{border-top:1px solid var(--linha);padding-top:20px}
.grupo>legend,.grupo__titulo{display:flex;align-items:center;gap:10px;padding:0;margin:0 0 14px;
  font-size:var(--fs-base);font-weight:700;color:var(--ink)}
.grupo>legend .num{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;
  background:var(--abyssal);color:var(--burning);font-size:var(--fs-sm);font-weight:700}
.field{margin-bottom:16px}
.field label,.field .rotulo{display:block;font-size:var(--fs-sm);font-weight:600;color:var(--ink);margin-bottom:6px}
.field .ajuda{display:block;font-size:var(--fs-sm);line-height:var(--lh-small);color:var(--muted);margin-top:6px}
.field input,.field select,.field textarea{width:100%;font-family:inherit;font-size:var(--fs-base);color:var(--ink);
  background:var(--branco);border:1.5px solid var(--borda-campo);border-radius:var(--r-sm);padding:12px 14px;
  min-height:48px;transition:border-color .15s,box-shadow .15s}
.field select{appearance:none;-webkit-appearance:none;padding-right:42px;
  background:var(--branco) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F2B38' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 14px center/18px no-repeat}
.field input::placeholder{color:#6E6A62}
.field input:hover,.field select:hover{border-color:var(--ink)}
.field input:focus-visible,.field select:focus-visible{outline:3px solid var(--truffle);outline-offset:1px;border-color:var(--ink)}
.field [aria-invalid="true"]{border-color:var(--truffle);box-shadow:0 0 0 1px var(--truffle)}
.erro-campo{display:flex;gap:6px;align-items:flex-start;margin-top:6px;font-size:var(--fs-sm);font-weight:600;
  color:var(--truffle-texto);line-height:1.4}
.erro-campo .ico{width:16px;height:16px;margin-top:2px}
.field-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.field-row--oab{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
.field-row--largo{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr)}
.fieldhp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.opcoes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.opcao{position:relative;display:flex;gap:12px;align-items:flex-start;background:var(--branco);
  border:1.5px solid var(--borda-campo);border-radius:var(--r-sm);padding:14px 14px;cursor:pointer;
  transition:border-color .15s,box-shadow .15s}
.opcao input{flex:none;width:20px;height:20px;margin:2px 0 0;accent-color:var(--truffle)}
.opcao>div{min-width:0}
.opcao b{display:block;font-size:var(--fs-sm);color:var(--ink)}
.opcao span{display:block;font-size:var(--fs-sm);color:var(--muted);line-height:1.45;margin-top:3px}
.opcao:hover{border-color:var(--ink)}
.opcao:has(input:checked){border-color:var(--truffle);box-shadow:0 0 0 2px var(--truffle);background:#FFF9F4}
.opcao:has(input:focus-visible){outline:3px solid var(--abyssal);outline-offset:2px}
.chips{display:none;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.js .chips{display:flex}
.chip{font:inherit;font-size:var(--fs-sm);font-weight:600;min-height:44px;padding:8px 16px;border-radius:var(--r-pill);
  border:1.5px solid var(--borda-campo);background:var(--branco);color:var(--ink);cursor:pointer}
.chip[aria-pressed="true"]{background:var(--abyssal);border-color:var(--abyssal);color:var(--palladian)}
.mais{margin:4px 0 16px;border:1px solid var(--linha);border-radius:var(--r-sm);background:var(--branco)}
.mais>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 14px;
  font-size:var(--fs-sm);font-weight:600;color:var(--ink)}
.mais>summary::-webkit-details-marker{display:none}
.mais>summary::before{content:"+";display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;
  background:#F6E3D8;color:var(--truffle-texto);font-weight:700}
.mais[open]>summary::before{content:"−"}
.mais>div{padding:0 14px 14px}
.mais .field{margin-bottom:0}
.consent{display:flex;gap:12px;align-items:flex-start;margin:14px 0 4px;font-size:var(--fs-sm);line-height:1.5;
  color:var(--ink);cursor:pointer;min-height:44px}
.consent input{flex:none;width:22px;height:22px;margin:0;accent-color:var(--truffle);cursor:pointer}
.consent a{color:var(--truffle-texto);font-weight:600}
.formerro{margin:0 0 18px;padding:14px 16px;border-radius:var(--r-sm);background:#FBEDE8;
  border-left:4px solid var(--truffle);color:var(--truffle-texto);font-size:var(--fs-sm);font-weight:600;line-height:1.5}
.formerro ul{margin:6px 0 0 18px}
.formerro a{color:inherit}
.formbtn{width:100%;margin-top:18px}
.formnote{margin-top:12px;font-size:var(--fs-sm);color:var(--muted);text-align:center;line-height:var(--lh-small)}
.aviso-spam{display:flex;gap:10px;margin-top:14px;padding:12px 14px;border-radius:var(--r-sm);background:#FFF1DE;
  font-size:var(--fs-sm);line-height:1.5;color:var(--ink)}
.aviso-spam .ico{color:var(--truffle);margin-top:2px}

/* ------------------------------------------------------------ 13. faixa final e rodapé */
.final{position:relative;overflow:hidden;background:var(--grad);color:var(--palladian);padding:clamp(52px,6vw,80px) 0}
.final .wrap{position:relative}
.final h2{max-width:24ch}
.final p{margin-top:12px;font-size:var(--fs-md);color:var(--claro-90);max-width:var(--measure-lead)}
.final .cta-row{margin-top:26px}
.rodape{background:var(--abyssal);color:var(--palladian);padding:56px 0 28px;font-size:var(--fs-sm)}
.rodape__grade{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:32px}
.rodape__marca p{margin-top:10px;color:var(--claro-78);max-width:30ch}
.rodape__marca .btn{margin-top:18px}
.rodape__titulo{font-size:var(--fs-xs);font-weight:600;letter-spacing:var(--ls-over);text-transform:uppercase;
  color:var(--burning);margin-bottom:10px}
.rodape ul{list-style:none;display:grid;gap:2px}
.rodape li a{display:inline-flex;align-items:center;min-height:36px;color:var(--claro-90);text-decoration:none}
.rodape li a:hover{color:var(--burning);text-decoration:underline}
.rodape .obs{display:block;font-size:var(--fs-xs);color:var(--claro-78);margin-top:-4px}
.rodape address{font-style:normal;color:var(--claro-78);line-height:1.55;margin-top:6px}
.rodape__legal{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;margin-top:40px;padding-top:20px;
  border-top:1px solid rgba(238,233,223,.14);color:var(--claro-78)}
.rodape__legal a{color:var(--claro-90);min-height:36px;display:inline-flex;align-items:center}
.rodape__aviso{margin-top:14px;font-size:var(--fs-xs);line-height:1.6;color:var(--claro-78);max-width:56rem}

/* ------------------------------------------------------------ 14. páginas legais */
.legal .data{font-size:var(--fs-sm);color:var(--muted)}
.legal h2{font-size:var(--fs-xl);margin:40px 0 12px}
.legal h3{font-size:var(--fs-lg);margin:28px 0 10px;color:var(--bluef)}
.legal p,.legal li{font-size:var(--fs-base);line-height:1.7;color:var(--ink)}
.legal p+p{margin-top:12px}
.legal ul,.legal ol{margin:10px 0 0 20px;display:grid;gap:8px}
.legal a{color:var(--truffle-texto);font-weight:600}
.legal code{background:var(--branco);padding:1px 6px;border-radius:6px;border:1px solid var(--linha)}
.resumo{background:#FFF6EC;border:1px solid #F2D9BD;border-left:5px solid var(--burning);border-radius:var(--r-sm);
  padding:18px 22px;margin:18px 0 8px}
.resumo ul{margin-top:8px}
.indice{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}

/* ------------------------------------------------------------ 15. páginas de aviso (mensagem, erro, pós-cadastro) */
.aviso{position:relative;overflow:hidden;background:var(--grad);color:var(--palladian);
  padding:clamp(48px,7vw,96px) 0;min-height:56vh}
.aviso .wrap{position:relative}
.aviso h1{max-width:22ch}
.aviso .lead{margin-top:16px;font-size:var(--fs-md);color:var(--claro-90);max-width:var(--measure-lead)}
.aviso .cta-row{margin-top:26px}
.aviso__icone{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:rgba(255,177,98,.14);
  color:var(--burning);margin-bottom:20px}
.aviso__icone .ico{width:34px;height:34px}
.destino{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:10px 18px;background:rgba(255,177,98,.14);
  border:1px solid rgba(255,177,98,.45);border-radius:var(--r-pill);font-size:var(--fs-md);font-weight:700;color:var(--burning);
  word-break:break-all}
.caixa-alerta{margin-top:24px;padding:18px 20px;border-radius:var(--r-md);background:var(--vidro);border-left:4px solid var(--burning);
  font-size:var(--fs-base);line-height:1.6;color:var(--claro-90);max-width:46rem}
.caixa-alerta b{color:var(--palladian)}
.etapas{list-style:none;display:grid;gap:14px;margin-top:28px;max-width:48rem}
.etapa{display:flex;gap:16px;align-items:flex-start;background:var(--vidro);border:1px solid var(--vidro-borda);
  border-radius:var(--r-md);padding:20px 22px}
.etapa__n{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--burning);
  color:var(--abyssal);font-weight:700}
.etapa h2,.etapa h3{font-size:var(--fs-lg);margin:6px 0 6px}
.etapa p,.etapa li{color:var(--claro-90);font-size:var(--fs-sm);line-height:1.6}
.etapa code{background:rgba(255,177,98,.16);color:var(--burning);padding:2px 8px;border-radius:6px;word-break:break-all}
.etapa details{margin-top:10px}
.etapa summary{cursor:pointer;color:var(--burning);font-weight:600;font-size:var(--fs-sm);min-height:44px;display:flex;align-items:center}
.etapa ul{margin:6px 0 0 18px;display:grid;gap:8px}

/* ------------------------------------------------------------ 16. janela de resultado (dialog) */
.leadmodal{width:min(560px,calc(100vw - 32px));border:0;border-radius:var(--r-lg);padding:0;background:var(--grad);
  color:var(--palladian);box-shadow:0 30px 80px rgba(0,0,0,.45);--foco:var(--burning)}
.leadmodal::backdrop{background:rgba(14,21,29,.7)}
.leadmodal-body{padding:32px 30px 8px}
.leadmodal h2{font-size:var(--fs-xl)}
.leadmodal p{margin-top:12px;color:var(--claro-90);font-size:var(--fs-sm);line-height:1.6}
.leadmodal .destino{font-size:var(--fs-base)}
.leadmodal-nota{font-size:var(--fs-sm)}
.leadmodal-actions{display:flex;flex-wrap:wrap;gap:10px;padding:18px 30px 28px}
.leadmodal-actions form{margin:0}
.leadmodal a{color:var(--burning);font-weight:700}

/* ------------------------------------------------------------ 17. tabelas e situação */
.tabela{width:100%;border-collapse:collapse;margin-top:14px;font-size:var(--fs-sm);background:var(--branco);
  border:1px solid var(--linha);border-radius:var(--r-sm)}
.tabela th{text-align:left;font-size:var(--fs-xs);font-weight:700;color:var(--ink);background:var(--papel);
  border-bottom:1px solid var(--linha);padding:10px 10px}
.tabela td{border-bottom:1px solid var(--linha);padding:10px 10px;vertical-align:top}
.tabela a{color:var(--truffle-texto);font-weight:600}
.tabela-rolagem{overflow-x:auto;-webkit-overflow-scrolling:touch}
.st{display:inline-block;font-size:var(--fs-xs);font-weight:700;padding:3px 10px;border-radius:var(--r-pill);
  background:var(--papel);color:var(--ink)}
.st--ativo,.st--enviado{background:var(--ok-fundo);color:var(--ok-texto)}
.st--erro,.st--aviso_falha,.st--cancelado,.st--suprimido,.st--incerto,.st--falhou{background:#F6E1DA;color:var(--truffle-texto)}
.st--processando,.st--pendente{background:#FFE7C7;color:#6B3F0E}
.ok-msg{background:var(--ok-fundo);color:var(--ok-texto);border-radius:var(--r-sm);padding:12px 16px;margin-bottom:18px;font-weight:600}
.sub{margin-top:36px;font-size:var(--fs-lg)}

/* ------------------------------------------------------------ 18. guia com telas */
.tela-passos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.tela-passo{display:flex;flex-direction:column;background:var(--branco);border:1px solid var(--linha);border-radius:var(--r-md);
  padding:22px 22px 20px;box-shadow:var(--sh-1)}
.escuro .tela-passo{background:var(--vidro);border-color:var(--vidro-borda);box-shadow:none}
.tela-passo__cab{display:flex;gap:12px;align-items:center;margin-bottom:8px}
.tela-passo__n{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--truffle);
  color:#FFF8F0;font-weight:700;font-size:var(--fs-sm)}
.escuro .tela-passo__n{background:var(--burning);color:var(--abyssal)}
.tela-passo h3{font-size:var(--fs-lg)}
.tela-passo p{font-size:var(--fs-sm);line-height:1.6;color:var(--muted)}
.escuro .tela-passo p{color:var(--claro-78)}
.tela-passo p b{color:var(--ink)}
.escuro .tela-passo p b{color:var(--palladian)}
.tela{margin:16px 0 0}
.tela-passo .tela{margin-top:auto;padding-top:16px}
.tela a{display:flex;justify-content:center;border-radius:var(--r-sm);overflow:hidden;border:1px solid var(--linha);background:#fff;line-height:0}
.tela img{display:block;max-width:100%;max-height:300px;width:auto}
.tela figcaption{margin-top:8px;font-size:var(--fs-xs);line-height:1.45;color:var(--muted)}
.escuro .tela figcaption{color:var(--claro-78)}
.cmd{display:inline-block;background:var(--abyssal);color:var(--burning);border-radius:8px;padding:1px 9px;font-weight:700;
  font-size:.94em}
.dica{margin-top:20px;border-left:4px solid var(--truffle);padding:14px 18px;background:var(--branco);border-radius:0 var(--r-sm) var(--r-sm) 0;
  font-size:var(--fs-sm);line-height:1.6}
.dica .r{display:block;font-size:var(--fs-xs);letter-spacing:var(--ls-over);text-transform:uppercase;font-weight:700;color:var(--truffle-texto);margin-bottom:6px}
.dica p+p{margin-top:8px}
.escuro .dica{background:rgba(255,177,98,.1);border-left-color:var(--burning);color:var(--claro-90)}
.escuro .dica .r{color:var(--burning)}
.lista-num{margin:12px 0 0 20px;display:grid;gap:10px;font-size:var(--fs-sm);line-height:1.6}

/* ------------------------------------------------------------ 19. movimento */
.js-rv .rv{opacity:.6;transition:opacity .2s ease}
.js-rv .rv.in{opacity:1;transform:none}
@keyframes chega{0%{opacity:0;transform:translateY(-14px) scale(.96)}12%,88%{opacity:1;transform:none}100%{opacity:1;transform:none}}
@keyframes flutua{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes pulsa{0%,100%{box-shadow:0 0 0 0 rgba(255,177,98,.55)}50%{box-shadow:0 0 0 8px rgba(255,177,98,0)}}
.anima .notificacao{animation:chega 1s .5s both}
.anima .figurinha{animation:flutua 5s ease-in-out infinite}
.anima .figurinha--b{animation-delay:1.2s}
.selo--pulsa .ponto{width:8px;height:8px;border-radius:50%;background:var(--truffle);animation:pulsa 2.4s infinite}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js-rv .rv{opacity:1;transform:none}
}

/* ------------------------------------------------------------ 20. responsivo */
@media (max-width:1140px){
  .menu{display:none}
  .menu-cel{display:block}
  .topo__cta{margin-left:auto}
  .rodape__grade{grid-template-columns:1fr 1fr}
  .rodape__marca{grid-column:1/-1}
}
@media (max-width:960px){
  .hero{background:var(--grad-cel)}
  .hero__grade,.formgrid{grid-template-columns:1fr}
  .formtext{position:static}
  .grade--3,.passos,.obras{grid-template-columns:1fr 1fr}
  .grade--4{grid-template-columns:1fr 1fr}
  .tela-passos{grid-template-columns:1fr}
  .passos--linha .passo::after{display:none}
  .ilustra{margin-top:8px}
  .formsec,.final,.subhero,.aviso{background:var(--grad-cel)}
}
@media (max-width:720px){
  .canais,.grade--2,.grade--3,.passos,.obras,.opcoes{grid-template-columns:1fr}
  .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .comparativo,.comparativo tbody,.comparativo tr,.comparativo td,.comparativo th{display:block;width:100%}
  .comparativo thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .comparativo tr{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--linha)}
  .comparativo tbody th{grid-column:1/-1;background:var(--papel);width:100%;padding:10px 14px}
  .comparativo td{border-bottom:0;padding:10px 14px;width:auto}
  .comparativo caption{display:block}
  .comparativo td::before{content:attr(data-rotulo);display:block;font-size:var(--fs-xs);font-weight:700;
    letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}
  .comparativo td.destaque::before{color:var(--truffle-texto)}
  .hero .estampa{width:300px;height:360px;right:-140px;top:-20px;opacity:.06}
  .topo__cta{display:none}
  .menu-cel{margin-left:auto}
}
@media (max-width:560px){
  .field-row,.field-row--oab,.field-row--largo{grid-template-columns:1fr}
  .grade--4{grid-template-columns:1fr}
  .rodape__grade{grid-template-columns:1fr 1fr;gap:24px}
  .rodape__grade>div:last-child{grid-column:1/-1}
  .cta-row .btn{width:100%}
  .cartao,.passo,.obra{padding:18px}
  .secao,section{padding:48px 0}
  .celular__tela{min-height:440px}
  .notificacao{left:0;top:0;max-width:220px}
  .ilustra .figurinha--a{right:0}
  .ilustra .figurinha--b{left:0;bottom:0}
  .menu-cel>summary span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
}
@media (max-width:380px){
  .marca{font-size:1.15rem}
  .marca-produto{padding:6px 9px}
}
@media (max-height:500px) and (orientation:landscape){
  .topo{position:static}
}
@media print{
  .topo,.rodape,.final,.skip,.menu-cel{display:none}
  .hero,.subhero,.aviso{background:none;color:#000}
}
@media (max-width:720px){.so-desktop{display:none}.celular{width:min(100%,270px)}}
.amostra-grade{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(16px,2vw,24px);align-items:start}
.amostra-lado .cartao{display:grid;grid-template-columns:48px 1fr;column-gap:14px}
.amostra-lado .cartao h3{margin-top:0}
.amostra-lado .cartao p{grid-column:2}
.amostra-lado .cartao .icone{grid-row:span 2}
.pub{flex-wrap:nowrap}
@media (max-width:960px){.amostra-grade{grid-template-columns:1fr}}
@media (max-width:560px){.pub{flex-wrap:wrap}}
.field .opcao{display:flex;margin-bottom:0;font-weight:400}
/* overflow:clip não cria contêiner de rolagem: o texto do formulário fica fixo ao rolar (V12) */
.formsec{overflow:clip}

/* ------------------------------------------------------------ 21. revisão 2 (30/09/2026) */
/* H1 curto: quebra em linhas equilibradas no desktop e no celular */
.hero h1.h1-curto{max-width:17ch}
/* "Estamos construindo": 4 cartões (4 colunas no desktop largo, 2×2, 1 no celular) */
.obras{grid-template-columns:repeat(4,minmax(0,1fr))}
.obras--mini{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:1140px){.obras{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){.obras,.obras--mini{grid-template-columns:1fr}}
/* Lista de espera */
.espera{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(20px,3vw,40px);
  margin-top:clamp(28px,4vw,44px);background:var(--abyssal);color:var(--palladian);border-radius:var(--r-lg);
  padding:clamp(22px,3vw,36px);box-shadow:var(--sh-2);--foco:var(--burning);position:relative;overflow:hidden}
.espera::before{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,177,98,.18),rgba(255,177,98,0) 70%);pointer-events:none}
.espera__texto h3{font-size:var(--fs-xl);margin-top:16px}
.espera__texto p{margin-top:8px;color:var(--claro-78);font-size:var(--fs-sm)}
.espera__form{position:relative;background:var(--palladian);color:var(--ink);border-radius:var(--r-md);
  padding:clamp(18px,2.4vw,26px);--foco:var(--abyssal)}
.espera__form .field{margin-bottom:12px}
.espera__form .btn{margin-top:12px}
.espera__form .consent{margin-top:6px}
.chips-check{display:flex;flex-wrap:wrap;gap:8px}
.chip-check{position:relative;display:inline-flex;cursor:pointer}
.chip-check input{position:absolute;opacity:0;width:1px;height:1px}
.chip-check span{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:8px 14px;border-radius:var(--r-pill);
  border:1.5px solid var(--borda-campo);background:var(--branco);font-size:var(--fs-sm);font-weight:600;color:var(--ink)}
.chip-check input:checked+span{background:var(--abyssal);border-color:var(--abyssal);color:var(--palladian)}
.chip-check input:checked+span::before{content:"✓";color:var(--burning)}
.chip-check input:focus-visible+span{outline:3px solid var(--abyssal);outline-offset:2px}
.espera__retorno{margin-top:14px;padding:12px 14px;border-radius:var(--r-sm);font-size:var(--fs-sm);font-weight:600;line-height:1.5}
.espera__retorno.ok{background:var(--ok-fundo);color:var(--ok-texto)}
.espera__retorno.erro{background:#FBEDE8;color:var(--truffle-texto);border-left:4px solid var(--truffle)}
@media (max-width:860px){.espera{grid-template-columns:1fr}}/* Linha do tempo "recorte → DJEN → Prometheus" (com seta entre os marcos) */
.marcos{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:0 0 var(--space-head)}
.marco{position:relative;display:grid;grid-template-columns:48px 1fr;column-gap:14px;align-items:start;background:var(--branco);
  border:1px solid var(--linha);border-radius:var(--r-md);padding:18px}
.marco .icone{grid-row:span 2}
.marco b{font-size:var(--fs-base);line-height:1.3}
.marco>span:last-child{font-size:var(--fs-sm);line-height:var(--lh-small);color:var(--muted);margin-top:4px}
.marco:not(:last-child)::after{content:"";position:absolute;right:-24px;top:50%;width:20px;height:20px;transform:translateY(-50%);
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A35139' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}
.marco--destaque{border:2px solid var(--burning);background:#FFF9F2}
.marco:nth-child(1) b{color:var(--muted)}
@media (max-width:860px){
  .marcos{grid-template-columns:1fr;gap:22px}
  .marco:not(:last-child)::after{right:auto;left:30px;top:auto;bottom:-22px;transform:rotate(90deg)}
}
/* "Isto é só o começo": ponte do comparativo para "Estamos construindo" */
.comeco{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;margin-top:var(--space-head);
  background:var(--abyssal);color:var(--palladian);border-radius:var(--r-lg);padding:clamp(20px,3vw,30px);--foco:var(--burning)}
.comeco .kicker{color:var(--burning);margin-bottom:4px}
.comeco h3{font-size:var(--fs-lg)}
.comeco p:not(.kicker){margin-top:6px;color:var(--claro-78);font-size:var(--fs-sm);max-width:52ch}
.comeco .link-seta{color:var(--burning)}
@media (max-width:860px){.comeco{grid-template-columns:1fr}}
.obras--mini .obra .selo{margin:6px 0 2px}

/* ------------------------------------------------------------ 22. revisão 3 (R1–R40) */
/* tamanhos mínimos de leitura (R28): rótulos em 13–14 px, nada informativo abaixo disso */
.kicker,.eyebrow,.crumb,.rodape__titulo{font-size:.8125rem;letter-spacing:.08em}
.comparativo caption,.rodape__aviso,.selo--obra,.nota,.formnote,.ajuda{font-size:var(--fs-sm)}
@media (max-width:720px){.cartao p,.lista-check li,.passo p,.obra p,.marco>span:last-child{font-size:var(--fs-base)}}
/* títulos de duas frases: uma frase por linha, sem quebrar no meio (R30) */
.bloco{display:block}
/* seções mais curtas onde só há ícones */
.secao--curta{padding:clamp(32px,4vw,48px) 0}
/* FAQ em duas colunas no desktop (R35) */
.faq-grade{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:clamp(20px,4vw,56px);align-items:start}
.faq-grade .faq{max-width:none}
@media (max-width:860px){.faq-grade{grid-template-columns:1fr}}
/* comparativo curto em 2 colunas (R14) e canais (R12/R13) */
.duelo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2vw,22px);margin-top:var(--space-head)}
.duelo__lado{background:var(--branco);border:1px solid var(--linha);border-radius:var(--r-md);padding:clamp(18px,2.4vw,26px)}
.duelo__lado--destaque{border:2px solid var(--burning);background:#FFF9F2}
.duelo__titulo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:var(--fs-lg);margin-bottom:12px}
.duelo__titulo .ico{color:var(--truffle)}
.duelo ul{list-style:none;display:grid;gap:10px}
.duelo li{display:flex;gap:10px;align-items:flex-start;font-size:var(--fs-base);line-height:1.45}
.duelo li .ico{width:20px;height:20px;margin-top:1px;stroke-width:2.2}
.duelo li.sim .ico{color:#2F7A3B}
.duelo li.nao{color:var(--muted)}
.duelo li.nao .ico{color:var(--truffle)}
.duelo li.req{color:var(--muted)}
.duelo li.req .ico{color:var(--muted)}
.duelo .link-seta{margin-top:12px}
.duelo__nota{margin-top:10px;font-size:var(--fs-sm);color:var(--muted)}
@media (max-width:640px){.duelo{grid-template-columns:1fr}}
/* requisitos do Agente: cinza, com ícone, nunca com "check" (R13/R6) */
.requisitos{list-style:none;display:grid;gap:10px;margin-top:18px}
.requisitos li{display:flex;gap:10px;align-items:flex-start;color:var(--claro-90);font-size:var(--fs-base);line-height:1.45}
.requisitos .ico{width:22px;height:22px;color:var(--burning);margin-top:0}
/* selos claros (sobre fundo claro) e selo junto ao título */
.selo--titulo{vertical-align:middle;margin-left:8px;font-size:var(--fs-xs)!important}
.selos--claros .selo{background:var(--branco)}
/* KPIs da amostra iguais aos do celular (R27) */
.kpis--3{grid-template-columns:repeat(3,minmax(0,1fr))}
/* horário: 4 atalhos + "Outro" (R20) */
.horario .horario-outro{display:none;margin-top:10px;max-width:12rem}
.horario:has(input[value="outro"]:checked) .horario-outro{display:block}
.horario-outro select{width:100%;font:inherit;min-height:44px;border:1.5px solid var(--borda-campo);border-radius:var(--r-sm);padding:8px 12px;background:var(--branco)}
.chip-check input:checked+span::before{content:none}
/* pós-cadastro e envio ativado (R18/R19) */
.passo-unico{display:flex;gap:16px;align-items:flex-start;margin-top:24px;max-width:44rem;background:var(--vidro);
  border:1px solid var(--vidro-borda);border-radius:var(--r-md);padding:20px 22px}
.passo-unico p{font-size:var(--fs-md);color:var(--claro-90)}
.dica-aberta{max-width:44rem;color:var(--claro-90)}
.dica-aberta summary{cursor:pointer;font-weight:600;color:var(--burning);min-height:44px;display:flex;align-items:center}
.dica-aberta p,.dica-aberta li{font-size:var(--fs-sm);line-height:1.6}
.dica-aberta ul{margin:8px 0 0 18px;display:grid;gap:6px}
.dica-aberta code{background:rgba(255,177,98,.16);color:var(--burning);padding:1px 6px;border-radius:6px}
.nota-clara{font-size:var(--fs-sm);color:var(--claro-78)}
.nota-clara a{color:var(--burning);font-weight:600}
.lembretes{list-style:none;display:grid;gap:12px;margin-top:24px;max-width:40rem}
.lembretes li{display:flex;gap:14px;align-items:center;font-size:var(--fs-md);color:var(--claro-90)}
.lembretes .icone{width:40px;height:40px;border-radius:12px}
.lembretes .icone .ico{width:22px;height:22px}
.vem-ai{display:flex;gap:14px;align-items:center;flex-wrap:wrap;max-width:46rem;background:var(--vidro);border:1px dashed rgba(255,177,98,.5);
  border-radius:var(--r-md);padding:16px 18px;color:var(--claro-90)}
.vem-ai>div{flex:1;min-width:14rem}
/* lista de espera: estado de sucesso (R16) */
.espera__form.enviado .espera__campos{display:none}
.espera__ok{display:flex;gap:12px;align-items:flex-start}
/* cartões "Em breve" sem selo repetido (R33): só ícone, nome e uma linha */
.obras{list-style:none;padding:0}
.obras--mini .obra h3{font-size:var(--fs-base)}
/* hero do celular: menos peso (R1) */
@media (max-width:560px){
  .notificacao{display:none}
  .ilustra{padding-top:12px}
  .celular{width:min(100%,250px)}
  .celular__tela{min-height:400px}
}
/* guia: telas legíveis no celular (R38) — ocupam a largura toda e abrem em tamanho real */
@media (max-width:720px){.tela-passo{padding:16px}.tela img{max-height:none}}
.abas-legais{display:inline-flex;gap:4px;padding:4px;margin-bottom:18px;border-radius:var(--r-pill);background:var(--branco);border:1px solid var(--linha)}
.abas-legais a{padding:8px 16px;min-height:40px;display:inline-flex;align-items:center;border-radius:var(--r-pill);font-size:var(--fs-sm);font-weight:600;text-decoration:none;color:var(--ink)}
.abas-legais a[aria-current="page"]{background:var(--abyssal);color:var(--palladian)}
/* celular: "Em breve" em 2×2 só com ícone e nome; ilustração menor (R1: home ≤ ~7 telas) */
@media (max-width:720px){
  .obras,.obras--mini{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .obra,.obras--mini .obra{padding:14px;display:block}
  .obra p{display:none}
  .obra h3,.obras--mini .obra h3{font-size:var(--fs-sm);margin-top:10px;line-height:1.3}
  .obra .icone{width:40px;height:40px}
  .hero{padding-top:36px;padding-bottom:28px}
  .celular{width:min(100%,220px);padding:9px;border-radius:34px}
  .celular__tela{min-height:340px;border-radius:26px}
  .mail__kpis,.mail__anexo{display:none}
  .ilustra{padding-bottom:40px}
  .rodape{padding-top:40px}
}
@media (max-width:720px){
  .hero .selos{gap:6px}
  .hero .selo{font-size:var(--fs-xs);padding:6px 10px}
  .marco{padding:12px 14px;align-items:center}
  .marco>span:last-child{display:none}
  .marco .icone{grid-row:auto;width:40px;height:40px}
  .marcos{gap:18px}
  .duelo__lado{padding:16px}
  .duelo li{font-size:var(--fs-sm)}
}
@media (max-width:720px){.mail__pubs small{display:none}.mail__pubs b{font-size:11px}}
.anima .figurinha{animation-iteration-count:3}
.selo--pulsa .ponto{animation-iteration-count:4}
@media (max-width:560px){.chips-check{gap:6px}.chip-check span{font-size:.8125rem;padding:6px 12px;min-height:38px}}