/* ===========================================================================
   Infcamp — Onda 2 — páginas de SEO local e de nicho
   Só os estilos novos. Depende de marketing-v2.css (tokens, .ic-wrap, .ic-nav,
   .ic-mobilemenu, .ic-action, .ic-eyebrow, .ic-dot, .ic-cases, .ic-faq,
   .ic-end, .ic-contact, .ic-footer e o foco visível já vêm de lá).
   Escopo: #infcamp-preview. Prefixo: ic-
   =========================================================================== */

/* --- Tokens derivados (nenhum token da home é redefinido) ----------------- */
#infcamp-preview{
  --ic-limeink:light-dark(#6d8f1f,#A0CA3C);      /* lima com contraste de texto/ícone */
  --ic-amberline:light-dark(#c68a2c,#d9a24a);    /* aviso (regras da OAB etc.) */
  --ic-read:light-dark(#223f48,#dbe8e4);         /* tinta do corpo do artigo */
  --ic-numb:light-dark(#8a9a92,#8fa6a2);         /* numeração discreta */
}

/* A home usa overflow:hidden no .ic-site, o que anularia o position:sticky do
   sumário. overflow-x:clip corta o excesso lateral sem criar contêiner de
   rolagem, então o sticky continua funcionando. */
#infcamp-preview .ic-site{overflow-x:clip;overflow-y:visible}

@media(prefers-reduced-motion:no-preference){
  html:has(body.infcamp-marketing-v2){scroll-behavior:smooth}
}

/* --- Breadcrumb ----------------------------------------------------------- */
#infcamp-preview .ic-breadcrumb{
  display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;
  padding:16px 0 0;font-size:11px;line-height:1.7;color:var(--ic-muted)
}
#infcamp-preview .ic-breadcrumb a{color:var(--ic-muted);padding:4px 0}
#infcamp-preview .ic-breadcrumb a:hover{color:var(--ic-ink);text-decoration:underline;text-underline-offset:4px}
#infcamp-preview .ic-breadcrumb i{font-style:normal;opacity:.55}
#infcamp-preview .ic-breadcrumb strong{color:var(--ic-ink);font-weight:600;overflow-wrap:anywhere}

/* --- Hero da página ------------------------------------------------------- */
#infcamp-preview .ic-seohero{
  display:grid;grid-template-columns:1.06fr .94fr;gap:46px;
  padding:26px 0 58px;align-items:start
}
#infcamp-preview .ic-seohero h1{
  font-family:Manrope,sans-serif;font-weight:700;
  font-size:clamp(30px,3.6vw,46px);line-height:1.1;letter-spacing:-1.8px;
  margin:16px 0 18px;overflow-wrap:break-word
}
#infcamp-preview .ic-seohero h1 em{font-style:normal;color:#117A95}
#infcamp-preview .ic-lead{font-size:16px;line-height:1.8;color:var(--ic-muted);max-width:520px}
#infcamp-preview .ic-lead strong{color:var(--ic-ink);font-weight:600}
#infcamp-preview .ic-seohero .ic-ctas{margin-top:26px}
#infcamp-preview .ic-seotrust{
  display:flex;flex-wrap:wrap;gap:9px 22px;margin-top:24px;
  font-size:11px;line-height:1.6;color:var(--ic-muted)
}
#infcamp-preview .ic-seotrust span{display:inline-flex;align-items:center;gap:8px}

/* --- Card "Resumo rápido" ------------------------------------------------- */
#infcamp-preview .ic-summary{
  background:var(--ic-paper);border:1px solid var(--ic-line);border-radius:18px;
  padding:26px 24px;box-shadow:0 14px 40px #06384a0f
}
#infcamp-preview .ic-summary h2,#infcamp-preview .ic-summary .ic-summarytitle{
  font-family:Manrope,sans-serif;font-size:18px;font-weight:700;
  letter-spacing:-.4px;line-height:1.3;margin:12px 0 0
}
#infcamp-preview .ic-summary ul{
  list-style:none;margin:17px 0 0;padding:0;
  display:flex;flex-direction:column;gap:13px
}
#infcamp-preview .ic-summary li{
  display:flex;gap:11px;align-items:flex-start;
  font-size:13px;line-height:1.65;color:var(--ic-muted)
}
#infcamp-preview .ic-summary li::before{
  content:'';width:18px;height:18px;flex-shrink:0;margin-top:2px;
  background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%236d8f1f" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>') center/18px no-repeat
}

/* --- Corpo do artigo: grid + sumário ------------------------------------- */
#infcamp-preview .ic-article{
  display:grid;grid-template-columns:238px minmax(0,1fr);gap:56px;
  padding:4px 0 58px;align-items:start
}
#infcamp-preview .ic-toc{
  position:sticky;top:28px;align-self:start;
  border-left:1px solid var(--ic-line);padding:2px 0 2px 19px
}
#infcamp-preview .ic-toc h2,#infcamp-preview .ic-toc .ic-toctitle{
  font-family:Manrope,sans-serif;font-size:11px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;color:var(--ic-muted);
  margin:0 0 12px
}
#infcamp-preview .ic-toclist{
  list-style:none;margin:0;padding:0;counter-reset:ic-toc;
  display:flex;flex-direction:column
}
#infcamp-preview .ic-toclist li{counter-increment:ic-toc;min-width:0}
#infcamp-preview .ic-toclist a{
  position:relative;display:flex;gap:11px;align-items:baseline;
  min-height:44px;padding:11px 8px 11px 0;
  font-size:13px;line-height:1.55;color:var(--ic-muted);
  transition:color .2s var(--ic-ease)
}
#infcamp-preview .ic-toclist a::before{
  content:counter(ic-toc,decimal-leading-zero);
  font-size:10px;font-weight:700;letter-spacing:.06em;
  color:var(--ic-numb);flex-shrink:0
}
#infcamp-preview .ic-toclist a:hover{color:var(--ic-ink)}
#infcamp-preview .ic-toclist a.is-active{color:var(--ic-ink);font-weight:700}
#infcamp-preview .ic-toclist a.is-active::before{color:var(--ic-limeink)}
#infcamp-preview .ic-toc .ic-toclist a.is-active::after{
  content:'';position:absolute;left:-20px;top:9px;bottom:9px;
  width:2px;border-radius:2px;background:var(--ic-lime)
}

/* Sumário recolhido do celular */
#infcamp-preview .ic-tocmobile{
  display:none;background:var(--ic-paper);border:1px solid var(--ic-line);
  border-radius:14px;padding:0 18px;margin:0 0 26px
}
#infcamp-preview .ic-tocmobile>summary{
  list-style:none;cursor:pointer;display:flex;align-items:center;
  justify-content:space-between;gap:12px;min-height:48px;padding:14px 0;
  font-family:Manrope,sans-serif;font-size:13px;font-weight:700;letter-spacing:.02em
}
#infcamp-preview .ic-tocmobile>summary::-webkit-details-marker{display:none}
#infcamp-preview .ic-tocmobile>summary::after{
  content:'+';font-family:Manrope,sans-serif;font-size:22px;font-weight:500;
  line-height:1;color:#117A95
}
#infcamp-preview .ic-tocmobile[open]>summary::after{content:'−'}
#infcamp-preview .ic-tocmobile[open]{border-color:#b4cd7e}
#infcamp-preview .ic-tocmobile .ic-toclist{
  border-top:1px solid var(--ic-line);padding:4px 0 10px
}

/* --- .ic-prose: leitura longa -------------------------------------------- */
#infcamp-preview .ic-prose{
  counter-reset:ic-sec;max-width:720px;
  font-size:17px;line-height:1.78;color:var(--ic-read)
}
#infcamp-preview .ic-prose>p{margin:0 0 21px}
#infcamp-preview .ic-prose>*:last-child{margin-bottom:0}
#infcamp-preview .ic-prose h2{
  counter-increment:ic-sec;
  display:flex;gap:14px;align-items:baseline;
  font-family:Manrope,sans-serif;font-weight:700;
  font-size:clamp(24px,2.4vw,30px);line-height:1.2;letter-spacing:-.9px;
  color:var(--ic-ink);margin:48px 0 17px;scroll-margin-top:28px;
  overflow-wrap:break-word
}
#infcamp-preview .ic-prose h2::before{
  content:counter(ic-sec,decimal-leading-zero);
  flex-shrink:0;position:relative;top:-.3em;
  font-size:11px;font-weight:700;letter-spacing:.08em;line-height:1;
  color:var(--ic-limeink);
  background:light-dark(#eff4e1,#1d3a22);
  border:1px solid light-dark(#dde8c6,#2c4a30);
  border-radius:6px;padding:5px 7px
}
#infcamp-preview .ic-prose h2:first-child{margin-top:0}
#infcamp-preview .ic-prose h3{
  font-family:Manrope,sans-serif;font-size:19px;font-weight:700;
  letter-spacing:-.4px;line-height:1.35;color:var(--ic-ink);
  margin:31px 0 12px;overflow-wrap:break-word
}
#infcamp-preview .ic-prose strong{font-weight:700;color:var(--ic-ink)}
#infcamp-preview .ic-prose a{
  color:#117A95;text-decoration:underline;
  text-underline-offset:3px;text-decoration-thickness:1.5px
}
#infcamp-preview .ic-prose a:hover{color:#0d5f74;text-decoration-thickness:2px}
#infcamp-preview .ic-prose ul,#infcamp-preview .ic-prose ol{
  margin:0 0 22px;padding-left:23px;display:flex;flex-direction:column;gap:10px
}
#infcamp-preview .ic-prose li{line-height:1.75}
#infcamp-preview .ic-prose li::marker{color:var(--ic-numb)}
#infcamp-preview .ic-prose .ic-note{
  font-size:13px;line-height:1.7;color:var(--ic-muted);margin:0 0 22px
}

/* Listas com check e com × */
#infcamp-preview .ic-prose ul.ic-checks,
#infcamp-preview .ic-prose ul.ic-crosses{list-style:none;padding:0;gap:12px;margin-bottom:24px}
#infcamp-preview .ic-checks li,#infcamp-preview .ic-crosses li{
  display:flex;gap:12px;align-items:flex-start
}
#infcamp-preview .ic-checks li::before{
  content:'';width:20px;height:20px;flex-shrink:0;margin-top:3px;
  background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%236d8f1f" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>') center/20px no-repeat
}
#infcamp-preview .ic-crosses li::before{
  content:'';width:20px;height:20px;flex-shrink:0;margin-top:3px;
  background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23a44c3c" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>') center/20px no-repeat
}

/* Caixa de destaque — raio só à direita, para não virar o card genérico
   de borda colorida à esquerda */
#infcamp-preview .ic-callout{
  border-left:3px solid var(--ic-lime);
  background:light-dark(#f1f6e5,#17352a);
  border-radius:0 14px 14px 0;padding:19px 22px;margin:0 0 24px
}
#infcamp-preview .ic-callout strong{
  display:block;font-family:Manrope,sans-serif;font-size:14px;
  letter-spacing:.01em;line-height:1.5;margin-bottom:6px;color:var(--ic-ink)
}
#infcamp-preview .ic-callout p{margin:0;font-size:16px;line-height:1.75;color:var(--ic-read)}
#infcamp-preview .ic-callout.is-warn{
  border-left-color:var(--ic-amberline);
  background:light-dark(#fdf5e5,#3a2d14)
}

/* Passos em cards empilhados */
#infcamp-preview .ic-prose ol.ic-steps{
  list-style:none;padding:0;counter-reset:ic-step;gap:12px;margin-bottom:26px
}
#infcamp-preview .ic-steps li{
  counter-increment:ic-step;
  background:var(--ic-paper);border:1px solid var(--ic-line);border-radius:16px;
  padding:22px 24px;box-shadow:0 5px 20px #06384a04;
  display:grid;grid-template-columns:auto minmax(0,1fr);gap:5px 18px
}
#infcamp-preview .ic-steps li::before{
  content:counter(ic-step,decimal-leading-zero);grid-row:1/span 2;
  font-family:Manrope,sans-serif;font-size:30px;font-weight:700;
  line-height:1.05;letter-spacing:-1.6px;color:#117A95
}
#infcamp-preview .ic-steps strong{
  font-family:Manrope,sans-serif;font-size:17px;font-weight:700;
  letter-spacing:-.3px;line-height:1.35
}
#infcamp-preview .ic-steps p{
  grid-column:2;margin:0;font-size:15px;line-height:1.75;color:var(--ic-muted)
}

/* Tabela comparativa — rolagem só dentro do wrapper */
#infcamp-preview .ic-tablewrap{
  margin:0 0 14px;max-width:100%;overflow-x:auto;
  border:1px solid var(--ic-line);border-radius:14px;background:var(--ic-paper);
  -webkit-overflow-scrolling:touch;overscroll-behavior-x:contain
}
#infcamp-preview .ic-table{
  border-collapse:collapse;width:100%;min-width:600px;
  font-size:14px;line-height:1.65
}
#infcamp-preview .ic-table caption{
  caption-side:top;text-align:left;padding:14px 16px 0;
  font-size:12px;line-height:1.6;color:var(--ic-muted)
}
#infcamp-preview .ic-table th,#infcamp-preview .ic-table td{
  text-align:left;vertical-align:top;padding:14px 16px;
  border-bottom:1px solid var(--ic-line)
}
#infcamp-preview .ic-table thead th{
  background:light-dark(#e6f3f7,#173f4b);
  font-family:Manrope,sans-serif;font-size:11px;font-weight:700;
  letter-spacing:.09em;text-transform:uppercase;
  color:light-dark(#0d5f74,#cfe6ec);white-space:nowrap
}
#infcamp-preview .ic-table tbody th{
  font-size:14px;font-weight:700;color:var(--ic-ink);white-space:nowrap
}
#infcamp-preview .ic-table td{color:var(--ic-muted)}
#infcamp-preview .ic-table tbody tr:nth-child(even){background:light-dark(#f6f9f2,#13343e)}
#infcamp-preview .ic-table tbody tr:last-child>*{border-bottom:0}
#infcamp-preview .ic-table .is-us{
  background:light-dark(#f0f6e2,#1b3a26);color:var(--ic-ink);font-weight:500
}

/* Grid de mini-cards */
#infcamp-preview .ic-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 26px}
#infcamp-preview .ic-minicard{
  background:var(--ic-paper);border:1px solid var(--ic-line);
  border-radius:14px;padding:20px 21px
}
#infcamp-preview .ic-minicard strong{
  display:block;font-family:Manrope,sans-serif;font-size:15px;font-weight:700;
  letter-spacing:-.2px;line-height:1.35;margin-bottom:7px;color:var(--ic-ink)
}
#infcamp-preview .ic-minicard p{margin:0;font-size:14px;line-height:1.7;color:var(--ic-muted)}

/* CTA no meio do artigo */
#infcamp-preview .ic-inlinecta{
  background:radial-gradient(ellipse at 12% 0,#117a9552,transparent 72%),#06384A;
  color:#f4f8f8;border-radius:18px;padding:27px 28px;margin:32px 0;
  display:flex;flex-direction:column;align-items:flex-start;gap:12px
}
#infcamp-preview .ic-inlinecta strong{
  font-family:Manrope,sans-serif;font-size:20px;font-weight:700;
  letter-spacing:-.5px;line-height:1.3
}
#infcamp-preview .ic-inlinecta p{
  margin:0;font-size:15px;line-height:1.75;color:#c0d4db;max-width:56ch
}
#infcamp-preview .ic-inlinecta .ic-action{margin-top:4px}
#infcamp-preview .ic-inlinecta a:focus-visible{outline-color:var(--ic-lime)}

/* --- Páginas relacionadas ------------------------------------------------ */
#infcamp-preview .ic-related{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
#infcamp-preview .ic-relcard{
  background:var(--ic-paper);border:1px solid var(--ic-line);border-radius:18px;
  padding:24px;display:flex;flex-direction:column;gap:9px;
  box-shadow:0 5px 20px #06384a04;
  transition:transform .35s var(--ic-ease),box-shadow .35s var(--ic-ease),border-color .35s
}
#infcamp-preview .ic-relcard:hover{
  transform:translateY(-6px);box-shadow:0 20px 38px #06384a12;border-color:#94b649
}
#infcamp-preview .ic-relcard small{
  font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  line-height:1.6;color:var(--ic-muted)
}
#infcamp-preview .ic-relcard strong{
  font-family:Manrope,sans-serif;font-size:18px;font-weight:700;
  letter-spacing:-.4px;line-height:1.3;color:var(--ic-ink);overflow-wrap:break-word
}
#infcamp-preview .ic-relcard span{font-size:13px;line-height:1.75;color:var(--ic-muted)}
#infcamp-preview .ic-relcard em{
  font-style:normal;margin-top:auto;padding-top:7px;
  font-size:13px;font-weight:700;color:#117A95
}
#infcamp-preview .ic-relcard:hover em{text-decoration:underline;text-underline-offset:4px}

/* --- Nota LGPD e links do rodapé ---------------------------------------- */
#infcamp-preview .ic-lgpd{display:block;max-width:46ch}
#infcamp-preview .ic-footerlinks{
  padding:22px 0 0;border-top:1px solid var(--ic-line);
  display:flex;flex-wrap:wrap;gap:10px 18px;
  font-size:11px;line-height:1.7;color:var(--ic-muted)
}
#infcamp-preview .ic-footerlinks a{padding:4px 0}
#infcamp-preview .ic-footerlinks a:hover{color:var(--ic-ink);text-decoration:underline;text-underline-offset:4px}
#infcamp-preview .ic-footerlinks+.ic-footer{padding-top:20px}

/* --- Entrada suave (a home usa a mesma classe) --------------------------- */
#infcamp-preview .ic-steps li.ic-enter,
#infcamp-preview .ic-relcard.ic-enter{animation:ic-enter .7s var(--ic-ease) both}

/* --- Respostas de layout ------------------------------------------------- */
@media(max-width:1100px){
  #infcamp-preview .ic-article{grid-template-columns:214px minmax(0,1fr);gap:44px}
}
@media(max-width:900px){
  #infcamp-preview .ic-seohero{grid-template-columns:1fr;gap:34px;padding:22px 0 44px}
  #infcamp-preview .ic-lead{max-width:none}
  #infcamp-preview .ic-article{grid-template-columns:minmax(0,1fr);gap:0;padding-bottom:46px}
  #infcamp-preview .ic-toc{display:none}
  #infcamp-preview .ic-tocmobile{display:block}
  #infcamp-preview .ic-prose{max-width:none}
  #infcamp-preview .ic-related{grid-template-columns:1fr 1fr}
  #infcamp-preview .ic-related>a:last-child{grid-column:1/-1}
}
@media(max-width:760px){
  #infcamp-preview .ic-summary{padding:23px 21px}
  #infcamp-preview .ic-prose h2{margin-top:40px}
  #infcamp-preview .ic-inlinecta{padding:24px 22px}
}
@media(max-width:580px){
  #infcamp-preview .ic-seohero{padding:18px 0 38px;gap:30px}
  #infcamp-preview .ic-seohero h1{font-size:32px;letter-spacing:-1.3px}
  #infcamp-preview .ic-lead{font-size:15px}
  #infcamp-preview .ic-prose{font-size:16px;line-height:1.75}
  #infcamp-preview .ic-prose h2{font-size:23px;letter-spacing:-.6px;gap:11px;margin:34px 0 14px}
  #infcamp-preview .ic-prose h3{font-size:18px}
  #infcamp-preview .ic-callout{padding:17px 18px}
  #infcamp-preview .ic-callout p{font-size:15px}
  #infcamp-preview .ic-steps li{padding:19px 20px;gap:4px 14px}
  #infcamp-preview .ic-steps li::before{font-size:25px}
  #infcamp-preview .ic-steps strong{font-size:16px}
  #infcamp-preview .ic-grid2{grid-template-columns:1fr}
  #infcamp-preview .ic-inlinecta strong{font-size:18px}
  #infcamp-preview .ic-inlinecta p{font-size:14px}
  #infcamp-preview .ic-related{grid-template-columns:1fr}
  #infcamp-preview .ic-related>a:last-child{grid-column:auto}
  #infcamp-preview .ic-relcard{padding:21px}
}
@media(max-width:360px){
  #infcamp-preview .ic-seohero h1{font-size:29px;letter-spacing:-1.1px}
  #infcamp-preview .ic-prose h2{font-size:21px;gap:10px}
  #infcamp-preview .ic-prose h2::before{padding:4px 6px}
  #infcamp-preview .ic-summary,#infcamp-preview .ic-steps li,
  #infcamp-preview .ic-minicard,#infcamp-preview .ic-relcard{padding:18px}
  #infcamp-preview .ic-inlinecta{padding:21px 18px}
  #infcamp-preview .ic-table{min-width:520px}
}

/* Seção encostada na anterior (ex.: "Continue lendo" depois do FAQ) */
#infcamp-preview .ic-section.is-tight{padding-top:0}

/* ── ajustes Infcamp 03/10 ── */
/* item de lista com link ou negrito não pode virar coluna: ícone absoluto, texto corrido */
#infcamp-preview .ic-checks li,#infcamp-preview .ic-crosses li{display:block;position:relative;padding-left:32px}
#infcamp-preview .ic-checks li::before,#infcamp-preview .ic-crosses li::before{position:absolute;left:0;top:.3em;margin-top:0}
/* CTA do meio do artigo: título claro no fundo teal; botão sem o sublinhado dos links do texto */
#infcamp-preview .ic-inlinecta strong{color:#fff}
#infcamp-preview .ic-prose a.ic-action{color:#17301c;text-decoration:none}
#infcamp-preview .ic-prose a.ic-action:hover{color:#17301c}
#infcamp-preview .ic-minicard strong a{color:inherit;text-decoration-color:#A0CA3C}