/* ============================================================
   RAIO-X DO FUNIL · Mendonça & Co.
   Brutalismo silencioso × terminal × cicatriz
   Tokens: ~/.claude/skills/mendonca-co-design/colors_and_type.css
   ============================================================ */

:root{
  --petroleo:#070707;
  --grafite:#121214;
  --carvao:#1A1C1F;
  --branco:#F3EFE8;
  --prata:#BFC4CB;
  --aco:#8B9198;
  --prata-esc:#737980;
  --bege:#EEE6D4;
  --vinho:#6F1118;
  --vermelho:#8E1B1B;
  --vinho-leg:#B0353B;
  --erro:#D9767B;

  --f-imp:"Anton",sans-serif;
  --f-dis:"Instrument Serif",serif;
  --f-body:"Bricolage Grotesque",sans-serif;
  --f-mono:"Space Mono",monospace;

  --corte:cubic-bezier(.7,0,.15,1);
  --r:16px; --r-sm:12px; --r-lg:24px;
  --px:20px;
  --sec-y:104px;
  --maxw:1200px;
}
@media (min-width:700px){ :root{ --px:40px; --sec-y:136px } }
@media (min-width:1100px){ :root{ --px:64px; --sec-y:176px } }

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--petroleo);color:var(--branco);font-family:var(--f-body);font-size:17px;line-height:1.6;overflow-x:hidden}
@media (min-width:1100px){ body{font-size:18px} }
::selection{background:var(--vinho);color:var(--branco)}
img,svg{display:block;max-width:100%}
a{color:inherit}
button,input,textarea,select{font:inherit;color:inherit}
[hidden]{display:none !important}

.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--branco);color:var(--petroleo);padding:12px 16px;border-radius:var(--r-sm);font-weight:600;text-decoration:none}
.skip:focus{top:12px}
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.print-only{display:none}

/* grão analógico */
.grain{position:fixed;inset:0;z-index:40;pointer-events:none;opacity:.045;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* ---------- temas de seção ---------- */
section{position:relative;padding:var(--sec-y) 0;
  --bg:var(--petroleo);--ink:var(--branco);--soft:var(--prata);--faint:var(--aco);
  --line:rgba(139,145,152,.22);--card:var(--grafite);--field:var(--carvao);--scar:var(--vinho-leg);
  --focus:var(--branco);
  background:var(--bg);color:var(--ink)}
.s-graf{--bg:var(--grafite);--card:var(--carvao);--field:#202327}
.s-paper{--bg:var(--bege);--ink:#070707;--soft:#38342f;--faint:#5b554d;--line:rgba(7,7,7,.16);
  --card:#F4EEE0;--field:#F7F2E7;--scar:var(--vinho);--focus:#070707}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--px);position:relative;z-index:2}

/* ---------- tipografia ---------- */
.label{font-family:var(--f-mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--faint);font-weight:400;line-height:1.5}
.mono{font-family:var(--f-mono)}
.num{font-variant-numeric:tabular-nums}
.amp{color:var(--scar)}
.scar-u{background-image:linear-gradient(var(--scar),var(--scar));background-repeat:no-repeat;background-size:100% 2px;background-position:0 92%;padding-bottom:2px}

.shead{display:flex;flex-direction:column;gap:14px;border-bottom:2px solid var(--ink);padding-bottom:22px;margin-bottom:40px}
.sidx{font-family:var(--f-mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--scar)}
.stitle{font-family:var(--f-dis);font-weight:400;font-size:clamp(40px,8.4vw,76px);line-height:.98;letter-spacing:-.015em;color:var(--ink)}
.stitle em{font-style:italic;color:var(--soft)}
.lede{font-family:var(--f-dis);font-size:clamp(24px,4.6vw,36px);line-height:1.14;color:var(--ink);max-width:24ch}
.lede-sm{font-size:clamp(21px,3.6vw,28px);max-width:30ch}
.intro{color:var(--soft);max-width:60ch;margin-top:22px}
.intro + .intro{margin-top:12px}
.note{font-size:14px;color:var(--faint);max-width:62ch;line-height:1.55}
@media (min-width:900px){
  .shead{flex-direction:row;align-items:baseline;gap:28px;margin-bottom:64px}
}

/* ---------- botões ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:0 24px;border-radius:var(--r-sm);
  font-family:var(--f-body);font-weight:600;font-size:17px;text-decoration:none;cursor:pointer;border:1px solid transparent;
  transition:background-color .32s var(--corte),color .32s var(--corte),transform .2s var(--corte),border-color .32s var(--corte)}
.btn .ar{font-family:var(--f-mono);font-weight:400;transition:transform .32s var(--corte)}
.btn:hover .ar{transform:translateX(4px)}
.btn:active{transform:translateY(1px) scale(.99)}
.btn-pri{background:var(--ink);color:var(--bg)}
.btn-pri:hover{background:var(--soft)}
.btn-sec{background:transparent;color:var(--ink);border-color:var(--line)}
.btn-sec:hover{border-color:var(--ink)}
.btn-row{display:flex;flex-direction:column;gap:12px}
.btn-row .btn{width:100%}
@media (min-width:640px){ .btn-row{flex-direction:row;flex-wrap:wrap} .btn-row .btn{width:auto} }

:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:6px}

/* ---------- reveal ---------- */
.js .rv{opacity:0;transform:translateY(14px);transition:opacity .8s var(--corte),transform .8s var(--corte)}
.js .rv.in{opacity:1;transform:none}

/* ============================================================
   CAPA
   ============================================================ */
.capa{min-height:100dvh;display:flex;flex-direction:column;padding-top:28px;padding-bottom:56px;overflow:hidden}
.capa .wrap{flex:1;display:flex;flex-direction:column}
.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.wm{font-family:var(--f-dis);font-size:22px;letter-spacing:.02em;text-decoration:none}
.wm-full{display:none}
@media (min-width:640px){ .wm-full{display:inline} .wm-short{display:none} }
.topbar .label{color:var(--aco)}
.capa-body{flex:1;display:flex;flex-direction:column;justify-content:center;padding:56px 0 24px}
.kicker{display:flex;align-items:center;gap:14px;margin-bottom:26px}
.kicker .ln{width:34px;height:2px;background:var(--scar);flex:none}
.brut{font-family:var(--f-imp);font-weight:400;text-transform:uppercase;line-height:.84;letter-spacing:-.005em;font-size:clamp(76px,22vw,216px)}
.brut .l2{display:block;color:transparent;-webkit-text-stroke:1.5px var(--prata)}
.capa-sub{font-family:var(--f-dis);font-size:clamp(28px,6.6vw,52px);line-height:1.06;max-width:20ch;margin-top:30px}
.capa-sub em{font-style:italic;color:var(--prata)}
.capa-lead{color:var(--prata);max-width:52ch;margin-top:24px}
.capa .btn-row{margin-top:34px}
.capa-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin-top:48px;border-top:1px solid var(--line)}
.capa-meta div{padding:16px 0;border-bottom:1px solid var(--line)}
.capa-meta div:nth-child(odd){padding-right:12px;border-right:1px solid var(--line)}
.capa-meta div:nth-child(even){padding-left:16px}
.capa-meta b{display:block;font-family:var(--f-mono);font-weight:400;font-size:28px;line-height:1.1;font-variant-numeric:tabular-nums}
.capa-meta span{font-size:14px;color:var(--aco)}
.byline{margin-top:28px;font-size:15px;color:var(--aco)}
.byline strong{color:var(--branco);font-weight:500}
@media (min-width:900px){
  .capa-meta{grid-template-columns:repeat(4,1fr)}
  .capa-meta div{padding:20px 20px 20px 0;border-right:1px solid var(--line)}
  .capa-meta div:nth-child(even){padding-left:20px}
  .capa-meta div:nth-child(n+2){padding-left:20px}
  .capa-meta div:last-child{border-right:0}
  .capa-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:56px;align-items:end;margin-top:8px}
  .capa-grid .capa-sub{margin-top:0}
}
.crop{position:absolute;width:15px;height:15px;border:0 solid var(--aco);opacity:.6;z-index:3}
.crop.tl{top:14px;left:10px;border-top-width:1px;border-left-width:1px}
.crop.tr{top:14px;right:10px;border-top-width:1px;border-right-width:1px}
.crop.bl{bottom:14px;left:10px;border-bottom-width:1px;border-left-width:1px}
.crop.br{bottom:14px;right:10px;border-bottom-width:1px;border-right-width:1px}
.dotbg{position:absolute;inset:0;z-index:0;pointer-events:none;color:var(--aco);opacity:.11}
.stamp{position:absolute;right:-6%;bottom:6%;z-index:1;pointer-events:none;font-family:var(--f-dis);font-size:min(78vw,620px);line-height:.7;color:transparent;-webkit-text-stroke:1px rgba(176,53,59,.22)}

/* fitinha */
.ticker{background:var(--petroleo);border-top:1px solid rgba(139,145,152,.22);border-bottom:1px solid rgba(139,145,152,.22);overflow:hidden;white-space:nowrap;padding:12px 0}
.ticker .track{display:inline-block;white-space:nowrap;animation:tk 46s linear infinite;font-family:var(--f-mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--prata)}
.ticker .s{color:var(--vinho-leg);margin:0 14px}
@keyframes tk{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ============================================================
   COMO USAR
   ============================================================ */
.steps{list-style:none;display:grid;gap:0;border-top:1px solid var(--line);margin-top:8px}
.steps li{display:grid;grid-template-columns:1fr;gap:6px;padding:24px 0;border-bottom:1px solid var(--line)}
.steps .t{font-family:var(--f-mono);font-size:13px;letter-spacing:.08em;color:var(--scar);font-variant-numeric:tabular-nums}
.steps h3{font-family:var(--f-dis);font-weight:400;font-size:30px;line-height:1.08}
.steps p{color:var(--soft);max-width:56ch}
@media (min-width:900px){
  .steps li{grid-template-columns:180px 300px 1fr;gap:32px;align-items:baseline;padding:30px 0}
}
.need{margin-top:40px;border:1px solid var(--line);border-radius:var(--r);padding:24px;display:grid;gap:16px;background:var(--card)}
.need ul{list-style:none;display:grid;gap:10px}
.need li{padding-left:24px;position:relative;color:var(--soft)}
.need li::before{content:">";position:absolute;left:0;font-family:var(--f-mono);color:var(--scar)}
@media (min-width:900px){ .need{grid-template-columns:260px 1fr;padding:32px 36px} .need ul{grid-template-columns:1fr 1fr;gap:12px 32px} }
.rule-1{margin-top:40px;font-family:var(--f-dis);font-size:clamp(24px,4.4vw,34px);line-height:1.15;max-width:28ch;padding-left:20px;border-left:2px solid var(--scar)}

.toc{margin-top:56px}
.toc ol{list-style:none;display:grid;grid-template-columns:1fr;border-top:1px solid var(--line)}
.toc a{display:flex;justify-content:space-between;gap:16px;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--line);text-decoration:none;min-height:48px}
.toc a span:first-child{font-family:var(--f-mono);font-size:13px;color:var(--faint);letter-spacing:.08em}
.toc a span:last-child{flex:1;text-align:left;margin-left:18px}
.toc a:hover span:last-child{text-decoration:underline;text-decoration-color:var(--scar);text-underline-offset:5px}
@media (min-width:900px){ .toc ol{grid-template-columns:1fr 1fr;column-gap:48px} }

/* ============================================================
   MAPA
   ============================================================ */
.map-box{margin-top:8px;border:1px solid var(--line);border-radius:var(--r-lg);padding:20px 10px;background:var(--card)}
.map-m{display:block;width:100%;max-width:400px;margin:0 auto}
.map-d{display:none;width:100%}
@media (min-width:900px){ .map-m{display:none} .map-d{display:block} .map-box{padding:36px 28px} }
.map-svg text{font-family:var(--f-body)}
.map-svg .nt{font-size:17px;font-weight:600;fill:var(--branco)}
.map-svg .ns{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.12em;fill:var(--aco);text-transform:uppercase}
.map-svg .node{fill:var(--petroleo);stroke:rgba(191,196,203,.38);stroke-width:1}
.map-svg .node.hi{stroke:rgba(243,239,232,.85)}
.map-svg .ln{stroke:var(--prata);stroke-width:1.25;fill:none}
.map-svg .ln.dash{stroke-dasharray:4 5}
.map-svg .loop{stroke:var(--vinho-leg);stroke-width:2;fill:none}
.map-svg .badge{fill:var(--vinho)}
.map-svg .bt{font-family:var(--f-mono);font-size:13px;font-weight:700;fill:var(--branco)}
.map-svg .lbl{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.1em;fill:var(--prata);text-transform:uppercase}
.map-svg .lbl-r{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.1em;fill:#D46A70;text-transform:uppercase}
.legend{list-style:none;margin-top:40px;display:grid;gap:0;border-top:1px solid var(--line)}
.legend li{display:grid;grid-template-columns:38px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);align-items:baseline}
.legend .b{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--vinho);color:var(--branco);font-family:var(--f-mono);font-size:12px;font-weight:700}
.legend .b.o{background:transparent;border:1px solid var(--line);color:var(--faint)}
.legend strong{font-weight:600}
.legend span.d{color:var(--soft)}
@media (min-width:900px){ .legend{grid-template-columns:1fr 1fr;column-gap:48px} }

/* ============================================================
   OS 7 PONTOS
   ============================================================ */
.pontos-intro{margin-bottom:24px}
.ponto{display:grid;grid-template-columns:1fr;gap:28px;padding:64px 0;border-top:2px solid var(--ink)}
.ponto:first-of-type{margin-top:40px}
.ponto-head{display:flex;gap:18px;align-items:flex-start}
.ponto-n{font-family:var(--f-imp);font-size:84px;line-height:.8;color:transparent;-webkit-text-stroke:1.5px var(--ink);flex:none;font-variant-numeric:tabular-nums}
.ponto-t{font-family:var(--f-dis);font-weight:400;font-size:clamp(34px,7vw,52px);line-height:1;letter-spacing:-.01em;margin-top:10px}
.ponto-where{margin-top:14px;display:inline-flex;gap:8px;align-items:center}
.ponto-where i{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--vinho);color:var(--branco);font-style:normal;font-family:var(--f-mono);font-size:11px;font-weight:700}
@media (min-width:1000px){
  .ponto{grid-template-columns:360px 1fr;gap:72px;padding:88px 0}
  .ponto-head{flex-direction:column;position:sticky;top:40px;align-self:start}
  .ponto-n{font-size:150px}
}
.ponto-body{display:grid;gap:34px;min-width:0}
.ponto-what{font-family:var(--f-dis);font-size:clamp(25px,4.4vw,34px);line-height:1.18;max-width:30ch}
.blk h4{margin-bottom:10px}
.blk p{max-width:62ch;color:var(--soft)}
.blk p + p{margin-top:10px}
.blk p strong{color:var(--ink);font-weight:600}

.conta{border:1px solid var(--line);border-radius:var(--r);padding:22px;background:var(--card)}
.conta .f{font-family:var(--f-mono);font-size:15px;line-height:1.6;color:var(--ink);margin:6px 0 14px}
.conta .f b{color:var(--scar);font-weight:700}
.conta dl{display:grid;gap:8px;font-size:15px}
.conta dt{font-weight:600;display:inline}
.conta dd{display:inline;color:var(--soft)}

/* abas de exemplo */
.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.tabs [role=tab]{min-height:46px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:transparent;cursor:pointer;font-size:15px;font-weight:500;color:var(--soft);
  transition:background-color .3s var(--corte),color .3s var(--corte),border-color .3s var(--corte)}
.tabs [role=tab]:hover{border-color:var(--ink);color:var(--ink)}
.tabs [role=tab][aria-selected=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.no-js-hide{display:none}
.js .no-js-hide{display:flex}
.tabpanel{border:1px solid var(--line);border-radius:var(--r);padding:22px;background:var(--card)}
.tabpanel + .tabpanel{margin-top:10px}
.js .tabpanel + .tabpanel{margin-top:0}
.tabpanel .ex-k{font-family:var(--f-mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);margin-bottom:8px}
.js .tabpanel .ex-k{display:none}
.tabpanel p{color:var(--ink)}
.tabpanel .ex-tag{display:inline-block;font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);border:1px solid var(--line);border-radius:6px;padding:1px 7px;margin-right:8px;vertical-align:2px}

.ganho-grid{display:grid;gap:0;border-top:1px solid var(--line)}
.ganho-grid > div{padding:14px 0;border-bottom:1px solid var(--line);display:grid;gap:4px}
.ganho-grid dt{font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.ganho-grid dd{color:var(--ink)}
@media (min-width:760px){
  .ganho-grid{grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}
  .ganho-grid > div{border-bottom:0;padding:16px 18px 16px 0}
  .ganho-grid > div + div{padding-left:18px;border-left:1px solid var(--line)}
}
.erro p{padding-left:26px;position:relative}
.erro p::before{content:"×";position:absolute;left:0;top:-2px;font-family:var(--f-mono);font-size:20px;color:var(--scar)}

.fix{background:var(--petroleo);color:var(--branco);border-radius:var(--r-lg);padding:26px 22px 26px;position:relative;overflow:hidden}
.fix::before{content:"";position:absolute;left:0;top:22px;bottom:22px;width:3px;background:var(--vinho-leg)}
.fix .fix-k{font-family:var(--f-mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--prata);margin-bottom:10px;display:flex;justify-content:space-between;gap:12px}
.fix .fix-k span:last-child{color:var(--aco)}
.fix p{color:var(--branco);max-width:60ch}
.fix p + p{margin-top:10px}
.fix ol{margin:12px 0 0 0;padding-left:0;list-style:none;counter-reset:f;display:grid;gap:8px}
.fix ol li{counter-increment:f;padding-left:34px;position:relative;color:var(--prata)}
.fix ol li::before{content:counter(f,decimal-leading-zero);position:absolute;left:0;top:2px;font-family:var(--f-mono);font-size:13px;color:var(--vinho-leg)}
@media (min-width:700px){ .fix{padding:32px 36px} }

.cal{width:100%;border-collapse:collapse;font-size:14px;margin-top:6px}
.cal caption{text-align:left;font-family:var(--f-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);padding-bottom:10px}
.cal th,.cal td{border-bottom:1px solid var(--line);padding:10px 8px 10px 0;text-align:left;vertical-align:top}
.cal thead th{font-family:var(--f-mono);font-weight:400;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
.cal tbody th{font-weight:600;white-space:nowrap}
.cal td{color:var(--soft)}
.cal-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}

/* ============================================================
   CHECKLIST
   ============================================================ */
.ck-wrap{position:relative}
.ck-group{margin-top:44px}
.ck-group:first-child{margin-top:0}
.ck-gh{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:6px}
.ck-gh h3{font-family:var(--f-dis);font-weight:400;font-size:26px;line-height:1.1}
.ck-gh a{font-size:14px;color:var(--faint);text-underline-offset:4px;white-space:nowrap}
.ck-list{list-style:none}
.ck-item{border-bottom:1px solid var(--line)}
.ck-row{display:grid;gap:12px;padding:16px 0}
.ck-q{display:flex;gap:14px;align-items:baseline}
.ck-n{font-family:var(--f-mono);font-size:13px;color:var(--faint);flex:none;width:24px;font-variant-numeric:tabular-nums}
.ck-opts{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-left:38px}
.opt{position:relative;display:block}
.opt input{position:absolute;opacity:0;width:100%;height:100%;inset:0;margin:0;cursor:pointer}
.opt span{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;border:1px solid var(--line);border-radius:var(--r-sm);font-size:15px;font-weight:500;color:var(--soft);
  transition:background-color .28s var(--corte),color .28s var(--corte),border-color .28s var(--corte)}
.opt span::before{content:"";width:12px;height:12px;border:1px solid currentColor;border-radius:3px;flex:none}
.opt:hover span{border-color:var(--ink);color:var(--ink)}
.opt input:checked + span{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.opt input:checked + span::before{background:currentColor}
.opt input[value="0"]:checked + span{background:transparent;color:var(--ink);border-color:var(--erro)}
.opt input[value="0"]:checked + span::before{content:"×";border:0;width:auto;height:auto;font-family:var(--f-mono);font-size:16px;line-height:1;color:var(--erro);background:none}
.opt input:focus-visible + span{outline:2px solid var(--focus);outline-offset:3px}
@media (min-width:900px){
  .ck-row{grid-template-columns:1fr 260px;align-items:center;gap:24px;padding:14px 0}
  .ck-opts{padding-left:0}
}
.ck-score{position:sticky;bottom:0;z-index:20;margin:32px calc(var(--px) * -1) 0;padding:12px var(--px);background:rgba(7,7,7,.94);border-top:1px solid var(--line);
  display:flex;align-items:center;justify-content:space-between;gap:12px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.ck-score .sc{display:flex;align-items:baseline;gap:8px}
.ck-score strong{font-family:var(--f-mono);font-size:30px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}
.ck-score .of{font-family:var(--f-mono);color:var(--faint)}
.ck-score .ans{font-size:13px;color:var(--faint);font-family:var(--f-mono)}
.ck-score button{min-height:44px;padding:0 14px;border-radius:var(--r-sm);border:1px solid var(--line);background:transparent;cursor:pointer;font-size:14px;color:var(--soft)}
.ck-score button:hover{border-color:var(--ink);color:var(--ink)}
.caret{display:inline-block;width:9px;height:1.05em;background:var(--vinho-leg);margin-left:2px;vertical-align:-3px;animation:blink 1.05s steps(1) infinite}
@keyframes blink{50%{opacity:0}}

.ck-result{margin-top:40px;border:1px solid var(--line);border-radius:var(--r-lg);padding:26px 22px;background:var(--card)}
.ck-result h3{font-family:var(--f-dis);font-weight:400;font-size:clamp(30px,6vw,44px);line-height:1.04;margin:8px 0 12px}
.ck-result p{color:var(--soft);max-width:60ch}
.ck-result .weak{list-style:none;margin-top:12px;display:grid;gap:0;border-top:1px solid var(--line)}
.ck-result .weak li a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);text-decoration:none;min-height:52px}
.ck-result .weak li a b{font-weight:600}
.ck-result .weak li a span{font-family:var(--f-mono);font-size:13px;color:var(--faint);white-space:nowrap}
.ck-result .weak li a:hover b{text-decoration:underline;text-decoration-color:var(--scar);text-underline-offset:5px}
.ck-result .btn-row{margin-top:26px}
.ck-result .mt{margin-top:24px}
@media (min-width:700px){ .ck-result{padding:36px 40px} }

.faixas{list-style:none;margin-top:28px;border-top:1px solid var(--line)}
.faixas li{display:grid;grid-template-columns:76px 1fr;gap:14px;padding:16px 0 16px 0;border-bottom:1px solid var(--line);position:relative;transition:padding .4s var(--corte)}
.faixas .r{font-family:var(--f-mono);font-size:14px;color:var(--faint);font-variant-numeric:tabular-nums}
.faixas b{display:block;font-weight:600}
.faixas span.d{color:var(--soft);font-size:15px}
.faixas li.on{padding-left:16px}
.faixas li.on::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;background:var(--scar)}
.faixas li.on .r{color:var(--ink)}
.faixas .here{display:none;font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin-top:4px}
.faixas li.on .here{display:block}

/* ============================================================
   AJUSTE DE OFERTA / PÚBLICO
   ============================================================ */
.of-grid{display:grid;gap:16px;margin-top:8px}
@media (min-width:900px){ .of-grid{grid-template-columns:1fr 1fr;gap:20px} }
.of-card{border:1px solid var(--line);border-radius:var(--r);padding:24px 22px;background:var(--card);display:flex;flex-direction:column;gap:14px}
.of-card header{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.of-card h3{font-family:var(--f-dis);font-weight:400;font-size:30px;line-height:1.05}
.of-card .label{white-space:nowrap}
.qs{list-style:none;display:grid;gap:2px}
.chk{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start;padding:9px 0;cursor:pointer;position:relative}
.chk input{position:absolute;opacity:0;width:24px;height:24px;margin:0;left:0;top:9px;cursor:pointer}
.chk .bx{width:20px;height:20px;border:1px solid var(--faint);border-radius:5px;margin-top:3px;display:grid;place-items:center;transition:background-color .25s var(--corte),border-color .25s var(--corte)}
.chk .bx::after{content:"";width:10px;height:6px;border-left:2px solid var(--bg);border-bottom:2px solid var(--bg);transform:rotate(-45deg) translate(1px,-1px);opacity:0}
.chk input:checked ~ .bx{background:var(--ink);border-color:var(--ink)}
.chk input:checked ~ .bx::after{opacity:1}
.chk input:focus-visible ~ .bx{outline:2px solid var(--focus);outline-offset:3px}
.chk .tx{color:var(--ink)}
.of-fix{margin-top:auto;padding-top:14px;border-top:1px solid var(--line);font-size:15px;color:var(--soft)}
.of-fix b{display:block;font-family:var(--f-mono);font-weight:400;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--scar);margin-bottom:6px}

.pub-grid{display:grid;gap:16px;margin-top:8px}
@media (min-width:900px){ .pub-grid{grid-template-columns:1fr 1fr;gap:20px} }
.pub-card{border:1px solid var(--line);border-radius:var(--r);padding:24px 22px;background:var(--card)}
.pub-card h3{font-family:var(--f-dis);font-weight:400;font-size:30px;line-height:1.05;margin-bottom:6px}
.pub-card .cnt{font-family:var(--f-mono);font-size:13px;color:var(--faint);margin-bottom:8px}
.pub-card.bad h3::after{content:" ×";font-family:var(--f-mono);font-size:22px;color:var(--erro)}
.pub-read{margin-top:24px;border-radius:var(--r-lg);padding:26px 22px;border:1px solid var(--line)}
.pub-read p{max-width:62ch;color:var(--soft)}
.pub-read p + p{margin-top:10px}
.pub-read p strong{color:var(--ink);font-weight:600}
@media (min-width:700px){ .pub-read{padding:32px 36px} .pub-card,.of-card{padding:30px 32px} }

/* ============================================================
   CALCULADORA
   ============================================================ */
.calc{display:grid;gap:24px;margin-top:8px}
@media (min-width:1000px){ .calc{grid-template-columns:1.15fr 1fr;gap:40px;align-items:start} .calc-out{position:sticky;top:24px} }
.calc-in{display:grid;gap:14px}
.cgroup{border:1px solid var(--line);border-radius:var(--r);padding:18px 18px 20px;background:var(--card)}
.cgroup legend{float:left;width:100%;display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px}
.cgroup legend b{font-family:var(--f-dis);font-weight:400;font-size:24px;line-height:1.1}
.cgroup legend .label{white-space:nowrap}
.cgroup .row{clear:both;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cgroup .row.r3{grid-template-columns:1fr 1fr}
@media (min-width:560px){ .cgroup .row.r3{grid-template-columns:1fr 1fr 1fr} }
.fld{display:grid;gap:6px;align-content:start}
.fld label,.fld .lb{font-size:14px;color:var(--soft);line-height:1.35}
.inp{position:relative}
.inp input{width:100%;min-height:50px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--field);padding:0 14px;font-size:17px;font-family:var(--f-mono);font-variant-numeric:tabular-nums;color:var(--ink);
  transition:border-color .25s var(--corte)}
.inp input:hover{border-color:var(--faint)}
.inp input:focus{outline:none;border-color:var(--ink)}
.inp input:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.inp.pre input{padding-left:44px}
.inp.suf input{padding-right:34px}
.inp .px,.inp .sx{position:absolute;top:50%;transform:translateY(-50%);font-family:var(--f-mono);font-size:14px;color:var(--faint);pointer-events:none}
.inp .px{left:14px}
.inp .sx{right:14px}

.calc-out{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--grafite);padding:22px}
.calc-out .head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:6px}
.res{list-style:none}
.res li{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:11px 0;border-bottom:1px solid var(--line)}
.res li span:first-child{color:var(--soft);font-size:15px}
.res li output,.res li .v{font-family:var(--f-mono);font-size:16px;font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}
.res li.sum{border-bottom:2px solid var(--ink);padding:16px 0}
.res li.sum span:first-child{color:var(--ink);font-weight:600}
.res li.sum output{font-size:22px;font-weight:700}
.res .delta{display:block;font-size:13px;color:var(--prata);margin-top:2px}
.res-big{margin-top:18px;display:grid;gap:12px}
.res-big .cell{border:1px solid var(--line);border-radius:var(--r-sm);padding:14px 16px}
.res-big .cell .label{margin-bottom:6px}
.res-big .cell output{display:block;font-family:var(--f-mono);font-size:20px;font-variant-numeric:tabular-nums;line-height:1.3}
.res-big .cell p{font-size:14px;color:var(--soft);margin-top:4px}
.res-big .cell .tag{display:inline-block;font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--line);border-radius:6px;padding:2px 8px;margin-top:8px}
.res-big .cell .tag.ok{border-color:var(--prata);color:var(--branco)}
.res-big .cell .tag.no{border-color:var(--erro);color:var(--branco)}
.disc{margin-top:18px;font-size:13px;color:var(--aco);line-height:1.55;padding-left:14px;border-left:2px solid var(--vinho-leg)}
@media (min-width:700px){ .calc-out{padding:28px} }

/* ============================================================
   CASOS
   ============================================================ */
.casos-grid{display:grid;gap:16px;margin-top:8px}
@media (min-width:900px){ .casos-grid{grid-template-columns:repeat(3,1fr);gap:20px} }
.caso{border:1px solid var(--line);border-radius:var(--r);padding:24px 22px;background:var(--card);display:flex;flex-direction:column;gap:12px}
.caso h3{font-family:var(--f-dis);font-weight:400;font-size:32px;line-height:1.02}
.caso p{color:var(--soft)}
.caso ul{list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.caso li{font-family:var(--f-mono);font-size:12px;letter-spacing:.06em;border:1px solid var(--line);border-radius:999px;padding:4px 10px;color:var(--soft)}
.caso .btn{margin-top:auto;align-self:flex-start;min-height:48px}

/* ============================================================
   APLICAÇÃO
   ============================================================ */
.app-grid{display:grid;gap:40px}
@media (min-width:1000px){ .app-grid{grid-template-columns:1fr 1.1fr;gap:64px;align-items:start} .app-side{position:sticky;top:32px} }
.how{list-style:none;counter-reset:h;border-top:1px solid var(--line);margin-top:28px}
.how li{counter-increment:h;display:grid;grid-template-columns:44px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}
.how li::before{content:counter(h,decimal-leading-zero);font-family:var(--f-mono);font-size:13px;color:var(--scar);padding-top:3px}
.how b{display:block;font-weight:600}
.how span{color:var(--soft)}
.neg{margin-top:28px;font-family:var(--f-dis);font-size:clamp(24px,4.4vw,32px);line-height:1.15;max-width:26ch}
.neg em{font-style:italic;color:var(--soft)}
.who{margin-top:36px;border:1px solid var(--line);border-radius:var(--r);padding:22px;background:var(--grafite)}
.who .nm{font-family:var(--f-dis);font-size:28px;line-height:1.05;margin:8px 0 4px}
.who .rl{color:var(--soft);font-size:15px}
.who .proof{margin-top:16px;padding-top:16px;border-top:1px solid var(--line);font-size:17px;line-height:1.55}
.who .proof b{font-weight:600;font-family:var(--f-mono);font-size:16px;letter-spacing:-.01em}
.who .proof .scar-u{background-size:100% 1.5px}

.app-form{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--grafite);padding:24px 18px}
@media (min-width:700px){ .app-form{padding:36px 36px} }
.app-form .fh{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:22px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.app-form .fh h3{font-family:var(--f-dis);font-weight:400;font-size:30px;line-height:1.05}
.ff{display:grid;gap:8px;margin-bottom:22px;border:0;min-width:0}
.ff > label,.ff > legend{font-weight:600;font-size:16px;line-height:1.35;padding:0}
.ff legend{margin-bottom:8px;float:left;width:100%}
.ff legend + *{clear:both}
.ff .req{color:var(--erro);font-family:var(--f-mono);margin-left:4px}
.ff .hint{font-size:14px;color:var(--faint);font-weight:400;display:block;margin-top:2px}
.ff input[type=text],.ff input[type=tel],.ff textarea{width:100%;min-height:52px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--carvao);padding:13px 14px;font-size:17px;color:var(--branco);line-height:1.45;
  transition:border-color .25s var(--corte)}
.ff textarea{min-height:96px;resize:vertical}
.ff input[type=text]:hover,.ff input[type=tel]:hover,.ff textarea:hover{border-color:var(--aco)}
.ff input[type=text]:focus,.ff input[type=tel]:focus,.ff textarea:focus{outline:none;border-color:var(--branco)}
.ff input[type=text]:focus-visible,.ff input[type=tel]:focus-visible,.ff textarea:focus-visible{outline:2px solid var(--branco);outline-offset:2px}
.ff ::placeholder{color:#6d737a}
.ff .at{position:relative}
.ff .at input{padding-left:34px}
.ff .at span{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-family:var(--f-mono);color:var(--aco);pointer-events:none}
.ff [aria-invalid=true]{border-color:var(--erro) !important}
.ff .err{display:none;font-size:14px;color:var(--branco);gap:8px;align-items:baseline}
.ff .err::before{content:"×";font-family:var(--f-mono);color:var(--erro);font-size:16px}
.ff.bad .err{display:flex}
.pills{display:grid;gap:8px}
.pills.c2{grid-template-columns:1fr}
@media (min-width:480px){ .pills.c2{grid-template-columns:1fr 1fr} }
.pill{position:relative;display:block}
.pill input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.pill span{display:flex;align-items:center;gap:12px;min-height:50px;padding:10px 14px;border:1px solid var(--line);border-radius:var(--r-sm);font-size:16px;color:var(--prata);line-height:1.3;
  transition:background-color .25s var(--corte),color .25s var(--corte),border-color .25s var(--corte)}
.pill span::before{content:"";width:16px;height:16px;border:1px solid currentColor;flex:none;border-radius:50%}
.pill input[type=checkbox] + span::before{border-radius:4px}
.pill:hover span{border-color:var(--aco);color:var(--branco)}
.pill input:checked + span{border-color:var(--branco);color:var(--branco);background:var(--carvao)}
.pill input:checked + span::before{background:var(--branco);box-shadow:inset 0 0 0 3px var(--carvao)}
.pill input:focus-visible + span{outline:2px solid var(--branco);outline-offset:2px}
.ff.bad .pill span{border-color:rgba(217,118,123,.55)}
.score-auto{font-size:14px;color:var(--faint);margin-top:2px}
.score-auto a{color:var(--prata);text-underline-offset:4px}
.err-sum{border:1px solid var(--erro);border-radius:var(--r-sm);padding:14px 16px;margin-bottom:22px}
.err-sum p{font-weight:600;margin-bottom:6px}
.err-sum ul{list-style:none;display:grid;gap:4px}
.err-sum a{color:var(--branco);text-underline-offset:4px;font-size:15px}
.app-form .btn{width:100%;margin-top:6px}
.privacy{font-size:13px;color:var(--aco);margin-top:14px;line-height:1.5}
.hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.sent{margin-top:18px;border:1px solid var(--line);border-radius:var(--r-sm);padding:14px 16px;font-size:15px;color:var(--prata)}
.sent a{color:var(--branco);font-weight:600;text-underline-offset:4px}

/* ============================================================
   RODAPÉ
   ============================================================ */
.foot{background:var(--petroleo);border-top:1px solid rgba(139,145,152,.22);padding:56px 0 40px}
.foot .wrap{display:grid;gap:24px}
.foot .wm{font-size:30px}
.foot p{font-size:14px;color:var(--aco);max-width:64ch}
.foot .btn{justify-self:start}
.foot .line2{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;border-top:1px solid rgba(139,145,152,.22);padding-top:18px}

/* ============================================================
   MOVIMENTO REDUZIDO
   ============================================================ */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}
  .js .rv{opacity:1;transform:none}
  .ticker .track{animation:none}
}

/* ============================================================
   IMPRESSÃO / PDF
   ============================================================ */
@media print{
  @page{size:A4;margin:15mm 14mm 16mm}
  @page :first{margin:0}
  *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  html,body{background:#F3EFE8 !important;color:#070707;font-size:10.6pt;line-height:1.5}
  .grain,.skip,.ticker,.no-print,.ck-score,.calc,.app-form,.ck-result,.tabs,.toc,.capa .btn-row,.foot .btn,.stamp{display:none !important}
  .print-only{display:block !important}
  .js .rv{opacity:1 !important;transform:none !important}
  section,.s-graf,.s-paper{--bg:transparent;--ink:#070707;--soft:#2f2c28;--faint:#57524b;--line:rgba(7,7,7,.2);--card:transparent;--field:transparent;--scar:#6F1118;--focus:#070707;
    padding:0;background:transparent !important;color:#070707}
  .wrap{max-width:none;padding:0}
  a{text-decoration:none}

  /* capa escura, página inteira */
  .capa{--bg:#070707;--ink:#F3EFE8;--soft:#BFC4CB;--faint:#8B9198;--line:rgba(139,145,152,.3);--scar:#B0353B;
    background:#070707 !important;color:#F3EFE8;min-height:297mm;height:297mm;padding:16mm 16mm 14mm;break-after:page;page-break-after:always}
  .capa .wrap{height:100%}
  .brut{font-size:112pt}
  .capa-sub{font-size:30pt;margin-top:12mm}
  .capa-lead{font-size:12pt;max-width:120mm}
  .capa-meta{grid-template-columns:repeat(4,1fr);margin-top:12mm}
  .capa-meta div{padding:4mm 4mm 4mm 0 !important;border-right:1px solid var(--line) !important;border-bottom:0 !important}
  .capa-meta div + div{padding-left:4mm !important}
  .capa-meta div:last-child{border-right:0 !important}
  .capa-meta b{font-size:20pt}
  .capa-grid{display:block}
  .dotbg{opacity:.08}
  .print-url{display:block !important;margin-top:8mm;font-family:var(--f-mono);font-size:9pt;letter-spacing:.12em;text-transform:uppercase;color:#8B9198}

  .sec-p{break-before:page;page-break-before:always}
  .shead{margin-bottom:7mm;padding-bottom:4mm;flex-direction:row;align-items:baseline;gap:6mm}
  .stitle{font-size:30pt}
  .lede{font-size:17pt;max-width:none}
  .intro{margin-top:3mm;max-width:none}

  .steps li{grid-template-columns:34mm 52mm 1fr;gap:5mm;padding:4mm 0}
  .steps h3{font-size:15pt}
  .need{grid-template-columns:48mm 1fr;padding:5mm 6mm;margin-top:6mm;background:transparent}
  .need ul{grid-template-columns:1fr 1fr;gap:2mm 8mm}
  .rule-1{font-size:15pt;margin-top:6mm}

  .map-box{background:#070707 !important;border:0;padding:8mm 6mm;border-radius:6mm;margin-top:4mm}
  .map-m{display:none !important}
  .map-d{display:block !important}
  .legend{grid-template-columns:1fr 1fr;column-gap:10mm;margin-top:6mm}
  .legend li{padding:2.4mm 0;grid-template-columns:9mm 1fr;gap:3mm}

  .ponto{break-before:page;page-break-before:always;grid-template-columns:1fr;gap:5mm;padding:0;border-top:2px solid #070707;padding-top:5mm}
  .ponto:first-of-type{margin-top:0}
  .ponto-head{position:static;flex-direction:row;align-items:flex-end;gap:5mm}
  .ponto-n{font-size:62pt}
  .ponto-t{font-size:24pt;margin-top:0}
  .ponto-body{gap:4.2mm}
  .ponto-what{font-size:15pt;max-width:none}
  .blk h4{margin-bottom:1.5mm}
  .blk p,.tabpanel p{max-width:none}
  .tabpanel[hidden]{display:block !important}
  .js .tabpanel .ex-k{display:block}
  .tabpanel{padding:2.6mm 4mm;border-radius:3mm;break-inside:avoid}
  .js .tabpanel + .tabpanel,.tabpanel + .tabpanel{margin-top:2mm}
  .conta{padding:3mm 4mm;break-inside:avoid}
  .ganho-grid{grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}
  .ganho-grid > div{border-bottom:0;padding:2.5mm 3mm 2.5mm 0}
  .ganho-grid > div + div{padding-left:3mm;border-left:1px solid var(--line)}
  .fix{background:#070707 !important;color:#F3EFE8;padding:5mm 6mm;border-radius:4mm;break-inside:avoid}
  .fix .fix-k{color:#BFC4CB}
  .fix ol li{color:#D9DCE0}
  .blk,.cal-wrap{break-inside:avoid}

  #checklist .shead{margin-bottom:4mm}
  .ck-group{margin-top:3.4mm;break-inside:avoid}
  .ck-gh{padding-bottom:1.4mm;margin-bottom:0}
  .ck-gh h3{font-size:12.5pt}
  .ck-gh a{display:none}
  .ck-row{grid-template-columns:1fr 40mm;gap:4mm;padding:1.5mm 0;align-items:center}
  .ck-q{font-size:10pt}
  .ck-opts{padding-left:0;gap:2mm}
  .opt span{min-height:6.4mm;font-size:9pt;border-radius:2mm}
  .faixas{margin-top:4mm}
  .faixas li{padding:2mm 0;grid-template-columns:18mm 1fr}
  .ck-print{margin-top:4mm;border:1px solid var(--line);border-radius:3mm;padding:3mm 4mm;font-size:10pt}

  .of-grid,.pub-grid{grid-template-columns:1fr 1fr;gap:4mm}
  .of-card,.pub-card{padding:4mm 4.5mm;border-radius:3mm;break-inside:avoid;gap:2mm}
  .of-card h3,.pub-card h3{font-size:15pt}
  .chk{padding:1.2mm 0;grid-template-columns:6mm 1fr;gap:2mm}
  .chk .bx{width:3.6mm;height:3.6mm;margin-top:.8mm}
  .chk .tx{font-size:9.6pt;line-height:1.4}
  .of-fix{font-size:9.4pt;padding-top:2mm}
  .pub-card .cnt{display:none}
  .pub-read{padding:4mm 5mm;margin-top:4mm;break-inside:avoid}

  .calc-print{border:1px solid var(--line);border-radius:4mm;padding:6mm}
  .calc-print .f{font-family:var(--f-mono);font-size:10.4pt;line-height:1.55;padding:3mm 0;border-bottom:1px solid var(--line)}
  .calc-print .f b{color:#6F1118}
  .calc-print .f span{display:block;font-family:var(--f-body);font-size:9.6pt;color:#57524b;margin-top:1mm}

  .casos-grid{grid-template-columns:1fr 1fr;gap:4mm}
  .caso{padding:4mm;break-inside:avoid}
  .caso .btn{display:none}
  .caso .print-link{display:block !important;font-family:var(--f-mono);font-size:8.5pt;color:#57524b;word-break:break-all}

  .app-grid{grid-template-columns:1fr;gap:6mm}
  .app-side{position:static}
  .how{margin-top:4mm}
  .how li{padding:2.4mm 0}
  .who{background:transparent;padding:5mm;margin-top:5mm}
  .app-print{border:2px solid #070707;border-radius:5mm;padding:7mm;display:grid !important;grid-template-columns:1fr 40mm;gap:8mm;align-items:center;break-inside:avoid}
  .app-print h3{font-family:var(--f-dis);font-weight:400;font-size:20pt;line-height:1.05;margin-bottom:3mm}
  .app-print p{font-size:10.4pt;color:#2f2c28}
  .app-print .u{font-family:var(--f-mono);font-size:10.5pt;color:#070707;margin-top:3mm;word-break:break-all}
  .app-print img{width:40mm;height:40mm}

  .foot{background:transparent;border-top:2px solid #070707;padding:6mm 0 0;margin-top:8mm;color:#070707}
  .foot .wm{color:#070707}
  .foot p{color:#57524b}
  .foot .line2{border-top:1px solid rgba(7,7,7,.2)}
  .foot .amp{color:#6F1118}
}
.js .tabpanel .ex-k + p{margin-top:0}
.fld{display:flex;flex-direction:column;justify-content:flex-end;gap:6px}
.res .delta{font-weight:400;font-family:var(--f-mono);font-size:12.5px;letter-spacing:.02em}
.btn{text-align:center}
.foot{--scar:var(--vinho-leg);--line:rgba(139,145,152,.22);--ink:var(--branco);--bg:var(--petroleo);--focus:var(--branco)}
.ganho-grid > div{align-content:start}
.fix .fix-k{max-width:none}
.sidx{white-space:nowrap}

/* impressão · ajustes de paginação */
@media print{
  @page{background:#F3EFE8}
  @page :first{margin:0;background:#070707}
  .ponto:first-of-type{break-before:auto;page-break-before:auto;margin-top:8mm}
  .ponto-n{font-size:54pt}
  .ponto-what{font-size:13.5pt;line-height:1.22}
  .blk.ex{display:grid;grid-template-columns:repeat(3,1fr);gap:3mm;align-items:stretch}
  .blk.ex h4{grid-column:1/-1;margin-bottom:0}
  .blk.ex .tabpanel,.js .blk.ex .tabpanel + .tabpanel{margin-top:0}
  .tabpanel p{font-size:9.3pt;line-height:1.45}
  .ganho-grid dd{font-size:9.6pt;line-height:1.45}
  .of-grid{grid-template-columns:repeat(3,1fr);gap:3.5mm}
  .of-card h3{font-size:13.5pt}
  .of-card .label{font-size:7.5pt}
  .app-grid{display:flex;flex-direction:column;gap:6mm}
  .app-print{order:-1}
}
@media print{
  .who{break-inside:avoid}
  .ponto-body{gap:3.4mm}
  .ponto-what{font-size:12.5pt}
  .fix{padding:4mm 5mm}
  .fix ol{gap:1.2mm;margin-top:2mm}
  .ganho-grid > div{padding-top:2mm;padding-bottom:2mm}
}