/* ============================================================
   GBarsotti Consultoria — Versão D
   Folha compartilhada: v-d.html, prazo-e-garantia.html,
   quando-nao-contratar.html e quem-somos.html.
   Mobile primeiro a partir de 360px. Sem framework, sem build.

   ------------------------------------------------------------
   COMO ESTA FOLHA ESTÁ ORGANIZADA (método de transplante)

   A home da D é montada com blocos movidos de v-a.html, v-b.html
   e v-c.html. As três folhas usam OS MESMOS NOMES DE CLASSE com
   definições diferentes (.heroi, .fala, .notas, .nota, .lente,
   .intro, .clausula e .lista existem em mais de uma).

   Por isso, cada bloco transplantado vive dentro de um contêiner
   que declara a procedência — <div data-de="a|b|c"> — e TODA
   regra copiada é prefixada com esse seletor. Nada de regra da
   A vazando para bloco da C.

   Ordem do arquivo:
     1. tokens
     2. base + chrome (cabeçalho, gaveta, rodapé) e as três
        páginas internas — sem prefixo, valem no site inteiro
     3. [data-de="c"] — abertura/triagem, resumo da garantia, fecho
     4. [data-de="a"] — índice, notas e os doze serviços
     5. [data-de="b"] — quando não contratar, leitura prévia
     6. movimento reduzido e impressão
   ============================================================ */


/* ============================================================
   1. TOKENS
   ============================================================ */

/* Tokens realmente idênticos nas três folhas de origem. */
:root{
  --navy:#0A1620;
  --navy-2:#0F202C;
  --prata:#C7B9A8;
  --dourado:#C6A252;      /* fio e acento sobre escuro — 7.57:1 no navy */
  --osso:#F5F3EE;

  --mono:'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --serif:'EB Garamond', Georgia, 'Times New Roman', serif;
  --sans:'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  --pad:20px;
  --max:1120px;
  --alt-topo:60px;
}

/* Os tokens DERIVADOS de texto não são idênticos: A, B e C
   calcularam contraste com valores próprios e, em dois casos
   (--tinta e --tinta-2), com o MESMO nome e valores diferentes.
   O padrão do site é o conjunto da A — é o que o cabeçalho, o
   rodapé e as três páginas internas já usam. C e B redefinem o
   que diverge dentro do próprio contêiner, logo abaixo. */
:root{
  --dourado-forte:#7A5E12; /* dourado com peso de texto sobre osso — 5.51:1 */
  --tinta:#0A1620;         /* 16.49:1 sobre osso */
  --tinta-2:#3F4C56;       /* 7.96:1  sobre osso */
  --tinta-3:#55636D;       /* 5.58:1  sobre osso */
  --terra:#7C3A17;         /* "quando não faz sentido" — 7.65:1 */
  --linha:#DCD6CA;
  --linha-2:#C9C1B2;
  --linha-escura:#22323F;
}


/* NOTA DE MÉTODO — as regras do chrome levam :not([data-de] *) para que
   nenhuma alcance o interior de um bloco transplantado. Sem essa trava o
   .wrap do site (max-width:1120px; padding:20px) vencia a largura própria
   da origem e desmontava a grade. Gerado por .verif/guard.js. */

/* ============================================================
   2. BASE + CHROME + PÁGINAS INTERNAS
   ============================================================ */
*, *::before, *::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;
  background:var(--osso);
  color:var(--tinta);
  font-family:var(--sans);
  font-size:17px;
  line-height:1.6;
  font-feature-settings:"kern" 1;
  -webkit-font-smoothing:antialiased;
  overflow-wrap:break-word;
}
img:not([data-de] *){max-width:100%;height:auto;display:block}
p:not([data-de] *){margin:0 0 1em}
p:last-child:not([data-de] *){margin-bottom:0}
a:not([data-de] *){color:inherit}
h1:not([data-de] *), h2:not([data-de] *), h3:not([data-de] *), h4:not([data-de] *){margin:0;font-family:var(--serif);font-weight:600;line-height:1.13;letter-spacing:.002em}
ul:not([data-de] *){margin:0;padding:0;list-style:none}
[hidden]:not([data-de] *){display:none !important}
:focus-visible:not([data-de] *){
  outline:3px solid var(--dourado-forte);
  outline-offset:3px;
  border-radius:2px;
}
.sec-escura :focus-visible:not([data-de] *), .faixa :focus-visible:not([data-de] *), footer :focus-visible:not([data-de] *){outline-color:var(--dourado)}
[id]:not([data-de] *){scroll-margin-top:calc(var(--alt-topo) + 12px)}
.wrap:not([data-de] *){width:100%;max-width:var(--max);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}
.medida:not([data-de] *){max-width:66ch}
.mono:not([data-de] *){
  font-family:var(--mono);
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum" 1;
}
.sr:not([data-de] *){position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.eyebrow:not([data-de] *){
  font-family:var(--mono);
  font-size:11.5px;
  font-weight:500;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--tinta-3);
  margin:0 0 14px;
  overflow-wrap:anywhere;
}
.sec-escura .eyebrow:not([data-de] *){color:var(--dourado)}
.pular:not([data-de] *){
  position:absolute;left:-9999px;top:0;
  background:var(--navy);color:var(--osso);
  padding:12px 18px;z-index:99;
  font-family:var(--mono);font-size:14px;
}
.pular:focus:not([data-de] *){left:8px;top:8px}
section:not([data-de] *){padding:52px 0}
.sec-escura:not([data-de] *){background:var(--navy);color:var(--osso)}
.sec-escura h1:not([data-de] *), .sec-escura h2:not([data-de] *), .sec-escura h3:not([data-de] *), .sec-escura h4:not([data-de] *){color:var(--osso)}

/* ------------------------------------------------------------
   CABEÇALHO — comportamento copiado da versão C: fixo no topo,
   menu horizontal, item corrente por aria-current, e o fundo
   termina em fade (não em linha de corte). Abaixo de 700px o
   menu vira gaveta (menu-d.js). Vale nas quatro páginas D.
   ------------------------------------------------------------ */
.topo:not([data-de] *){
  position:sticky;top:0;z-index:40;
  background:var(--osso);
  border-bottom:1px solid var(--linha);
}
.topo:not([data-de] *)::after{
  content:"";
  position:absolute;left:0;right:0;top:100%;
  height:22px;pointer-events:none;
  background:linear-gradient(to bottom,var(--osso),rgba(245,243,238,0));
}
.topo-in:not([data-de] *){
  display:flex;align-items:center;gap:10px;
  min-height:var(--alt-topo);justify-content:space-between;
}
.marca:not([data-de] *){display:flex;align-items:center;gap:10px;text-decoration:none;min-width:0;min-height:44px;padding-right:4px}
.marca img:not([data-de] *){width:26px;height:26px;flex:none}
.marca b:not([data-de] *){font-family:var(--serif);font-weight:600;font-size:1.08rem;letter-spacing:.01em;white-space:nowrap}
.marca .sub:not([data-de] *){display:none}
.navtopo:not([data-de] *){display:none;align-items:center;gap:0;flex:0 1 auto;min-width:0;overflow:hidden}
.navtopo a:not([data-de] *){
  display:flex;align-items:center;justify-content:center;
  min-height:44px;min-width:44px;padding:0 7px;
  font-family:var(--mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;
  color:var(--tinta-2);text-decoration:none;border-bottom:2px solid transparent;
  white-space:nowrap;
}
.navtopo a[aria-current]:not([data-de] *){color:var(--tinta);border-bottom-color:var(--dourado)}
.navtopo a:hover:not([data-de] *){color:var(--tinta)}

/* botão hambúrguer — só abaixo de 700px */
.hamb:not([data-de] *){
  display:inline-flex;align-items:center;gap:9px;
  min-height:44px;min-width:44px;padding:0 12px;
  background:none;border:1px solid var(--linha-2);border-radius:2px;
  color:var(--tinta-2);cursor:pointer;
  font-family:var(--mono);font-size:.7rem;font-weight:500;
  letter-spacing:.12em;text-transform:uppercase;
}
.hamb:hover:not([data-de] *){border-color:var(--dourado-forte);color:var(--tinta)}
.hamb-barras:not([data-de] *){display:block;position:relative;width:17px;height:12px;flex:none}
.hamb-barras i:not([data-de] *){
  position:absolute;left:0;right:0;height:2px;background:currentColor;
  transition:transform .18s ease,opacity .18s ease;
}
.hamb-barras i:nth-child(1):not([data-de] *){top:0}
.hamb-barras i:nth-child(2):not([data-de] *){top:5px}
.hamb-barras i:nth-child(3):not([data-de] *){top:10px}
.hamb[aria-expanded="true"]:not([data-de] *){border-color:var(--dourado-forte);color:var(--tinta)}
.hamb[aria-expanded="true"] .hamb-barras i:nth-child(1):not([data-de] *){transform:translateY(5px) rotate(45deg)}
.hamb[aria-expanded="true"] .hamb-barras i:nth-child(2):not([data-de] *){opacity:0}
.hamb[aria-expanded="true"] .hamb-barras i:nth-child(3):not([data-de] *){transform:translateY(-5px) rotate(-45deg)}

/* a gaveta */
.gaveta:not([data-de] *){
  position:fixed;left:0;right:0;
  top:calc(var(--alt-topo) + 1px);bottom:0;
  background:rgba(10,22,32,.5);
  z-index:39;
}
.gaveta-in:not([data-de] *){
  background:var(--osso);
  border-bottom:2px solid var(--dourado);
  padding-top:4px;padding-bottom:12px;
  max-height:100%;overflow-y:auto;
  display:flex;flex-direction:column;
}
.gaveta-in a:not([data-de] *){
  display:flex;align-items:center;min-height:48px;
  color:var(--tinta);text-decoration:none;
  border-bottom:1px solid var(--linha);
  font-family:var(--mono);font-size:.78rem;letter-spacing:.09em;text-transform:uppercase;
}
.gaveta-in a:last-child:not([data-de] *){border-bottom:0}
.gaveta-in a:hover:not([data-de] *){color:var(--dourado-forte)}
.gaveta-in a[aria-current]:not([data-de] *){box-shadow:inset 3px 0 0 var(--dourado);padding-left:12px}
.gaveta-escrever:not([data-de] *){color:var(--dourado-forte) !important;font-weight:500}
@media (min-width:700px){
.navtopo:not([data-de] *){display:flex}
.hamb:not([data-de] *){display:none}
.gaveta:not([data-de] *){display:none !important}
}

@media (min-width:900px){
.navtopo a:not([data-de] *){font-size:.72rem;padding:0 10px} }


/* ------------------------------------------------------------
   FECHO PADRÃO DAS PÁGINAS INTERNAS (botões e e-mail)
   ------------------------------------------------------------ */
.ctas:not([data-de] *){display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.cta:not([data-de] *){
  display:inline-flex;align-items:center;justify-content:center;
  min-height:52px;padding:0 22px;
  background:var(--dourado);color:var(--navy);
  text-decoration:none;font-weight:600;font-size:1rem;border:1px solid var(--dourado);
}
.cta.secundario:not([data-de] *){background:transparent;color:var(--osso);border-color:var(--osso)}
.cta:hover:not([data-de] *){background:var(--osso);color:var(--navy);border-color:var(--osso)}
.email:not([data-de] *){font-family:var(--mono);font-size:.9rem;margin-top:16px;color:var(--prata);word-break:break-all}

/* ------------------------------------------------------------
   RODAPÉ — links em coluna, agrupados, e a última linha com os
   dados da empresa. Igual nas quatro páginas.
   ------------------------------------------------------------ */
footer.rodape:not([data-de] *){background:var(--navy);color:var(--prata);padding:42px 0 34px;border-top:2px solid var(--dourado)}
footer.rodape .marca-rod:not([data-de] *){display:flex;align-items:center;gap:12px;margin-bottom:24px}
footer.rodape .marca-rod img:not([data-de] *){width:34px;height:34px}
footer.rodape .marca-rod b:not([data-de] *){font-family:var(--serif);font-size:1.15rem;color:var(--osso);font-weight:600}
.grupos-rod:not([data-de] *){display:grid;grid-template-columns:1fr;gap:26px}
.grupos-rod h2:not([data-de] *){
  font-family:var(--mono);font-size:10.5px;font-weight:600;
  letter-spacing:.16em;text-transform:uppercase;color:var(--dourado);
  margin:0 0 4px;
}
.grupos-rod ul:not([data-de] *){display:flex;flex-direction:column}
.grupos-rod a:not([data-de] *){
  display:flex;align-items:center;min-height:44px;
  font-size:.95rem;color:var(--osso);text-decoration:none;
  border-bottom:1px solid transparent;width:fit-content;max-width:100%;
}
.grupos-rod a:hover:not([data-de] *){border-bottom-color:var(--dourado)}
.dados-empresa:not([data-de] *){
  margin-top:30px;padding-top:20px;border-top:1px solid var(--linha-escura);
  font-size:.88rem;line-height:1.6;color:var(--prata);
}
.dados-empresa b:not([data-de] *){color:var(--osso)}
.aviso-rod:not([data-de] *){margin-top:14px;font-size:.86rem;color:var(--prata);max-width:70ch}

/* ------------------------------------------------------------
   PÁGINAS DE CLÁUSULA — prazo-e-garantia.html e
   quando-nao-contratar.html
   ------------------------------------------------------------ */
.capa:not([data-de] *){background:var(--navy);color:var(--osso);padding:44px 0 46px;position:relative;overflow:clip}
.capa h1:not([data-de] *){font-size:clamp(2rem,8.6vw,3.2rem);max-width:18ch;position:relative}
.capa .sub:not([data-de] *){margin:18px 0 0;max-width:60ch;color:var(--prata);font-size:1.05rem;position:relative}
.capa .eyebrow:not([data-de] *){color:var(--dourado)}
.migalha:not([data-de] *){
  display:inline-flex;align-items:center;min-height:44px;
  font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--osso);text-decoration:none;border-bottom:1px solid var(--dourado);margin-bottom:14px;
}
.clausula:not([data-de] *){padding:46px 0}
.clausula + .clausula:not([data-de] *){border-top:1px solid var(--linha)}
.clausula .num-c:not([data-de] *){
  display:block;font-family:var(--mono);font-size:2.4rem;font-weight:600;
  color:var(--linha-2);line-height:1;margin-bottom:10px;
}
.clausula h2:not([data-de] *){font-size:clamp(1.7rem,7vw,2.4rem);max-width:20ch}
.clausula .intro:not([data-de] *){margin-top:18px;max-width:66ch;color:var(--tinta-2);font-size:1.05rem}
ol.lista:not([data-de] *){margin:28px 0 0;padding:0;list-style:none;display:grid;gap:24px}
ol.lista > li:not([data-de] *){padding-left:0}
ol.lista h3:not([data-de] *){
  font-family:var(--sans);font-weight:600;font-size:1.08rem;line-height:1.35;
  display:flex;gap:10px;align-items:baseline;
}
ol.lista h3 .n:not([data-de] *){
  font-family:var(--mono);font-size:.88rem;font-weight:600;
  font-variant-numeric:tabular-nums;color:var(--dourado-forte);flex:none;
}
ol.lista p:not([data-de] *){margin:7px 0 0;color:var(--tinta-2);font-size:1rem;max-width:64ch;padding-left:0}
.regra-forte:not([data-de] *){
  margin-top:30px;padding:18px 16px;
  border-left:3px solid var(--dourado);background:rgba(198,162,82,.09);
  font-size:1rem;color:var(--tinta-2);
}
.regra-forte b:not([data-de] *){color:var(--tinta)}
ol.lista.recusas > li:not([data-de] *){padding-left:14px;border-left:2px dashed var(--terra)}
ol.lista.recusas h3 .n:not([data-de] *){color:var(--terra)}
.arremate:not([data-de] *){
  margin-top:34px;padding-top:22px;border-top:2px solid var(--navy);
  font-family:var(--serif);font-weight:600;font-size:clamp(1.35rem,5.4vw,1.85rem);
  line-height:1.25;color:var(--tinta);max-width:26ch;
}

/* ------------------------------------------------------------
   PÁGINA DE LEITURA CORRIDA — quem-somos.html
   ------------------------------------------------------------ */
.leitura:not([data-de] *){padding:44px 0}
.leitura + .leitura:not([data-de] *){border-top:1px solid var(--linha)}
.leitura .col:not([data-de] *){max-width:54ch}
.leitura h2:not([data-de] *){font-size:clamp(1.6rem,6.6vw,2.25rem);max-width:18ch}
.leitura .col p:not([data-de] *){
  margin:0 0 1.05em;
  font-size:1.02rem;line-height:1.65;color:var(--tinta-2);
}
.leitura .col p:last-child:not([data-de] *){margin-bottom:0}
.leitura .col p strong:not([data-de] *), .leitura .col p b:not([data-de] *){color:var(--tinta);font-weight:600}
.leitura .col > p:first-of-type:not([data-de] *){
  font-size:1.06rem;line-height:1.58;color:var(--tinta);
}
.leitura .marcador:not([data-de] *){
  display:block;font-family:var(--mono);font-size:2.4rem;font-weight:600;
  color:var(--linha-2);line-height:1;margin-bottom:10px;
}
.fecho.claro:not([data-de] *){background:var(--navy);color:var(--osso)}
.fecho .resp:not([data-de] *){margin-top:20px;max-width:62ch;color:var(--prata)}
.fecho .col-resp:not([data-de] *){max-width:54ch;margin-top:20px}
.fecho .col-resp p:not([data-de] *){color:var(--prata);margin:0 0 1.05em}
.fecho .col-resp p:last-child:not([data-de] *){margin-bottom:0}
.fecho .col-resp strong:not([data-de] *), .fecho .col-resp b:not([data-de] *){color:var(--osso);font-weight:600}

/* breakpoints do chrome e das páginas internas */
@media (min-width:560px){
:root{--pad:28px}
section:not([data-de] *){padding:64px 0}
}

@media (min-width:760px){
:root{--pad:36px}
}

@media (min-width:720px){
ol.lista:not([data-de] *){grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 34px}
.grupos-rod:not([data-de] *){grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
}

@media (min-width:960px){
ol.lista:not([data-de] *){grid-template-columns:repeat(3,minmax(0,1fr))}
}


/* ============================================================
   3. BLOCOS VINDOS DA C — v-c.html
   EXTRAÍDO MECANICAMENTE por .verif/extract.js: toda regra da
   folha da C que casa com algum elemento realmente presente no
   bloco [data-de="c"] da v-d.html (estado fechado E aberto), em
   ordem de origem, prefixada. Inclui contêiner (.wrap), grade,
   espaçamento, tipografia, bordas, estados e os tokens :root da
   C aplicados ao próprio contêiner. Não editar à mão.
   ============================================================ */
[data-de="c"]{--navy: #0A1620; --navy-2: #0F202C; --prata: #C7B9A8; --dourado: #C6A252; --dourado-esc: #7A6216; --osso: #F5F3EE; --tinta: #14212B; --tinta-2: #4C5A66; --linha-clara: #DCD6CA; --linha-escura: #22323F; --serif: "EB Garamond",Georgia,"Times New Roman",serif; --sans: Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif; --mono: "IBM Plex Mono",ui-monospace,"SFMono-Regular",Consolas,monospace; --pad: 20px; --max: 1120px;}
[data-de="c"] *, [data-de="c"] ::before, [data-de="c"] ::after{box-sizing: border-box;}
[data-de="c"]{text-size-adjust: 100%; scroll-behavior: smooth;}
[data-de="c"]{margin: 0px; background: var(--osso); color: var(--tinta); font-family: var(--sans); font-size: 17px; line-height: 1.65; overflow-wrap: break-word;}
[data-de="c"] img{max-width: 100%; height: auto; display: block;}
[data-de="c"] a{color: inherit;}
[data-de="c"] h1, [data-de="c"] h2, [data-de="c"] h3{margin: 0px; font-family: var(--serif); font-weight: 600; line-height: 1.12; letter-spacing: 0.002em;}
[data-de="c"] p{margin: 0px 0px 1.05em;}
[data-de="c"] p:last-child{margin-bottom: 0px;}
[data-de="c"] .wrap{width: 100%; max-width: var(--max); margin: 0px auto; padding-left: var(--pad); padding-right: var(--pad);}
[data-de="c"] .mono{font-family: var(--mono); font-size: 0.72rem; letter-spacing: 0.14em; text-transform: uppercase;}
[data-de="c"] :focus-visible{outline: 3px solid var(--dourado); outline-offset: 3px; border-radius: 2px;}
[data-de="c"] section{padding: 56px 0px;}
[data-de="c"] .sec-clara{background: var(--osso); color: var(--tinta);}
[data-de="c"] .sec-clara .mono{color: var(--dourado-esc);}
[data-de="c"] [id]{scroll-margin-top: 78px;}
[data-de="c"] :target{outline: none;}
[data-de="c"] .heroi{position: relative; overflow: clip; padding-top: 44px; padding-bottom: 8px;}
[data-de="c"] .brasao-agua{position: absolute; right: -40px; top: -10px; width: 300px; opacity: 0.16; pointer-events: none; mask-image: radial-gradient(closest-side, rgb(0, 0, 0) 28%, transparent 78%);}
[data-de="c"] .heroi h1{font-size: clamp(2rem, 9vw, 3.5rem); max-width: 16ch;}
[data-de="c"] .heroi .sub{font-family: var(--sans); font-weight: 500; font-size: clamp(1.05rem, 4.2vw, 1.35rem); line-height: 1.35; color: var(--tinta-2); margin: 14px 0px 0px; max-width: 34ch;}
[data-de="c"] .heroi .lead{margin-top: 22px; max-width: 60ch; color: var(--tinta);}
[data-de="c"] .fio{height: 1px; background: var(--linha-clara); border: 0px; margin: 32px 0px;}
[data-de="c"] .triagem{margin-top: 8px; border-top: 1px solid var(--linha-clara);}
[data-de="c"] .tri{display: block; text-decoration: none; color: inherit; border-bottom: 1px solid var(--linha-clara); padding: 26px 0px;}
[data-de="c"] .tri-num{display: block; color: var(--dourado-esc); margin-bottom: 10px;}
[data-de="c"] .fala{font-family: var(--serif); font-style: italic; font-weight: 400; font-size: clamp(1.7rem, 8.2vw, 2.7rem); line-height: 1.14; color: var(--tinta); margin: 0px; border-left: 2px solid var(--dourado); padding-left: 16px;}
[data-de="c"] .tri-resp{margin-top: 14px; color: var(--tinta-2); font-size: 1rem;}
[data-de="c"] .tri-ir{display: inline-flex; align-items: center; gap: 8px; margin-top: 14px; min-height: 44px; font-family: var(--mono); font-size: 0.74rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tinta); border-bottom: 1px solid var(--dourado);}
[data-de="c"] .tri:hover .tri-ir{color: var(--dourado-esc);}
[data-de="c"] .regra{margin-top: 28px; padding: 18px 0px 0px; border-top: 2px solid var(--dourado); font-size: 0.98rem; color: var(--tinta-2); max-width: 70ch;}
[data-de="c"] .consulta{display: grid; grid-template-columns: 1fr; gap: 22px; align-items: start;}
[data-de="c"] .consulta .fala{font-size: clamp(1.85rem, 8.6vw, 3rem);}
[data-de="c"] .diag{border-left: 2px solid var(--linha-escura); padding-left: 16px;}
[data-de="c"] .sec-clara .diag{border-left-color: var(--linha-clara);}
[data-de="c"] .diag .rot{display: block; margin-bottom: 8px;}
[data-de="c"] .sec-clara .diag p{color: var(--tinta-2);}
[data-de="c"] .notas{margin-top: 34px; display: grid; gap: 22px;}
[data-de="c"] .nota h3{font-size: 1.3rem; margin-bottom: 8px;}
[data-de="c"] .nota p{font-size: 0.98rem; color: var(--tinta-2);}
[data-de="c"] .cta{display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0px 24px; margin-top: 18px; background: var(--navy); color: var(--osso); text-decoration: none; font-weight: 600; font-size: 1rem;}
[data-de="c"] .cta.secundario{background: transparent; color: var(--tinta); border: 1px solid var(--tinta);}
[data-de="c"] .ctas{display: flex; flex-wrap: wrap; gap: 12px;}
[data-de="c"] .email{font-family: var(--mono); font-size: 0.9rem; word-break: break-all;}
@media (min-width: 560px){
  [data-de="c"]{--pad: 28px;}
  [data-de="c"] section{padding: 68px 0px;}
  [data-de="c"] .notas{grid-template-columns: 1fr 1fr;}
}
@media (min-width: 760px){
  [data-de="c"]{--pad: 36px;}
  [data-de="c"]{font-size: 18px;}
  [data-de="c"] .brasao-agua{width: 400px; right: -30px;}
  [data-de="c"] .tri{display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 28px; align-items: start; padding: 32px 0px;}
  [data-de="c"] .tri-num{grid-column: 1 / -1;}
  [data-de="c"] .tri-resp{margin-top: 0px;}
  [data-de="c"] .consulta{grid-template-columns: 1.05fr 0.95fr; gap: 34px;}
  [data-de="c"] .notas{grid-template-columns: repeat(3, 1fr);}
}
@media (min-width: 1024px){
  [data-de="c"] section{padding: 88px 0px;}
  [data-de="c"] .heroi{padding-top: 64px;}
  [data-de="c"] .brasao-agua{width: 460px; right: 0px; top: -20px;}
}
@media (prefers-reduced-motion: reduce){
  [data-de="c"]{scroll-behavior: auto;}
  [data-de="c"] *, [data-de="c"] ::before, [data-de="c"] ::after{animation-duration: 0.001ms !important; transition-duration: 0.001ms !important;}
}

/* ------------------------------------------------------------
   AJUSTE r2 DA D (o único desta seção): o bloco dos quatro
   sintomas fica mais compacto. Só espaçamento — padding do
   cartão, respiro do rótulo, da resposta e do "ver os ...".
   NADA de tamanho, peso ou família de fonte: o cliente aprovou
   as letras como estão, e .fala / .tri-resp / .tri-ir seguem
   com a tipografia extraída da v-c.html, intocada.
   ------------------------------------------------------------ */
[data-de="c"] .tri{padding:14px 0}
[data-de="c"] .tri-num{margin-bottom:4px}
[data-de="c"] .tri-resp{margin-top:8px}
[data-de="c"] .tri-ir{margin-top:6px;min-height:34px}

@media (min-width:760px){
  [data-de="c"] .tri{padding:18px 0;gap:24px}
  [data-de="c"] .tri-resp{margin-top:0}
}

/* ============================================================
   4. BLOCOS VINDOS DA A — v-a.html  (extraído mecanicamente)
   ============================================================ */
[data-de="a"]{--navy: #0A1620; --navy-2: #0F202C; --prata: #C7B9A8; --dourado: #C6A252; --osso: #F5F3EE; --dourado-forte: #7A5E12; --tinta: #0A1620; --tinta-2: #3F4C56; --tinta-3: #55636D; --terra: #7C3A17; --linha: #DCD6CA; --linha-2: #C9C1B2; --mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, monospace; --serif: 'EB Garamond', Georgia, 'Times New Roman', serif; --sans: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; --pad: 20px; --max: 1120px;}
[data-de="a"] *, [data-de="a"] ::before, [data-de="a"] ::after{box-sizing: border-box;}
[data-de="a"]{text-size-adjust: 100%;}
[data-de="a"]{margin: 0px; background: var(--osso); color: var(--tinta); font-family: var(--sans); font-size: 17px; line-height: 1.6; font-feature-settings: "kern"; -webkit-font-smoothing: antialiased;}
[data-de="a"] p{margin: 0px 0px 1em;}
[data-de="a"] p:last-child{margin-bottom: 0px;}
[data-de="a"] a{color: inherit;}
[data-de="a"] :focus-visible{outline: 2px solid var(--dourado-forte); outline-offset: 3px; border-radius: 2px;}
[data-de="a"] .wrap{width: 100%; max-width: var(--max); margin: 0px auto; padding-left: var(--pad); padding-right: var(--pad);}
[data-de="a"] .mono{font-family: var(--mono); font-variant-numeric: tabular-nums; font-feature-settings: "tnum";}
[data-de="a"] .eyebrow{font-family: var(--mono); font-size: 11.5px; font-weight: 500; letter-spacing: 0.16em; text-transform: uppercase; color: var(--tinta-3); margin: 0px 0px 14px; overflow-wrap: anywhere;}
[data-de="a"] .sumario{display: flex; flex-wrap: wrap; gap: 0px 22px; margin: 16px 0px 0px; padding: 0px; list-style: none;}
[data-de="a"] .sumario a{font-family: var(--mono); font-size: 12px; letter-spacing: 0.09em; text-transform: uppercase; color: var(--tinta-2); text-decoration: none; display: inline-flex; align-items: center; min-height: 44px; border-bottom: 1px solid var(--linha-2);}
[data-de="a"] .sumario a:hover{color: var(--tinta); border-bottom-color: var(--dourado);}
[data-de="a"] .sumario .n{color: var(--dourado-forte); margin-right: 7px;}
[data-de="a"] .notas{margin: 26px 0px 0px; border-top: 2px solid var(--navy); border-bottom: 1px solid var(--linha); padding: 22px 0px 20px;}
[data-de="a"] .nota{display: grid; grid-template-columns: minmax(0px, 1fr); gap: 5px 14px; align-items: start; padding: 0px 0px 20px;}
@media (min-width: 560px){
  [data-de="a"] .nota{grid-template-columns: auto minmax(0px, 1fr); gap: 0px 16px;}
}
[data-de="a"] .nota:last-of-type{padding-bottom: 0px;}
[data-de="a"] .nota dt{font-family: var(--mono); font-size: 11px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--dourado-forte); white-space: nowrap; padding-top: 4px;}
[data-de="a"] .nota dd{margin: 0px; font-size: 15.5px; line-height: 1.6; color: var(--tinta-2);}
[data-de="a"] .nota dd b{color: var(--tinta); font-weight: 600;}
[data-de="a"] .barra-tabela{display: flex; flex-wrap: wrap; gap: 10px 16px; align-items: center; justify-content: space-between; padding: 14px 0px 0px;}
[data-de="a"] .barra-tabela p{margin: 0px; font-family: var(--mono); font-size: 11px; letter-spacing: 0.13em; text-transform: uppercase; color: var(--tinta-3);}
[data-de="a"] .faixa{background: var(--navy); color: var(--osso); border-top: 2px solid var(--dourado); margin-top: 52px;}
[data-de="a"] .faixa .wrap{padding-top: 20px; padding-bottom: 20px; display: flex; flex-wrap: wrap; gap: 6px 20px; align-items: baseline;}
[data-de="a"] .faixa h2{font-family: var(--serif); font-weight: 600; font-size: 27px; line-height: 1.15; margin: 0px; letter-spacing: 0.005em;}
[data-de="a"] .faixa .qtd{font-family: var(--mono); font-size: 11px; font-weight: 500; letter-spacing: 0.15em; text-transform: uppercase; color: var(--dourado);}
[data-de="a"] .faixa .def{flex: 1 1 100%; margin: 2px 0px 0px; font-size: 15px; color: var(--prata); line-height: 1.5;}
[data-de="a"] [hidden]{display: none !important;}
[data-de="a"] .tab-envolve{padding-top: 2px;}
[data-de="a"] table.hon{width: 100%; margin: 0px; border: 0px;}
[data-de="a"] table.hon caption{display: block; caption-side: top; text-align: left; overflow-wrap: anywhere;}
[data-de="a"] table.hon, [data-de="a"] table.hon thead, [data-de="a"] table.hon tbody, [data-de="a"] table.hon tr, [data-de="a"] table.hon th, [data-de="a"] table.hon td{display: block; width: auto; padding: 0px; margin: 0px; text-align: left;}
[data-de="a"] table.hon thead{position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0px;}
[data-de="a"] tr.lin{border-bottom: 1px solid var(--linha); padding: 6px 0px 22px;}
[data-de="a"] td[data-r]::before{content: attr(data-r); display: block; font-family: var(--mono); font-size: 10.5px; font-weight: 500; letter-spacing: 0.15em; text-transform: uppercase; color: var(--tinta-3); margin: 16px 0px 3px;}
[data-de="a"] .tg{display: flex; align-items: baseline; gap: 12px; width: 100%; min-height: 44px; background: none; border: 0px; padding: 14px 0px 4px; margin: 0px; font: inherit; color: inherit; text-align: left; cursor: pointer;}
[data-de="a"] .tg .num{font-family: var(--mono); font-size: 12.5px; font-weight: 600; font-variant-numeric: tabular-nums; color: var(--dourado-forte); letter-spacing: 0.05em; flex: 0 0 auto; padding-top: 4px;}
[data-de="a"] .tg .nome{font-family: var(--serif); font-weight: 600; font-size: clamp(21px, 5.2vw, 25px); line-height: 1.14; letter-spacing: -0.004em; flex: 1 1 auto; min-width: 0px; overflow-wrap: break-word;}
[data-de="a"] .tg .chev{flex: 0 0 auto; width: 13px; height: 13px; border-right: 1.5px solid var(--tinta-3); border-bottom: 1.5px solid var(--tinta-3); transform: rotate(45deg); margin-left: auto; align-self: center; transition: transform 0.18s;}
[data-de="a"] .tg[aria-expanded="true"] .chev{transform: rotate(-135deg); border-color: var(--dourado-forte);}
[data-de="a"] tr.lin:hover .tg .nome{color: var(--dourado-forte);}
[data-de="a"] .desc{display: block; margin: 0px 0px 10px; padding-left: 31px; font-size: 16px; line-height: 1.5; color: var(--tinta-2); overflow-wrap: break-word;}
[data-de="a"] .nao-linha{display: block; margin: 0px 0px 0px 31px; padding: 2px 0px 2px 12px; border-left: 2px dashed var(--terra); font-size: 15px; line-height: 1.5; color: var(--terra); overflow-wrap: break-word;}
[data-de="a"] .nao-linha b{font-family: var(--mono); font-size: 10.5px; font-weight: 600; letter-spacing: 0.13em; text-transform: uppercase; display: block; margin-bottom: 1px;}
[data-de="a"] .prazo{font-family: var(--mono); font-size: 14.5px; font-variant-numeric: tabular-nums; color: var(--tinta-2); letter-spacing: 0.01em;}
[data-de="a"] .val{display: block; font-family: var(--mono); font-size: 17px; font-weight: 600; font-variant-numeric: tabular-nums; font-feature-settings: "tnum"; color: var(--dourado-forte); letter-spacing: -0.01em; white-space: nowrap;}
[data-de="a"] .val-2{display: block; margin-top: 3px; font-family: var(--mono); font-size: 12px; font-variant-numeric: tabular-nums; color: var(--tinta-3);}
[data-de="a"] tr.det > td{padding: 0px;}
[data-de="a"] .pan{padding: 4px 0px 30px; margin-left: 0px; border-top: 1px solid var(--linha);}
[data-de="a"] .pan h3{font-family: var(--mono); font-size: 10.5px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: var(--tinta-3); margin: 24px 0px 10px;}
[data-de="a"] .pan h3:first-child{margin-top: 20px;}
[data-de="a"] ol.passos{margin: 0px; padding: 0px; list-style: none; counter-reset: p 0;}
[data-de="a"] ol.passos li{counter-increment: p 1; display: grid; grid-template-columns: auto minmax(0px, 1fr); gap: 2px 12px; padding: 0px 0px 13px;}
[data-de="a"] ol.passos li::before{content: counter(p, decimal-leading-zero); grid-area: 1 / 1 / span 2; font-family: var(--mono); font-size: 11.5px; font-weight: 600; font-variant-numeric: tabular-nums; color: var(--dourado-forte); padding-top: 4px;}
[data-de="a"] ol.passos b{grid-area: 1 / 2; font-weight: 600; font-size: 16px; color: var(--tinta); line-height: 1.35;}
[data-de="a"] ol.passos span{grid-area: 2 / 2; font-size: 15px; color: var(--tinta-2); line-height: 1.5;}
[data-de="a"] ul.recebe{margin: 0px; padding: 0px; list-style: none;}
[data-de="a"] ul.recebe li{position: relative; padding: 0px 0px 8px 20px; font-size: 15.5px; line-height: 1.5; color: var(--tinta-2);}
[data-de="a"] ul.recebe li::before{content: "—"; position: absolute; left: 0px; top: 0px; color: var(--dourado-forte); font-family: var(--mono); font-size: 13px;}
[data-de="a"] .cx-garantia{border-left: 3px solid var(--dourado); background: rgba(198, 162, 82, 0.09); padding: 14px 16px; margin: 0px;}
[data-de="a"] .cx-garantia p{font-size: 15px; line-height: 1.55; color: var(--tinta-2);}
[data-de="a"] .cx-garantia .rot{font-family: var(--mono); font-size: 10.5px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: var(--dourado-forte); display: block; margin-bottom: 6px;}
[data-de="a"] .cx-nao{border: 1px dashed var(--terra); padding: 14px 16px; margin: 0px;}
[data-de="a"] .cx-nao p{font-size: 15px; line-height: 1.55; color: var(--terra);}
[data-de="a"] .cx-nao .rot{font-family: var(--mono); font-size: 10.5px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: var(--terra); display: block; margin-bottom: 6px;}
[data-de="a"] .p-quem{font-size: 14.5px; line-height: 1.5; color: var(--tinta-3); border-top: 1px solid var(--linha); padding-top: 12px; margin: 0px;}
[data-de="a"] .p-quem b{font-family: var(--mono); font-size: 10.5px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: var(--tinta-3); display: block; margin-bottom: 4px;}
[data-de="a"] ul.leitura{margin: 0px; padding: 0px; list-style: none;}
[data-de="a"] ul.leitura li{display: grid; grid-template-columns: auto 1fr; gap: 0px 11px; padding: 0px 0px 10px; align-items: start;}
[data-de="a"] .lente{font-family: var(--mono); font-size: 10px; font-weight: 600; letter-spacing: 0.06em; border: 1px solid var(--linha-2); color: var(--tinta-3); width: 22px; height: 22px; display: inline-flex; align-items: center; justify-content: center; border-radius: 2px; margin-top: 2px;}
[data-de="a"] .lente[data-l="G"]{border-color: var(--dourado); color: var(--dourado-forte);}
[data-de="a"] .lente[data-l="J"]{border-color: var(--terra); color: var(--terra);}
[data-de="a"] .lente[data-l="P"]{border-color: var(--tinta-3); color: var(--tinta-2);}
[data-de="a"] ul.leitura .tit{font-size: 15px; line-height: 1.42; color: var(--tinta-2); overflow-wrap: break-word;}
[data-de="a"] .leitura-nota{font-family: var(--mono); font-size: 11px; letter-spacing: 0.08em; color: var(--tinta-3); margin: 4px 0px 0px; text-transform: uppercase;}
[data-de="a"] .pan > *{animation: 0.22s ease 0s 1 normal both running sobe;}
@keyframes sobe { 
  0% { opacity: 0; transform: translateY(5px); }
  100% { opacity: 1; transform: none; }
}
@media (min-width: 720px){
  [data-de="a"]{--pad: 32px;}
  [data-de="a"] table.hon{display: table; table-layout: fixed; border-collapse: collapse;}
  [data-de="a"] table.hon caption{display: table-caption;}
  [data-de="a"] table.hon thead{display: table-header-group; position: static; width: auto; height: auto; margin: 0px; overflow: visible; clip-path: none;}
  [data-de="a"] table.hon tbody{display: table-row-group;}
  [data-de="a"] table.hon tr{display: table-row;}
  [data-de="a"] table.hon th, [data-de="a"] table.hon td{display: table-cell; vertical-align: top;}
  [data-de="a"] table.hon thead th{font-family: var(--mono); font-size: 10.5px; font-weight: 600; letter-spacing: 0.16em; text-transform: uppercase; color: var(--tinta-3); padding: 12px 0px 9px; border-bottom: 1px solid var(--dourado); white-space: nowrap;}
  [data-de="a"] table.hon thead th.th-inv, [data-de="a"] table.hon thead th.th-prazo{text-align: right; padding-left: 16px;}
  [data-de="a"] tr.lin{border-bottom: 1px solid var(--linha); padding: 0px;}
  [data-de="a"] tr.lin > td{padding: 16px 0px 20px;}
  [data-de="a"] td[data-r]::before{display: none;}
  [data-de="a"] td.c-prazo, [data-de="a"] td.c-inv{text-align: right; padding-left: 16px !important;}
  [data-de="a"] td.c-inv{border-left: 1px solid rgba(198, 162, 82, 0.42);}
  [data-de="a"] td.c-prazo, [data-de="a"] td.c-inv{padding-top: 26px !important;}
  [data-de="a"] .tg{padding-top: 2px; justify-content: flex-start;}
  [data-de="a"] .tg .nome{flex: 0 1 auto;}
  [data-de="a"] .tg .chev{margin-left: 16px; width: 11px; height: 11px;}
  [data-de="a"] .desc, [data-de="a"] .nao-linha{margin-left: 31px;}
  [data-de="a"] .desc{padding-left: 0px; max-width: 56ch;}
  [data-de="a"] .nao-linha{max-width: 56ch;}
  [data-de="a"] .val{font-size: 18px;}
  [data-de="a"] .prazo{font-size: 15px;}
  [data-de="a"] tr.det > td{padding: 0px;}
  [data-de="a"] .pan{padding: 0px 0px 34px; border-top: 0px;}
  [data-de="a"] .pan h3:first-child{margin-top: 6px;}
}
@media (min-width: 900px){
  [data-de="a"] .pan{display: grid; grid-template-columns: minmax(0px, 1.1fr) minmax(0px, 1fr); gap: 0px 48px; padding-left: 31px;}
  [data-de="a"] .pan .col-a, [data-de="a"] .pan .col-b{min-width: 0px;}
  [data-de="a"] .pan .col-b > * + *{margin-top: 18px;}
  [data-de="a"] .nota{grid-template-columns: 120px 1fr; gap: 0px 24px;}
}
@media (prefers-reduced-motion: reduce){
  [data-de="a"] *, [data-de="a"] ::before, [data-de="a"] ::after{animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; scroll-behavior: auto !important;}
  [data-de="a"] .pan > *{animation: auto ease 0s 1 normal none running none;}
}
@media print{
  [data-de="a"] .sumario{display: none;}
  [data-de="a"] tr.det[hidden]{display: table-row !important;}
  [data-de="a"] .faixa{background: rgb(255, 255, 255); color: rgb(0, 0, 0); border-color: rgb(0, 0, 0);}
  [data-de="a"] .faixa h2{color: rgb(0, 0, 0);}
  [data-de="a"] .faixa .def{color: rgb(51, 51, 51);}
  [data-de="a"]{font-size: 11pt;}
}

/* ------------------------------------------------------------
   ADIÇÕES DA D NESTA SEÇÃO (as únicas).

   (i) A regra de largura que existia aqui foi REMOVIDA no r2.
       Ela compensava a ausência da coluna "Investimento": com
       duas colunas a tabela encolhia para 766px e lia como
       truncada, e um width:100% acima de 720px devolvia a
       largura da coluna de conteúdo. Com a terceira coluna de
       volta a tabela volta a se dimensionar como a da v-a.html,
       e a compensação deixou de ter razão de existir.

   (ii) Os 27 títulos de "Leitura relacionada" viram links. O
       estado de repouso é idêntico ao da origem — mesma cor,
       mesmo corpo, sem sublinhado; o link se anuncia no hover
       e no foco, com o dourado da própria A.

   (iii) .link-miuda: a letra miúda da Nota 1 saiu da home e foi
       para prazo-e-garantia.html#letra-miuda. No lugar ficou
       este link, no corpo da nota.
   ------------------------------------------------------------ */

[data-de="a"] ul.leitura a.tit{display:block;text-decoration:none;color:var(--tinta-2)}
[data-de="a"] ul.leitura a.tit:hover,
[data-de="a"] ul.leitura a.tit:focus-visible{
  color:var(--dourado-forte);
  text-decoration:underline;
  text-underline-offset:.16em;
  text-decoration-thickness:1px;
}

[data-de="a"] .link-miuda{
  display:inline-block;margin-top:6px;padding:6px 0;
  font-size:14.5px;line-height:1.55;
  color:var(--dourado-forte);
  text-decoration:underline;
  text-underline-offset:.18em;
  text-decoration-thickness:1px;
}
[data-de="a"] .link-miuda:hover,
[data-de="a"] .link-miuda:focus-visible{color:var(--tinta)}

/* ------------------------------------------------------------
   (iv) r3 — .cx-limite: a terceira caixa da coluna direita do
   painel. Os limites de escopo passam a ser publicados no
   painel de cada serviço (05, 06, 07 e 10), e precisavam de um
   lugar próprio: nem o dourado da garantia, nem o tracejado
   terra do "quando não faz sentido". Mesma métrica das outras
   duas — 14px/16px de respiro, rótulo mono de 10.5px, corpo de
   15px — mudando só a cor da borda e do rótulo, para o neutro
   da folha. Vários parágrafos dentro da caixa já ganham
   espaçamento pela regra base [data-de="a"] p.
   ------------------------------------------------------------ */

[data-de="a"] .cx-limite{
  border-left:3px solid var(--linha-2);
  background:rgba(10,22,32,.035);
  padding:14px 16px;
  margin:0;
}
[data-de="a"] .cx-limite p{font-size:15px;line-height:1.55;color:var(--tinta-2)}
[data-de="a"] .cx-limite p b{color:var(--tinta);font-weight:600}
[data-de="a"] .cx-limite .rot{
  font-family:var(--mono);font-size:10.5px;font-weight:600;
  letter-spacing:.16em;text-transform:uppercase;
  color:var(--tinta-3);display:block;margin-bottom:6px;
}

/* ============================================================
   5. BLOCOS VINDOS DA B — v-b.html  (extraído mecanicamente)
   ============================================================ */
[data-de="b"]{--navy: #0A1620; --navy-2: #0F202C; --navy-3: #132A38; --prata: #C7B9A8; --dourado: #C6A252; --dourado-escuro: #8A6A1E; --osso: #F5F3EE; --tinta-2: #384754; --fio: rgba(198,162,82,.30); --fio-fraco: rgba(199,185,168,.18); --serif: "EB Garamond",Georgia,"Times New Roman",serif; --sans: Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif; --mono: "IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; --medida: 53ch; --rail: 3.25rem;}
[data-de="b"] *, [data-de="b"] ::before, [data-de="b"] ::after{box-sizing: border-box;}
[data-de="b"]{text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: 5.5rem;}
[data-de="b"]{margin: 0px; background: var(--navy); color: var(--osso); font-family: var(--sans); font-size: 1.0625rem; line-height: 1.68; font-weight: 400; overflow-wrap: break-word; -webkit-font-smoothing: antialiased;}
[data-de="b"] a{color: inherit;}
[data-de="b"] h2, [data-de="b"] h3{font-family: var(--serif); font-weight: 600; line-height: 1.16; margin: 0px; letter-spacing: 0.004em;}
[data-de="b"] p{margin: 0px 0px 1.05em;}
[data-de="b"] p:last-child{margin-bottom: 0px;}
[data-de="b"] ol{margin: 0px; padding: 0px; list-style: none;}
[data-de="b"] :focus-visible{outline: 2px solid var(--dourado); outline-offset: 3px; border-radius: 2px;}
[data-de="b"] ::selection{background: var(--dourado); color: var(--navy);}
[data-de="b"] .wrap{width: min(100% - 2rem, 74rem); margin-inline: auto;}
[data-de="b"] .eyebrow{font-family: var(--mono); font-size: 0.7rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--dourado); margin: 0px 0px 1rem;}
[data-de="b"] .acoes{display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 1.75rem;}
[data-de="b"] .btn{display: inline-flex; align-items: center; justify-content: center; min-height: 2.9rem; padding: 0.65rem 1.15rem; text-decoration: none; border-radius: 1px; font-family: var(--mono); font-size: 0.78rem; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 500;}
[data-de="b"] .btn-b{border: 1px solid var(--fio); color: var(--osso);}
[data-de="b"] .btn-b:hover{border-color: var(--dourado); color: var(--dourado);}
[data-de="b"] .claro .btn-b{border-color: rgba(56, 71, 84, 0.35); color: var(--navy);}
[data-de="b"] .claro .btn-b:hover{border-color: var(--dourado-escuro); color: var(--dourado-escuro);}
[data-de="b"] .clausula{position: relative; padding: 3.25rem 0px 3.5rem; border-bottom: 1px solid var(--fio-fraco);}
[data-de="b"] .clausula .wrap{position: relative;}
[data-de="b"] .corpo-clausula{position: relative; padding-left: calc(var(--rail) - .5rem);}
[data-de="b"] .corpo-clausula::before{content: ""; position: absolute; left: 0.5rem; top: 0.45rem; bottom: 0px; width: 1px; background: linear-gradient(var(--fio),rgba(198,162,82,.06));}
[data-de="b"] .numero{position: absolute; left: 0px; top: 0px; font-family: var(--mono); font-weight: 500; font-size: 0.98rem; color: var(--dourado); letter-spacing: 0.02em;}
[data-de="b"] .clausula h2{font-size: clamp(1.7rem, 1.25rem + 2vw, 2.6rem); margin: 0px 0px 1rem; max-width: 20ch;}
[data-de="b"] .intro{color: var(--prata); font-size: 1.05rem; max-width: var(--medida);}
[data-de="b"] .intro strong{color: var(--osso); font-weight: 500;}
[data-de="b"] .claro{background: var(--osso); color: var(--navy);}
[data-de="b"] .claro .intro{color: var(--tinta-2);}
[data-de="b"] .claro .intro strong{color: var(--navy);}
[data-de="b"] .claro .numero{color: var(--dourado-escuro);}
[data-de="b"] .claro .eyebrow{color: var(--dourado-escuro);}
[data-de="b"] .claro .corpo-clausula::before{background: linear-gradient(rgba(138, 106, 30, 0.45), rgba(138, 106, 30, 0.08));}
[data-de="b"] .claro{border-bottom: 1px solid rgba(56, 71, 84, 0.2);}
[data-de="b"] #c4{background: var(--navy-2);}
[data-de="b"] .nao{margin-top: 2rem; display: grid; gap: 1px; background: var(--fio-fraco);}
[data-de="b"] .nao > li{background: var(--navy-2); padding: 1.4rem 0px 1.5rem;}
[data-de="b"] .nao h3{font-size: 1.3rem; margin: 0px 0px 0.45rem; color: var(--osso); max-width: 28ch;}
[data-de="b"] .nao h3 .n{display: block; font-family: var(--mono); font-size: 0.74rem; color: var(--dourado); letter-spacing: 0.06em; font-weight: 400; margin-bottom: 0.3rem;}
[data-de="b"] .nao p{color: var(--prata); font-size: 1rem; max-width: 50ch;}
[data-de="b"] .nao-fecho{margin-top: 2.25rem; border-left: 2px solid var(--dourado); padding: 1rem 0px 1rem 1.1rem; font-family: var(--serif); font-size: 1.28rem; line-height: 1.42; max-width: 44ch; color: var(--osso);}
[data-de="b"] .lentes{margin-top: 2.5rem; display: grid; gap: 2.75rem;}
[data-de="b"] .lente-cab{display: flex; align-items: baseline; gap: 0.7rem; border-bottom: 1px solid rgba(56, 71, 84, 0.3); padding-bottom: 0.5rem;}
[data-de="b"] .lente-sig{font-family: var(--mono); font-weight: 500; font-size: 0.8rem; color: var(--osso); background: var(--navy); width: 1.75rem; height: 1.75rem; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; align-self: center; border-radius: 1px;}
[data-de="b"] .lente-cab h3{font-size: 1.24rem;}
[data-de="b"] .lente-cab .qtd{margin-left: auto; font-family: var(--mono); font-size: 0.7rem; color: var(--tinta-2);}
[data-de="b"] .textos{margin-top: 0.35rem;}
[data-de="b"] .textos li{border-bottom: 1px solid rgba(56, 71, 84, 0.16); padding: 0.85rem 0px;}
[data-de="b"] .textos .t{display: block; font-family: var(--serif); font-size: 1.12rem; font-weight: 600; line-height: 1.3; max-width: 58ch;}
[data-de="b"] .textos .s{display: block; font-family: var(--mono); font-size: 0.7rem; letter-spacing: 0.06em; color: var(--tinta-2); margin-top: 0.3rem;}
[data-de="b"] .nota-j{margin-top: 1rem; font-size: 0.95rem; color: var(--tinta-2); border-left: 2px solid var(--dourado-escuro); padding-left: 0.9rem; max-width: 48ch;}
@media (min-width: 35rem){
  [data-de="b"] .nao > li{padding-left: 1.35rem; padding-right: 1.35rem;}
  [data-de="b"] .nao h3 .n{display: inline; margin-bottom: 0px; margin-right: 0.5rem;}
}
@media (min-width: 47.5rem){
  [data-de="b"]{--rail: 5.5rem;}
  [data-de="b"]{font-size: 1.09375rem;}
  [data-de="b"] .numero{font-size: 1.05rem;}
  [data-de="b"] .clausula{padding: 4.5rem 0px 4.75rem;}
  [data-de="b"] .lentes{grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 2rem;}
}
@media (min-width: 62rem){
  [data-de="b"] .corpo-clausula{padding-left: var(--rail);}
  [data-de="b"] .corpo-clausula::before{left: 1.1rem;}
}
@media (prefers-reduced-motion: reduce){
  [data-de="b"]{scroll-behavior: auto;}
  [data-de="b"] *, [data-de="b"] ::before, [data-de="b"] ::after{animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important;}
}

/* ------------------------------------------------------------
   ADIÇÃO DA D (a única desta seção): os 27 títulos viram links.
   A v-b.html §6 lista os títulos como texto morto e por isso não
   tem regra de link para eles. O estado de repouso é idêntico ao
   da origem — mesma serifa, mesma cor, sem sublinhado; o link só
   se anuncia no hover e no foco, com o dourado da própria B.
   ------------------------------------------------------------ */
[data-de="b"] .textos .link-texto{display:block;color:inherit;text-decoration:none}
[data-de="b"] .textos .link-texto:hover .t,
[data-de="b"] .textos .link-texto:focus-visible .t{
  color:var(--dourado-escuro);
  text-decoration:underline;
  text-underline-offset:.16em;
  text-decoration-thickness:1px;
}
[data-de="b"] .textos li:hover{background:rgba(138,106,30,.045)}

/* ------------------------------------------------------------
   AJUSTE r2 DA D: "Quando não contratar" na home passou de 4
   para 3 hipóteses e ficou com o espaçamento vertical menor.
   Escopo restrito ao #c4 (a amostra da home) — o mesmo bloco
   na página quando-nao-contratar.html, que mostra as oito,
   continua com o respiro da origem.
   Só espaçamento: corpo, peso e família das letras intocados.
   ------------------------------------------------------------ */
[data-de="b"] #c4 .nao{margin-top:1.4rem}
[data-de="b"] #c4 .nao > li{padding-top:1rem;padding-bottom:1.05rem}
[data-de="b"] #c4 .nao h3{margin-bottom:.3rem}
[data-de="b"] #c4 .nao-fecho{margin-top:1.5rem;padding-top:.75rem;padding-bottom:.75rem}
[data-de="b"] #c4 .acoes{margin-top:1.25rem}
@media (min-width:47.5rem){
  [data-de="b"] #c4.clausula{padding:3.25rem 0 3.5rem}
}

/* ============================================================
   6. MOVIMENTO REDUZIDO E IMPRESSÃO
   ============================================================ */

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms !important;transition-duration:.001ms !important}
  [data-de="a"] .pan > *{animation:none}
}

@media print{
  .topo,.pular,.ctas,[data-de="b"] .acoes,[data-de="a"] .sumario{display:none !important}
  body{background:#fff;color:#000;font-size:11pt}
  [data-de="a"] .faixa,footer.rodape,.capa,.sec-escura,
  [data-de="b"] .clausula,[data-de="c"] .sec-escura{background:#fff;color:#000;border-color:#000}
  [data-de="a"] .faixa h2,.capa h1,.sec-escura h2,[data-de="b"] .clausula h2{color:#000}
  [data-de="a"] .faixa .def,footer.rodape p,.capa .sub,
  [data-de="b"] .nao p,[data-de="b"] .clausula .intro{color:#333}
  [data-de="a"] tr.det[hidden]{display:table-row !important}
}