/* NAVSTEC · navstec.com · v4 "Do clique ao Pix"
   Sistema: azul-cobalto = origem e marca; amarelo = dinheiro que entrou (e o botão principal); tinta = operação; frio = leitura.
   Uma família (Navstec Sans, derivada da Mona Sans, OFL) com dois eixos: largura 75–100 e peso 400–800. */

@font-face{font-family:"Navstec Sans";src:url(fontes/navstec-sans.woff2) format("woff2");font-weight:400 800;font-stretch:75% 100%;font-display:swap}
@font-face{font-family:"Navstec Fallback";src:local("Arial");size-adjust:97%;ascent-override:92%;descent-override:24%}

:root{
  --cobalto:#1238B5; --cobalto-2:#0D2A8C; --cobalto-cl:#E3E9FB;
  --tinta:#081426; --tinta-2:#0E1E37; --tinta-3:#3B4A60;
  --frio:#F4F7FB; --branco:#FFFFFF; --nevoa:#5A687C;
  --caixa:#FFD447; --caixa-2:#F5C518; --caixa-cl:#FFF4C7; --caixa-tx:#7A5A00;
  --perdido:#9DB0EE; --perda:#B3261E; --perda-cl:#FCE8E6; --ok:#0F7A43; --ok-cl:#E2F5EA;
  --fio:rgba(8,20,38,.14); --fio-2:rgba(8,20,38,.28); --fio-esc:rgba(255,255,255,.16); --fio-esc-2:rgba(255,255,255,.32);
  --f:"Navstec Sans","Navstec Fallback",Arial,system-ui,sans-serif;
  --ease:cubic-bezier(.2,.7,.1,1); --ease-in:cubic-bezier(.6,0,.8,.2);
  --gut:clamp(20px,4vw,56px); --max:1360px;
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:80px}
body{margin:0;background:var(--frio);color:var(--tinta);font:430 1.0625rem/1.6 var(--f);font-stretch:100%;font-variant-numeric:lining-nums;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
img,svg,canvas{display:block;max-width:100%}
h1,h2,h3,p,ol,ul,dl,figure{margin:0}
ol,ul{padding:0}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--caixa);outline-offset:3px;border-radius:2px}
.claro :focus-visible,.cand :focus-visible{outline-color:var(--cobalto)}
[hidden]{display:none!important}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.g{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--gut)}
.pular{position:absolute;left:12px;top:-60px;background:var(--caixa);color:var(--tinta);padding:10px 14px;border-radius:4px;z-index:100;text-decoration:none;font-weight:650}
.pular:focus{top:12px}

/* ---------- tipografia ---------- */
.h1{font-weight:800;font-stretch:75%;font-size:clamp(4.1rem,12.4vw,12.25rem);line-height:.84;letter-spacing:-.03em;text-wrap:balance}
.h1 .l{display:block}
.h1 em{font-style:normal;color:var(--caixa)}
.h2{font-weight:780;font-stretch:75%;font-size:clamp(2.6rem,6.4vw,6.1rem);line-height:.9;letter-spacing:-.025em;text-wrap:balance}
.h2-xl{font-size:clamp(3rem,8.6vw,8.4rem);line-height:.86}
h3{font-weight:700;font-stretch:88%;font-size:clamp(1.3rem,2vw,1.75rem);line-height:1.12;letter-spacing:-.01em;text-wrap:balance}
.lead{font-size:clamp(1.125rem,1.45vw,1.375rem);line-height:1.45;max-width:46ch;text-wrap:pretty}
b,strong{font-weight:680}
code{font:inherit;font-weight:680;font-stretch:88%;letter-spacing:.04em;font-variant-numeric:tabular-nums}

/* ---------- botões ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 28px;border:0;border-radius:4px;font:700 1.0625rem/1.1 var(--f);font-stretch:92%;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform 140ms var(--ease),background-color 140ms ease-out,box-shadow 140ms ease-out}
.btn:active{transform:translateY(1px) scale(.99)}
.btn:disabled{opacity:.55;cursor:not-allowed}
.btn-caixa{background:var(--caixa);color:var(--tinta);box-shadow:inset 0 -3px 0 rgba(8,20,38,.18)}
.btn-caixa:hover{background:#FFDD6B}
.btn-tinta{background:var(--tinta);color:var(--branco);box-shadow:inset 0 -3px 0 rgba(255,255,255,.12)}
.btn-tinta:hover{background:var(--tinta-2)}
.btn-claro{background:var(--branco);color:var(--tinta);border:1px solid var(--fio-2)}
.btn-larg{width:100%}
.btn-linha{display:inline-flex;align-items:center;gap:10px;min-height:56px;font-weight:650;text-decoration:none;position:relative}
.btn-linha::after{content:"";position:absolute;left:0;right:0;bottom:14px;height:2px;background:currentColor;transform-origin:left;transform:scaleX(.35);transition:transform 260ms var(--ease)}
.btn-linha:hover::after,.btn-linha:focus-visible::after{transform:scaleX(1)}
.link-btn{background:none;border:0;padding:0;text-decoration:underline;cursor:pointer}

/* ---------- cabeçalho ---------- */
.cab{position:fixed;inset:0 0 auto;z-index:50;color:var(--branco);padding-top:env(safe-area-inset-top,0px);transition:transform 320ms var(--ease),background-color 220ms ease-out,color 220ms ease-out,box-shadow 220ms ease-out}
.cab.solida{background:rgba(244,247,251,.94);color:var(--tinta);box-shadow:0 1px 0 var(--fio);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px)}
.cab.escuro.solida{background:rgba(8,20,38,.94);color:var(--branco);box-shadow:0 1px 0 var(--fio-esc)}
.cab.solida.em-heroi{background:rgba(18,56,181,.96);color:var(--branco);box-shadow:0 1px 0 rgba(255,255,255,.14)}
.cab.some{transform:translateY(-100%)}
.cab-in{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px}
.marca{display:inline-flex;align-items:center;gap:10px;text-decoration:none;min-height:48px}
.marca-s{width:28px;height:28px}
.marca-n{width:118px;height:17px}
.nav{display:flex;align-items:center;gap:6px}
.nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;text-decoration:none;font-weight:600;font-size:.98rem;border-radius:4px;opacity:.86;transition:opacity 140ms ease-out,background-color 140ms ease-out}
.nav a:hover{opacity:1;background:rgba(127,140,170,.14)}
.nav .nav-cta{opacity:1;background:var(--caixa);color:var(--tinta);margin-left:8px;padding:0 18px;font-weight:700}
.nav .nav-cta:hover{background:#FFDD6B}
.menu-btn{display:none}

/* ---------- 1 · herói ---------- */
.heroi{position:relative;isolation:isolate;min-height:max(100svh,780px);background:var(--cobalto);color:var(--branco);overflow:hidden;display:grid;grid-template-rows:auto 1fr;padding-top:calc(104px + env(safe-area-inset-top,0px))}
.h-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.h-topo{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,400px);gap:24px 56px;align-items:end}
.h1{margin-left:-.04em}
.h-lado{display:grid;gap:22px;padding-bottom:.4em}
.h-caixa{position:absolute;right:max(var(--gut),calc((100% - var(--max)) / 2 + var(--gut)));bottom:92px;width:236px;display:grid;gap:2px;justify-items:start}
.h-caixa-rot{font-weight:650;font-size:.95rem;opacity:.9}
.h-caixa-v{font-weight:800;font-stretch:75%;font-size:clamp(2.6rem,4.2vw,4rem);line-height:1;letter-spacing:-.02em;color:var(--caixa);font-variant-numeric:tabular-nums}
.h-caixa-ex{font-size:.8rem;line-height:1.35;opacity:.86;max-width:28ch;margin-top:4px}
.h-caixa-ex b{font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:.7rem;background:rgba(255,255,255,.16);padding:2px 6px;border-radius:2px;margin-right:2px}
.h-pix{list-style:none;position:absolute;left:0;bottom:calc(100% + 12px);display:grid;gap:8px;margin:0;justify-items:start}
.h-rastro{position:absolute;z-index:1;text-decoration:none;font-weight:700;font-size:.85rem;font-stretch:90%;background:var(--caixa);color:var(--tinta);padding:5px 9px;border-radius:3px;white-space:nowrap;opacity:0;transform:translateY(6px);transition:opacity 240ms var(--ease),transform 240ms var(--ease)}
.h-rastro.on{opacity:1;transform:none}
.h-rastro:not(.on){pointer-events:none}
.h-caixa-v.entrou{animation:entrou 380ms var(--ease)}
@keyframes entrou{0%{transform:translateY(6px);opacity:.6}100%{transform:none;opacity:1}}
.pix{display:grid;grid-template-columns:auto auto;align-items:center;gap:2px 12px;padding:10px 14px 10px 12px;border-radius:6px;background:var(--branco);color:var(--tinta);box-shadow:0 12px 30px -12px rgba(4,12,40,.55);transform-origin:left bottom;animation:pix-entra 420ms var(--ease) both}
.pix i{grid-row:span 2;width:26px;height:26px;border-radius:50%;background:var(--caixa);position:relative}
.pix i::after{content:"";position:absolute;left:8px;top:6px;width:7px;height:11px;border:solid var(--tinta);border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.pix span{font-size:.78rem;font-weight:600;color:var(--nevoa);line-height:1.1}
.pix b{font-size:1.05rem;font-weight:780;font-stretch:85%;line-height:1.1;font-variant-numeric:tabular-nums}
.pix.sai{animation:pix-sai 360ms var(--ease-in) both}
@keyframes pix-entra{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
@keyframes pix-sai{to{opacity:0;transform:translateY(-8px) scale(.97)}}
.h-sub{font-size:clamp(1.0625rem,1.3vw,1.25rem);line-height:1.45;opacity:.95;text-wrap:pretty}
.h-sub b{color:var(--branco);font-weight:700}
.h-acoes{display:flex;flex-wrap:wrap;align-items:center;gap:4px 24px}
.h-portas{position:relative;pointer-events:none;min-height:340px}
.porta{position:absolute;transform:translateX(-1px);display:grid;gap:0;padding-left:10px;border-left:1px solid rgba(255,255,255,.4);white-space:nowrap}
.porta-n{font-size:.8rem;font-weight:600;opacity:.82}
.porta-v{font-size:clamp(1.15rem,1.6vw,1.6rem);font-weight:760;font-stretch:80%;line-height:1.1;font-variant-numeric:tabular-nums}
.porta-p{font-size:.78rem;font-weight:600;color:var(--perdido);font-variant-numeric:tabular-nums}
.porta.paga .porta-v{color:var(--caixa)}
.porta.paga{border-left-color:var(--caixa)}
.h-pausa{position:absolute;right:max(var(--gut),calc((100% - var(--max)) / 2 + var(--gut)));bottom:24px;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;border:1px solid rgba(255,255,255,.35);border-radius:4px;background:rgba(8,20,38,.18);color:var(--branco);font-size:.85rem;font-weight:600;cursor:pointer}
.h-pausa i{width:10px;height:12px;border-left:3px solid currentColor;border-right:3px solid currentColor}
.h-pausa[aria-pressed="true"] i{border:0;width:0;height:0;border-left:10px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent}

/* ---------- seções claras ---------- */
.claro{background:var(--frio);color:var(--tinta)}
.claro .lead{color:var(--tinta-3)}

/* ---------- 2 · onde vaza ---------- */
.vaza{padding-block:clamp(96px,12vw,176px) clamp(48px,6vw,96px)}
.vaza-cab{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:32px 64px;align-items:end}
.vaza-lista{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 clamp(24px,3vw,48px);margin-top:clamp(56px,7vw,104px);align-items:start}
.vaza-lista li{position:relative;display:grid;gap:12px;align-content:start;padding-top:34px}
.vaza-lista li:nth-child(2){margin-top:clamp(48px,7vw,112px)}
.vaza-lista li:nth-child(3){margin-top:clamp(96px,14vw,224px)}
/* cada etapa é um pedaço do trilho que parte no fim: a linha desce em degraus, como a venda que vaza */
.vaza-lista li::before{content:"";position:absolute;left:0;top:0;width:calc(100% - 28px);height:8px;background:var(--cobalto);transform-origin:left;transform:scaleX(var(--s,1));transition:transform 500ms var(--ease)}
.vaza-lista li::after{content:"";position:absolute;right:0;top:-6px;width:16px;height:20px;border-left:3px solid var(--tinta);transform:skewX(-18deg);opacity:var(--q,1);transition:opacity 300ms ease-out}
.js .vaza-lista li{--s:0;--q:0}
.js .vaza-lista li.in{--s:1;--q:1}
.vz-foto{aspect-ratio:4/3;overflow:hidden;border-radius:4px;background:var(--cobalto-cl);margin-bottom:8px}
.vz-foto img{width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform 1200ms var(--ease)}
.vaza-lista li.in .vz-foto img{transform:none}
.vz-n{font-weight:800;font-stretch:75%;font-size:1rem;color:var(--cobalto);letter-spacing:.04em}
.vaza-lista p{color:var(--tinta-3);max-width:38ch}

/* ---------- 3 · manifesto ---------- */
.manif{padding-block:clamp(48px,6vw,96px) clamp(96px,12vw,176px)}
.manif-t{font-weight:700;font-stretch:82%;font-size:clamp(2rem,4.7vw,4.6rem);line-height:1.04;letter-spacing:-.02em;max-width:22ch;text-wrap:balance}
.manif-t .w{color:color-mix(in srgb,var(--tinta) calc(var(--o,1) * 100%),#66748A);transition:color 120ms linear}
.manif-t mark{background:linear-gradient(var(--caixa),var(--caixa)) no-repeat 0 88%/var(--m,100%) 38%;color:inherit;padding:0 .04em}

/* ---------- 3b · corte (foto inteira, com paralaxe leve) ---------- */
.corte{position:relative;margin:0;height:min(92vh,900px);min-height:520px;overflow:hidden;background:var(--tinta);color:var(--branco)}
.corte picture,.corte img{position:absolute;inset:0;width:100%;height:100%}
.corte img{object-fit:cover;object-position:60% 50%;transform:translateY(var(--y,0)) scale(1.14);will-change:transform}
.corte::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,20,38,.0) 30%,rgba(8,20,38,.78) 100%)}
.corte figcaption{position:absolute;left:0;right:0;bottom:clamp(32px,6vw,80px);margin-inline:auto;z-index:1;display:grid;font-weight:800;font-stretch:75%;font-size:clamp(3rem,8.2vw,8rem);line-height:.88;letter-spacing:-.025em;text-wrap:balance}
.corte figcaption span:last-child{color:var(--caixa)}

/* ---------- 4 · operação ---------- */
.oper{background:var(--tinta);color:var(--branco);position:relative}
.oper-pin{padding-block:clamp(96px,10vw,140px)}
.oper-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px 80px;align-items:center}
.oper-txt .h2{margin-bottom:clamp(28px,3vw,48px)}
.oper-passos{list-style:none;display:grid;border-top:1px solid var(--fio-esc)}
.oper-passos li{display:grid;grid-template-columns:150px minmax(0,1fr);gap:4px 24px;padding:16px 0;border-bottom:1px solid var(--fio-esc);transition:background-color 260ms var(--ease)}
.oper-passos li b{font-weight:780;font-stretch:78%;font-size:1.6rem;line-height:1.05;position:relative;padding-left:22px}
.oper-passos li b::before{content:"";position:absolute;left:0;top:.38em;width:10px;height:10px;border:2px solid currentColor;border-radius:50%}
.oper-passos li span{color:rgba(255,255,255,.9);font-size:1rem;line-height:1.5}
.oper-passos li.on{background:linear-gradient(90deg,rgba(255,212,71,.12),transparent 70%)}
.oper-passos li.on b::before{background:var(--caixa);border-color:var(--caixa)}
.oper-rastro{background:var(--tinta-2);border:1px solid var(--fio-esc);border-radius:6px;overflow:hidden}
.oper-rastro .faixa-ex{background:rgba(255,212,71,.14);color:var(--caixa)}
.rastro{list-style:none;position:relative;padding:22px 24px 26px 56px;display:grid;gap:10px}
.rastro::before{content:"";position:absolute;left:31px;top:34px;bottom:44px;width:2px;background:var(--fio-esc)}
.rastro::after{content:"";position:absolute;left:31px;top:34px;width:2px;height:calc((100% - 78px) * var(--p,1));background:var(--cobalto);transition:height 200ms linear}
.rastro.encaixou::after{background:var(--caixa)}
.ev{position:relative;display:grid;grid-template-columns:86px minmax(0,1fr);gap:2px 16px;padding:10px 14px;border-radius:4px;background:rgba(255,255,255,.03);transition:background-color 300ms ease-out,box-shadow 300ms ease-out}
.ev::before{content:"";position:absolute;left:-30px;top:16px;width:10px;height:10px;border-radius:50%;background:var(--tinta-2);border:2px solid var(--fio-esc-2)}
.ev time{grid-row:span 2;font-size:.85rem;font-weight:600;color:#BCC8DC;font-variant-numeric:tabular-nums;padding-top:2px}
.ev b{font-weight:700;font-size:1.05rem;color:#D5DDEA}
.ev span{font-size:.92rem;color:#BCC8DC}
.ev code{color:var(--branco);background:rgba(18,56,181,.6);padding:1px 6px;border-radius:2px;font-size:.85em}
.ev.on{background:rgba(255,255,255,.08);box-shadow:inset 3px 0 0 var(--cobalto)}
.ev.on b{color:var(--branco)}
.ev.on::before{background:var(--cobalto);border-color:var(--cobalto)}
.ev.falha.on{background:rgba(179,38,30,.16)}
.ev.falha b{text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:#FF8A80}
.ev.falha.on::before{background:#FF8A80;border-color:#FF8A80}
.ev.pago.on{background:var(--caixa);color:var(--tinta)}
.ev.pago.on time,.ev.pago.on span,.ev.pago.on b{color:var(--tinta)}
.ev.pago.on code{background:var(--tinta);color:var(--caixa)}
.ev.pago.on::before{background:var(--caixa);border-color:var(--caixa)}
.rastro.encaixou .ev:first-child code{background:var(--caixa);color:var(--tinta)}

/* faixa EXEMPLO */
.faixa-ex{background:var(--caixa-cl);color:var(--caixa-tx);font-weight:700;font-size:.78rem;letter-spacing:.06em;padding:10px 20px}

/* ---------- 5 · antes e depois ---------- */
.demo-sec{padding-block:clamp(96px,11vw,160px)}
.demo-cab{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:32px 64px;align-items:end;margin-bottom:clamp(40px,5vw,64px)}
.demo{background:var(--branco);color:var(--tinta);border-radius:6px;overflow:hidden;box-shadow:0 1px 0 var(--fio),0 30px 60px -40px rgba(8,20,38,.35)}
.demo-ctl{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:16px 24px;padding:22px 28px 6px}
.sel{display:grid;gap:6px;font-size:.875rem;font-weight:600;color:var(--tinta-3)}
.sel select{min-height:48px;min-width:220px;padding:0 40px 0 14px;border:1px solid var(--fio-2);border-radius:4px;background:var(--branco);font-size:1.0625rem;font-weight:600;color:var(--tinta);appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--tinta) 50%),linear-gradient(135deg,var(--tinta) 50%,transparent 50%);background-position:calc(100% - 20px) 21px,calc(100% - 14px) 21px;background-size:6px 6px;background-repeat:no-repeat}
.alterna{display:inline-grid;grid-template-columns:auto auto;border:1px solid var(--fio-2);border-radius:4px;overflow:hidden}
.alterna button{min-height:48px;padding:0 18px;border:0;background:var(--branco);color:var(--tinta-3);font-weight:650;cursor:pointer;transition:background-color 160ms ease-out,color 160ms ease-out}
.alterna button[aria-pressed="true"][data-m="antes"]{background:var(--tinta);color:var(--branco)}
.alterna button[aria-pressed="true"][data-m="depois"]{background:var(--cobalto);color:var(--branco)}
.trilho{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:18px 28px 0;border-top:2px solid var(--tinta)}
.trilho button{position:relative;border:0;background:transparent;text-align:left;padding:18px 8px 14px 0;cursor:pointer;color:var(--tinta-3);font-size:.95rem;line-height:1.25;min-height:64px}
.trilho button::before{content:"";position:absolute;left:0;top:-2px;width:1px;height:12px;background:var(--tinta)}
.trilho button small{display:block;font-weight:700;font-size:.72rem;color:var(--nevoa);margin-bottom:2px}
.trilho button[aria-pressed="true"]{color:var(--tinta);font-weight:700}
.trilho-marca{position:absolute;top:-4px;left:0;width:20%;height:6px;background:var(--cobalto);pointer-events:none;transition:transform 260ms var(--ease),width 260ms var(--ease)}
.trilho-nome{display:none}
.demo-cena{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px 48px;padding:28px 28px 32px;min-height:440px}
.demo-k{font-size:.875rem;font-weight:700}
.demo-k.antes{color:var(--perda)}.demo-k.depois{color:var(--cobalto)}
.demo-txt h3{margin-top:8px}
.demo-txt>p:not(.demo-k){margin-top:12px;color:var(--tinta-3)}
.demo-nav{display:flex;gap:10px;margin-top:24px}
.demo-nav button{min-height:44px;padding:0 14px;border:1px solid var(--fio-2);border-radius:4px;background:transparent;font-weight:650;cursor:pointer;color:var(--tinta)}
.demo-nav button:disabled{opacity:.4;cursor:default}
.lin{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--fio)}
.lin:first-child{border-top:0}
.lin .av{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:.8rem;background:var(--cobalto-cl);color:var(--cobalto)}
.lin .nm{font-weight:650}
.lin .or{font-size:.875rem;color:var(--nevoa)}
.st{font-weight:650;font-size:.8125rem;padding:5px 9px;border-radius:3px;white-space:nowrap}
.st.mal{background:var(--perda-cl);color:var(--perda)}.st.bem{background:var(--ok-cl);color:var(--ok)}.st.meio{background:var(--caixa-cl);color:var(--caixa-tx)}
.fone{max-width:380px;border-radius:22px;background:#0B141A;padding:9px}
.fone-tela{border-radius:15px;overflow:hidden;background:#EFE7DE}
.fone-top{display:flex;gap:10px;align-items:center;padding:10px 12px;background:#075E54;color:#fff}
.fone-top .av{width:30px;height:30px;border-radius:50%;background:#ffffff33;display:grid;place-items:center;font-weight:600;font-size:.75rem}
.fone-top b{display:block;font-size:.9rem}.fone-top small{font-size:.72rem;opacity:.85}
.fone-msgs{padding:12px;display:grid;gap:7px;min-height:260px;align-content:start}
.bb{max-width:86%;padding:8px 10px 6px;border-radius:9px;background:#fff;color:#111B21;font-size:.95rem;line-height:1.4}
.bb.eu{justify-self:end;background:#D9FDD3}
.bb small{display:block;text-align:right;font-size:.7rem;color:#667781;margin-top:2px}
.sys{justify-self:center;font-size:.76rem;font-weight:600;color:#54656F;background:#ffffffcc;padding:4px 9px;border-radius:6px}
.sys.mal{color:var(--perda)}
.ops{display:flex;flex-wrap:wrap;gap:6px}
.ops span{background:#fff;color:#027EB5;font-weight:600;font-size:.875rem;padding:7px 11px;border-radius:8px}
.regua-msg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:2px solid var(--tinta)}
.regua-msg div{padding:14px 12px 4px 0;font-size:.95rem;color:var(--tinta-3);position:relative}
.regua-msg div::before{content:"";position:absolute;left:0;top:-2px;width:1px;height:12px;background:var(--tinta)}
.regua-msg b{display:block;font-size:1.35rem;font-weight:780;font-stretch:80%;color:var(--tinta);font-variant-numeric:tabular-nums;padding-left:8px}
.regua-msg div span{display:block;padding-left:8px}
.funil{display:grid;gap:14px}
.funil .r{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px}
.funil .r span{font-size:.95rem;color:var(--tinta-3)}
.funil .r b{font-variant-numeric:tabular-nums;font-weight:750}
.funil .r i{grid-column:1/-1;display:block;height:10px;background:var(--cobalto);transition:width .3s var(--ease);min-width:3px}
.funil .r:last-child i{background:var(--caixa-2)}
.funil.antes .r i{background:var(--nevoa)}
.ano{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px}
.ano div{height:56px;background:var(--cobalto-cl)}
.ano div.c{background:var(--caixa)}
.ano div.l{background:var(--cobalto);box-shadow:none}
.ano-l{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px;margin-top:6px;font-size:.7rem;color:var(--nevoa);text-align:center}
.leg{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:12px;font-size:.875rem;color:var(--tinta-3)}
.leg i{display:inline-block;width:12px;height:12px;margin-right:6px;vertical-align:-1px}
.metrica{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;margin-top:22px;padding-top:16px;border-top:1px solid var(--fio)}
.metrica span{font-size:.95rem;color:var(--tinta-3)}
.metrica b{font-size:1.9rem;font-weight:800;font-stretch:78%;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.metrica b.mal{color:var(--perda)}.metrica b.bem{color:var(--cobalto)}
.demo-res{display:grid;grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);gap:8px 16px;align-items:center;background:var(--tinta);color:var(--branco);padding:24px 28px}
.res-n{display:grid;gap:2px}
.res-n span{font-size:.875rem;font-weight:600;color:rgba(255,255,255,.72)}
.res-n b{font-size:clamp(2rem,3.6vw,3rem);font-weight:800;font-stretch:76%;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1}
.res-n.depois b{color:var(--caixa)}
.res-n small{font-size:.8125rem;color:rgba(255,255,255,.66)}
.res-seta{height:2px;background:var(--fio-esc-2);position:relative}
.res-seta::after{content:"";position:absolute;right:-2px;top:-5px;border:6px solid transparent;border-left:8px solid var(--fio-esc-2);border-right:0}
.res-conta{grid-column:1/-1;margin-top:8px;border-top:1px solid var(--fio-esc);padding-top:10px}
.res-conta summary{cursor:pointer;font-weight:650;color:var(--caixa);min-height:44px;display:flex;align-items:center}
.cx-cascata{display:grid;gap:10px;margin:10px 0}
.cxr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;font-size:.95rem;color:rgba(255,255,255,.8)}
.cxr b{color:var(--caixa);font-variant-numeric:tabular-nums}
.cxr i{grid-column:1/-1;height:6px;background:var(--fio-esc);display:block;overflow:hidden}
.cxr i::after{content:"";display:block;height:100%;width:var(--p,0%);background:var(--caixa);transition:width .3s var(--ease)}
.cxr.cur{color:var(--branco);font-weight:650}
.cx-nota{font-size:.875rem;color:rgba(255,255,255,.66);margin-top:8px}

/* ---------- 6 · método (campo azul) ---------- */
.metodo{background:var(--cobalto);color:var(--branco);padding-block:clamp(96px,12vw,176px)}
.met-cab{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:32px 64px;align-items:end}
.metodo .lead{color:rgba(255,255,255,.9)}
.metodo .lead b{color:var(--caixa)}
.met-relatorio{margin-top:clamp(48px,6vw,80px)}
.met-relatorio>summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:0 4px;border-top:2px solid var(--branco);border-bottom:1px solid var(--fio-esc-2);font-weight:700;font-size:1.15rem}
.met-relatorio>summary::-webkit-details-marker{display:none}
.met-relatorio>summary::after{content:"";width:14px;height:14px;flex:none;background:linear-gradient(var(--caixa),var(--caixa)) center/100% 2.5px no-repeat,linear-gradient(var(--caixa),var(--caixa)) center/2.5px 100% no-repeat;transition:transform 220ms var(--ease)}
.met-relatorio[open]>summary::after{transform:rotate(45deg)}
.relat{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:16px;margin-top:24px}
.rel{border-radius:6px;padding:26px}
.rel-hoje{border:1px solid var(--fio-esc-2);background:transparent}
.rel-navs{background:var(--branco);color:var(--tinta)}
.rel-rot{font-size:.95rem;font-weight:700;margin-bottom:16px;display:flex;justify-content:space-between;gap:12px;align-items:center}
.rel-hoje .rel-rot{color:rgba(255,255,255,.86)}
.rel-rot .ex{font-size:.72rem;letter-spacing:.06em;background:var(--caixa-cl);color:var(--caixa-tx);padding:4px 8px;border-radius:2px}
.rel-hoje dl{margin:0;display:grid;grid-template-columns:1fr 1fr}
.rel-hoje dl div{padding:14px 0;border-top:1px solid var(--fio-esc)}
.rel-hoje dt{font-size:.875rem;color:rgba(255,255,255,.7)}
.rel-hoje dd{margin:2px 0 0;font-size:1.9rem;font-weight:780;font-stretch:78%;color:rgba(255,255,255,.62);font-variant-numeric:tabular-nums}
.rel-falta{margin-top:16px;padding-top:14px;border-top:2px solid var(--branco);font-weight:700;font-size:1.15rem;line-height:1.35;color:var(--branco)}
.rel-rota{list-style:none;display:grid;gap:10px}
.rel-rota li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;align-items:baseline}
.rel-rota li span{color:var(--tinta-3)}
.rel-rota li b{font-size:1.15rem;font-weight:760;font-variant-numeric:tabular-nums}
.rel-rota li i{grid-column:1/-1;display:block;height:8px;background:var(--cobalto);width:var(--w,0%);transform-origin:left;transition:transform 700ms var(--ease)}
.rel-rota li.paga span,.rel-rota li.paga b{color:var(--tinta);font-weight:750}
.rel-rota li.paga i{background:var(--caixa-2)}
.rel-caixa{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px;margin-top:20px;padding-top:16px;border-top:2px solid var(--tinta)}
.rel-caixa div{display:grid;gap:2px}
.rel-caixa span{font-size:.8rem;line-height:1.25;color:var(--nevoa)}
.rel-caixa b{font-size:1.4rem;font-weight:780;font-stretch:80%;font-variant-numeric:tabular-nums}
.rel-caixa div:first-child b{font-size:1.9rem;color:var(--cobalto)}
.rel-escala{margin-top:10px;font-size:.75rem;color:var(--nevoa)}
.hip{margin-top:clamp(48px,6vw,80px)}
.hip-cab{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:16px 24px;padding-bottom:18px;border-bottom:2px solid var(--branco)}
.hip-cab h3{max-width:24ch}
.hip-abas{display:flex;flex-wrap:wrap;gap:6px}
.hip-abas button{min-height:44px;padding:0 14px;border:1px solid var(--fio-esc-2);border-radius:4px;background:transparent;font-weight:650;font-size:.95rem;cursor:pointer;color:var(--branco)}
.hip-abas button[aria-selected="true"]{background:var(--branco);color:var(--cobalto);border-color:var(--branco)}
.hip-corpo{padding-top:28px}
.hip-veredito{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 40px;align-items:center}
.hip-veredito b{font-weight:800;font-stretch:75%;font-size:clamp(4rem,10vw,9rem);line-height:.82;letter-spacing:-.03em}
.hip-veredito.fica b{color:var(--caixa)}.hip-veredito.troca b{color:var(--perdido);text-decoration:line-through;text-decoration-thickness:.06em}
.hip-veredito p{font-size:1.2rem;line-height:1.45;max-width:52ch}
.hip-veredito small{grid-column:1/-1;font-size:.875rem;opacity:.75}
.hip-veredito.carimbo b{animation:carimbo 240ms var(--ease) both}
@keyframes carimbo{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:none}}
.hip-ficha{margin-top:24px;border-top:1px solid var(--fio-esc)}
.hip-ficha summary{cursor:pointer;font-weight:650;min-height:52px;display:flex;align-items:center;color:var(--caixa)}
.hip-ficha dl{margin:0 0 8px}
.hip-ficha dl div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:4px 16px;padding:12px 0;border-top:1px solid var(--fio-esc)}
.hip-ficha dt{font-weight:650;opacity:.8;font-size:.95rem}
.hip-ficha dd{margin:0;font-variant-numeric:tabular-nums}
.passos{list-style:none;counter-reset:s;margin-top:clamp(64px,8vw,104px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:2px solid var(--branco)}
.passos li{counter-increment:s;position:relative;padding:22px 24px 0 0;color:rgba(255,255,255,.82);font-size:1rem}
.passos li::before{content:counter(s,decimal-leading-zero);display:block;font-weight:800;font-stretch:75%;font-size:2.4rem;line-height:1;color:var(--caixa)}
.passos b{display:block;margin:12px 0 6px;font-size:1.2rem;color:var(--branco)}

/* ---------- 7 · calculadora ---------- */
.calc-sec{padding-block:clamp(96px,11vw,160px)}
.calc-cab{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:32px 64px;align-items:end;margin-bottom:clamp(40px,5vw,64px)}
.calc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.calc-ent{border:0;margin:0;padding:28px;background:var(--branco);border-radius:6px;display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;align-content:start;box-shadow:0 1px 0 var(--fio)}
.cp{display:grid;gap:6px;font-size:.92rem;font-weight:600;color:var(--tinta-3)}
.cp input,.cp select{min-height:52px;padding:0 14px;border:1px solid var(--fio-2);border-radius:4px;background:var(--branco);font-size:1.125rem;font-weight:650;color:var(--tinta);font-variant-numeric:tabular-nums;width:100%}
.cp input:focus,.cp select:focus{border-color:var(--cobalto);outline:3px solid rgba(18,56,181,.25);outline-offset:0}
.cp input[aria-invalid="true"]{border-color:var(--perda);background:var(--perda-cl)}
.calc-ent .cp:nth-of-type(5){grid-column:1/-1}
.calc-resumo{display:none}
.calc-mel{grid-column:1/-1;display:grid;gap:14px;padding-top:18px;border-top:1px solid var(--fio)}
.calc-mel p{font-weight:700}
.sl{display:grid;gap:8px;font-weight:600;color:var(--tinta-3)}
.sl span{display:flex;justify-content:space-between}
.sl b{color:var(--cobalto);font-variant-numeric:tabular-nums}
.sl input{width:100%;accent-color:var(--cobalto);min-height:32px}
.calc-res{background:var(--tinta);color:var(--branco);border-radius:6px;overflow:hidden;display:grid;align-content:start;padding-bottom:26px}
.calc-res .faixa-ex{margin-bottom:22px}
.calc-res>p:not(.faixa-ex),.calc-res>div{margin-inline:28px}
.calc-k{font-weight:650;color:rgba(255,255,255,.72);font-size:.95rem}
.calc-v{font-weight:800;font-stretch:75%;font-size:clamp(2.8rem,5.4vw,4.8rem);line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:4px}
.calc-v.mais{color:var(--caixa)}
.calc-s{color:rgba(255,255,255,.74);font-size:.95rem;margin:6px 0 22px}
.calc-erro{margin:0 28px 14px;color:#FFB4AB;font-weight:650}
.calc-leg{display:flex;gap:18px;font-size:.85rem;color:rgba(255,255,255,.75)}
.calc-leg span::before{content:"";display:inline-block;width:12px;height:12px;margin-right:6px;vertical-align:-1px}
.lg-h::before{background:var(--nevoa)}.lg-n::before{background:var(--caixa)}
.calc-barras{display:grid;gap:6px;margin-top:12px}
.cb{display:grid;grid-template-columns:110px minmax(0,1fr) 56px;gap:10px;align-items:center;font-size:.9rem;color:rgba(255,255,255,.82)}
.cb i{display:block;height:12px;background:rgba(255,255,255,.08);position:relative}
.cb i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--p,0%);background:var(--nevoa);transition:width .35s var(--ease)}
.cb.n i::after{background:var(--caixa)}
.cb b{font-variant-numeric:tabular-nums;text-align:right}
.cb.n{margin-bottom:8px}
.calc-aviso{font-size:.85rem;color:rgba(255,255,255,.62);margin-top:16px}

/* ---------- 8 · prova ---------- */
.prova{background:var(--tinta);color:var(--branco);padding-block:clamp(96px,12vw,176px)}
.prova-in>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 80px;align-items:start}
.prova .h2{grid-column:1}
.prova .lead{grid-column:1;color:rgba(255,255,255,.82)}
.prova-in>div>.ficha{grid-column:2;grid-row:1/span 2}
.ficha{list-style:none;display:grid;border-top:1px solid var(--fio-esc)}
.ficha-mais{grid-column:2;grid-row:3}
.ficha-mais>summary{cursor:pointer;min-height:56px;display:flex;align-items:center;font-weight:700;color:var(--caixa)}
.ficha-mais .ficha{border-top:0}
.ficha li{padding:18px 0;border-bottom:1px solid var(--fio-esc);color:rgba(255,255,255,.82)}
.ficha li b{color:var(--branco)}
.ficha li.dest b{display:block;font-weight:780;font-stretch:80%;font-size:1.6rem;line-height:1.1;margin-bottom:6px;color:var(--caixa)}
.ficha em{display:block;font-style:normal;margin-top:6px;color:var(--perdido);font-weight:600}
.prova-nota{grid-column:1;font-size:.9rem;color:rgba(255,255,255,.62);max-width:48ch}

/* ---------- 9 · sem refém ---------- */
.dono{padding-block:clamp(96px,12vw,176px) clamp(48px,6vw,80px)}
.dono-in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px 80px;align-items:start}
.regras{list-style:none;counter-reset:r;display:grid;border-top:2px solid var(--tinta)}
.regras li{counter-increment:r;position:relative;padding:20px 0 20px 72px;border-bottom:1px solid var(--fio);color:var(--tinta-3)}
.regras li::before{content:counter(r,decimal-leading-zero);position:absolute;left:0;top:18px;font-weight:800;font-stretch:75%;font-size:2.2rem;line-height:1;color:var(--cobalto)}
.regras li b{display:block;color:var(--tinta);font-size:1.15rem;margin-bottom:4px}

/* ---------- 10 · contratação ---------- */
.contrat{padding-block:clamp(48px,6vw,80px) clamp(96px,11vw,160px)}
.con-cab{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:24px 64px;align-items:end;margin-bottom:40px}
.tabela-wrap{overflow-x:auto}
.comp{width:100%;border-collapse:collapse;min-width:640px}
.comp th,.comp td{text-align:left;vertical-align:top;padding:20px 24px 20px 0;border-top:1px solid var(--fio)}
.comp thead th{border-top:0;padding-bottom:14px;font-weight:800;font-stretch:76%;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1;letter-spacing:-.01em}
.comp thead th:last-child{color:var(--cobalto)}
.comp tbody th{font-weight:700;width:22%;color:var(--tinta)}
.comp td{color:var(--tinta-3);width:39%}

/* ---------- 11 · perguntas ---------- */
.faq{padding-block:clamp(72px,8vw,120px) clamp(96px,11vw,160px);border-top:1px solid var(--fio)}
.faq-in{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:40px 80px;align-items:start}
.faq-lista details{border-bottom:1px solid var(--fio)}
.faq-lista details:first-child{border-top:2px solid var(--tinta)}
.faq-lista summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:68px;font-weight:700;font-size:1.2rem;line-height:1.25}
.faq-lista summary::-webkit-details-marker{display:none}
.faq-lista summary::after{content:"";flex:none;width:14px;height:14px;background:linear-gradient(var(--cobalto),var(--cobalto)) center/100% 2.5px no-repeat,linear-gradient(var(--cobalto),var(--cobalto)) center/2.5px 100% no-repeat;transition:transform 220ms var(--ease)}
.faq-lista details[open] summary::after{transform:rotate(45deg)}
.faq-lista p{padding:0 0 22px;color:var(--tinta-3);max-width:62ch}

/* ---------- 12 · candidatura (campo amarelo) ---------- */
.cand{background:var(--caixa);color:var(--tinta);padding-block:clamp(96px,12vw,176px)}
.cand-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px 80px;align-items:start}
.cand .lead{color:var(--tinta);margin-top:28px}
.cand-passos{list-style:none;counter-reset:c;display:grid;margin-top:40px;border-top:2px solid var(--tinta)}
.cand-passos li{counter-increment:c;position:relative;padding:16px 0 16px 52px;border-bottom:1px solid rgba(8,20,38,.22)}
.cand-passos li::before{content:counter(c);position:absolute;left:0;top:12px;font-weight:800;font-stretch:75%;font-size:1.8rem;line-height:1.1}
.cand-nao{margin-top:20px;font-size:.95rem}
.form{background:var(--branco);border-radius:6px;padding:28px;display:grid;gap:16px;box-shadow:0 30px 60px -36px rgba(80,60,0,.45);position:sticky;top:96px}
.form h3{font-size:1.6rem}
.form-campos{display:grid;gap:16px}
.form-campos[hidden]{display:none}
.radios{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center}
.radios legend{width:100%;margin-bottom:6px}
.radios label{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:1.05rem;color:var(--tinta);font-weight:600}
.radios input{width:20px;height:20px;accent-color:var(--cobalto)}
.form-st{font-weight:650;padding:12px 14px;border-radius:4px}
.form-st.falta,.form-st.aviso{background:var(--perda-cl);color:var(--perda)}
.form-st.ok{background:var(--ok-cl);color:var(--ok)}
.form-denovo{font-weight:650}
.i-wa{width:22px;height:22px}
.form-lgpd{font-size:.85rem;color:var(--nevoa)}
.form-embreve{display:grid;gap:10px}
.form-embreve-t{font-weight:800;font-stretch:78%;font-size:2rem;line-height:1.05;color:var(--cobalto)}
.form-embreve p:not(.form-embreve-t){color:var(--tinta-3)}
.embreve-passos{list-style:none;display:grid;margin-top:6px;border-top:1px solid var(--fio)}
.embreve-passos li{padding:12px 0 12px 28px;border-bottom:1px solid var(--fio);position:relative;color:var(--tinta-3)}
.embreve-passos li::before{content:"";position:absolute;left:4px;top:19px;width:12px;height:12px;border:2px solid var(--fio-2);border-radius:2px}

/* ---------- rodapé ---------- */
.rodape{background:var(--tinta);color:rgba(255,255,255,.8);padding-top:clamp(64px,8vw,104px);overflow:hidden}
.rod-in{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:32px 48px;font-size:.95rem}
.rod-in p+p{margin-top:12px}
.rod-in a{color:var(--branco);text-underline-offset:4px}
.rod-frase{font-weight:780;font-stretch:78%;font-size:clamp(1.8rem,2.6vw,2.4rem);line-height:1.02;color:var(--branco)}
.rod-ano{color:rgba(255,255,255,.6)}
.rod-marca{position:relative;margin-top:clamp(56px,7vw,96px);padding-inline:var(--gut);padding-bottom:clamp(20px,3vw,40px)}
.rod-nome{width:100%;height:auto;color:var(--cobalto);aspect-ratio:330/48}
.rod-marca canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.rod-marca.pontos .rod-nome{opacity:0}

/* ---------- barra do celular e cookies ---------- */
.barra{position:fixed;left:0;right:0;bottom:0;z-index:40;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:rgba(8,20,38,.94);transform:translateY(110%);transition:transform 280ms var(--ease);display:none}
.barra.on{transform:none}
.cookies{position:fixed;left:16px;right:16px;bottom:16px;z-index:60;max-width:560px;margin-inline:auto;background:var(--tinta);color:var(--branco);padding:18px;border-radius:6px;display:grid;gap:12px;box-shadow:0 20px 40px -20px rgba(0,0,0,.5)}
.cookies[hidden]{display:none}
.ck-btns{display:flex;gap:10px}
.ck-btns .btn{flex:1;min-height:48px}

/* ---------- revelação ao entrar no ecrã (só com JS; sem JS tudo aparece) ---------- */
.js .rv{opacity:0;transform:translateY(22px);transition:opacity 620ms var(--ease),transform 720ms var(--ease)}
.js .rv.in{opacity:1;transform:none}
.js .rel-rota li i{transform:scaleX(0)}
.js .rel-navs.in .rel-rota li i{transform:scaleX(1)}

/* ---------- computador médio ---------- */
@media (max-width:1100px){
  .h-topo{grid-template-columns:minmax(0,1fr) 260px}
  .oper-in{gap:40px}
  .oper-passos li{grid-template-columns:1fr}
  .demo-cena{grid-template-columns:1fr}
  .relat{grid-template-columns:1fr}
}

/* ---------- celular: outra edição ---------- */
@media (max-width:760px){
  body{font-size:1.0625rem}
  .cab-in{min-height:60px}
  .marca-n{width:100px;height:15px}
  .menu-btn{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 4px 0 12px;border:0;background:transparent;font-weight:700;cursor:pointer}
  .menu-btn i{width:20px;height:12px;border-top:2px solid currentColor;border-bottom:2px solid currentColor;position:relative}
  .menu-btn[aria-expanded="true"] i{border-color:transparent}
  .menu-btn[aria-expanded="true"] i::before,.menu-btn[aria-expanded="true"] i::after{content:"";position:absolute;left:0;right:0;top:3px;height:2px;background:currentColor;transform:rotate(45deg)}
  .menu-btn[aria-expanded="true"] i::after{transform:rotate(-45deg)}
  .nav{position:fixed;inset:60px 0 0;flex-direction:column;align-items:stretch;gap:0;padding:12px var(--gut) 32px;background:var(--tinta);color:var(--branco);transform:translateY(-8px);opacity:0;visibility:hidden;transition:opacity 200ms ease-out,transform 260ms var(--ease),visibility 0s 260ms}
  .nav.aberto{opacity:1;transform:none;visibility:visible;transition:opacity 200ms ease-out,transform 260ms var(--ease)}
  .nav a{min-height:64px;font-size:1.8rem;font-weight:780;font-stretch:78%;border-bottom:1px solid var(--fio-esc);border-radius:0;padding:0;opacity:1}
  .nav .nav-cta{margin:24px 0 0;justify-content:center;font-size:1.125rem;font-stretch:92%;border:0;min-height:56px;border-radius:4px}
  .cab.menu-aberto{background:var(--tinta);color:var(--branco)}

  .heroi{min-height:auto;padding-top:calc(84px + env(safe-area-inset-top,0px));grid-template-rows:auto auto auto;padding-bottom:0}
  .h-topo{grid-template-columns:1fr;gap:16px}
  .h1{font-size:clamp(4rem,19.5vw,6.2rem)}
  .h-lado{gap:16px;padding:0}
  .h-acoes{gap:4px 20px}
  .h-acoes .btn{width:100%}
  .h-portas{position:relative;height:310px;min-height:0;margin-top:22px}
  .porta{border-left:0;border-top:1px solid rgba(255,255,255,.35);padding:4px 0 0;grid-template-columns:auto auto;justify-content:space-between;width:calc(100% - 2 * var(--gut));left:var(--gut)!important;transform:none;gap:0 10px}
  .porta-n{grid-column:1}
  .porta-v{grid-column:2;grid-row:1/span 2;font-size:1.3rem;text-align:right}
  .porta-p{grid-column:1}
  .porta.paga{border-top-color:var(--caixa)}
  .h-caixa{position:relative;right:auto;bottom:auto;width:auto;margin:6px var(--gut) 0;padding-bottom:84px}
  .h-caixa-v{font-size:2.8rem}
  .h-caixa-ex{max-width:none}
  .h-pix{position:relative;height:60px;margin-top:10px;left:auto;bottom:auto}
  .h-pix .pix{position:absolute;left:0;top:0}
  .h-pix .pix:nth-child(n+2){display:none}
  .pix{padding:8px 12px 8px 10px}
  .h-pausa{right:var(--gut);bottom:22px;min-height:44px;padding:0 12px;font-size:.85rem}
  .h-rastro{font-size:.78rem}

  .vaza-cab,.demo-cab,.met-cab,.calc-cab,.con-cab{grid-template-columns:1fr}
  .vaza-lista{grid-template-columns:1fr;gap:40px}
  .vaza-lista li:nth-child(n){margin-top:0}
  .vaza-lista li{grid-template-columns:96px minmax(0,1fr);gap:6px 16px;align-items:start}
  .vz-foto{grid-row:1/span 2;aspect-ratio:1;margin:0}
  .vz-n,.vaza-lista h3{grid-column:2}
  .vaza-lista h3{align-self:start}
  .vaza-lista p{grid-column:1/-1}
  .corte{height:380px;min-height:0}
  .corte img{object-position:72% 50%;transform:scale(1.02)!important}
  .corte figcaption{font-size:clamp(2.4rem,11vw,3.4rem)}
  .manif-t{font-size:clamp(1.9rem,8.6vw,2.6rem)}

  .oper-in{grid-template-columns:1fr}
  .oper-passos li{grid-template-columns:1fr;opacity:1}
  .oper-passos li b{font-size:1.35rem}
  .rastro{padding:18px 16px 22px 44px}
  .rastro::before,.rastro::after{left:23px}
  .ev{grid-template-columns:1fr;padding:10px 12px}
  .ev::before{left:-26px}
  .ev time{grid-row:auto}

  .demo-ctl{padding:18px 16px 4px}
  .sel select{min-width:0;width:100%}
  .sel{width:100%}
  .alterna{width:100%;grid-template-columns:1fr 1fr}
  .trilho{margin:18px 16px 0;grid-template-columns:repeat(5,minmax(0,1fr))}
  .trilho button .tn{display:none}
  .trilho-nome{display:block;margin:10px 16px 0;font-weight:700}
  .demo-cena{padding:18px 16px 24px;min-height:0}
  .demo-res{grid-template-columns:1fr;padding:20px 16px}
  .res-seta{display:none}
  .regua-msg{grid-template-columns:1fr 1fr}

  .relat{grid-template-columns:1fr}
  .rel{padding:20px}
  .rel-caixa{grid-template-columns:1fr 1fr}
  .rel-caixa div:first-child{grid-column:1/-1}
  .hip-veredito{grid-template-columns:1fr}
  .hip-ficha dl div{grid-template-columns:1fr}
  .passos{grid-template-columns:1fr 1fr;gap:0 16px}
  .passos li{padding-bottom:22px}

  .calc{grid-template-columns:1fr}
  .calc-ent{grid-template-columns:1fr;padding:20px}
  .calc-resumo{display:flex;justify-content:space-between;gap:12px;position:sticky;top:64px;z-index:2;background:var(--tinta);color:var(--branco);padding:12px 14px;border-radius:4px;margin-inline:-6px;font-weight:600}
  .calc-resumo b{display:block;font-size:1.3rem;font-weight:800;font-stretch:78%}
  .calc-resumo span:last-child b{color:var(--caixa)}
  .calc-res>p:not(.faixa-ex),.calc-res>div{margin-inline:18px}
  .cb{grid-template-columns:90px minmax(0,1fr) 48px}

  .prova-in>div{grid-template-columns:1fr}
  .prova-in>div>.ficha,.ficha-mais{grid-column:1;grid-row:auto}
  .dono-in,.faq-in,.cand-in{grid-template-columns:1fr}
  .comp{min-width:0}
  .comp thead{display:none}
  .comp tr{display:grid;border-top:2px solid var(--tinta);padding:14px 0}
  .comp th,.comp td{border:0;padding:6px 0;width:auto}
  .comp td::before{content:attr(data-r);display:block;font-weight:800;font-stretch:78%;font-size:1.05rem;color:var(--tinta)}
  .comp td:last-child::before{color:var(--cobalto)}
  .form{position:static;padding:20px}
  .rod-in{grid-template-columns:1fr}
  .barra{display:block}
}

/* ---------- movimento reduzido ---------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}
  .js .rv{opacity:1;transform:none}
  .h-pausa{display:none}
}

/* operação presa à rolagem (só computador; o JS dá a altura) */
.oper.fixa .oper-pin{position:sticky;top:0;height:100vh;height:100svh;display:grid;align-content:center;padding-block:72px 32px}

/* registo de consulta: menos comprimido que os capítulos */
.dono .h2,.con-cab .h2,.faq .h2{font-stretch:90%;font-weight:650;font-size:clamp(2.5rem,4.2vw,4rem);line-height:1.04;letter-spacing:-.02em}
.porta-v,.rel-caixa b{font-stretch:90%}
.sem-canal .barra{display:none!important}

/* ---------- páginas de texto (privacidade, termos, 404) ---------- */
.faixa{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--gut)}
.topo{background:var(--cobalto);color:var(--branco)}
.topo-in{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px}
.marca-sim{width:28px;height:28px}.marca-nome{width:118px;height:17px}
.link-claro{display:inline-flex;align-items:center;min-height:48px;color:var(--branco);font-weight:700;text-underline-offset:5px}
.doc{max-width:calc(760px + 2 * var(--gut));padding-block:clamp(56px,7vw,96px) clamp(72px,9vw,128px)}
.doc h1{font-weight:780;font-stretch:78%;font-size:clamp(2.6rem,6vw,4.6rem);line-height:.95;letter-spacing:-.02em;margin-bottom:16px}
.doc h2{font-weight:700;font-stretch:88%;font-size:1.45rem;line-height:1.15;margin-top:44px}
.doc p,.doc li{color:var(--tinta-3);margin-top:12px}
.doc ul,.doc ol{padding-left:1.2em}
.doc a{color:var(--cobalto);font-weight:650}
.doc-data{font-size:.92rem;color:var(--nevoa)!important}
.doc-resumo{background:var(--caixa-cl);color:var(--tinta)!important;padding:16px 20px;border-radius:4px;margin-top:24px!important}
.doc-rod{padding-block:32px;font-size:.92rem}
.doc-rod a{color:var(--branco)}