/* ===== Henrique Almeida · v4 ===== */
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url('/vendor/fonts/barlow-600.woff2') format('woff2')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url('/vendor/fonts/barlow-700.woff2') format('woff2')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:800;font-display:swap;src:url('/vendor/fonts/barlow-800.woff2') format('woff2')}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url('/vendor/fonts/instrument-serif-italic.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:500 700;font-display:swap;src:url('/vendor/fonts/inter.woff2') format('woff2')}
:root{
  --bg:#0B0F12; --bg2:#0E1418; --card:#121A1F; --line:rgba(255,255,255,.1);
  --txt:#F5F6F4; --mut:#B9C3C8; --soft:#E6EBED;
  --teal:#17A2B2; --teal-s:#1499A9; --teal-l:#7FE0EA; --teal-d:#0F6E7A; --orange:#F2811D; --ink:#06262B;
  --disp:"Barlow Condensed","Arial Narrow",Impact,sans-serif;
  --serif:"Instrument Serif",Georgia,"Times New Roman",serif;
  --body:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --wrap:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--txt);font-family:var(--body);font-size:18px;line-height:1.6;overflow-x:hidden;font-weight:600}
body::after{content:"";position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%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")}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2{font-family:var(--disp);font-weight:800;line-height:.95;letter-spacing:-.012em;margin:0 0 .5em}
h1{font-size:clamp(2.6rem,6.6vw,5rem)}
h2{font-size:clamp(2.1rem,5.4vw,4.3rem)}
h2.big{font-size:clamp(2.5rem,8vw,6.4rem)}
em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--teal-l);letter-spacing:0}
h1 em,h2 em,.punch em{font-size:1.06em}
p{margin:0 0 1em}
.wrap{width:min(var(--wrap),100% - 2.5rem);margin-inline:auto}
.lead{font-size:clamp(1.15rem,1.6vw,1.35rem);color:#EEF2F3;max-width:56ch;line-height:1.55;font-weight:600}
.sec{padding:clamp(3.5rem,7vw,6rem) 0;position:relative}
/* separação: secções coloridas entram em diagonal sobre a anterior; secções escuras levam um fio com brilho */
.slant{margin-top:-3.2vw;padding-top:calc(clamp(3.5rem,7vw,6rem) + 3.2vw);clip-path:polygon(0 3.2vw,100% 0,100% 100%,0 100%)}
.rule{border-top:1px solid var(--line)}
.rule::before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:linear-gradient(90deg,transparent,var(--teal) 35%,var(--teal-l) 50%,var(--teal) 65%,transparent)}
.num{display:block;font-family:var(--disp);font-weight:700;font-size:1rem;letter-spacing:.3em;color:var(--teal);margin-bottom:1.4rem}
.num::after{content:"";display:inline-block;width:40px;height:1px;background:var(--teal);margin-left:.8rem;vertical-align:middle}

/* máscara de títulos */
.mask{overflow:hidden;display:flex;flex-wrap:wrap;column-gap:.24em;row-gap:0;padding-bottom:.18em;margin-bottom:.35em;text-wrap:balance}
.mask.done{overflow:visible}
.mask>span{display:inline-block;will-change:transform}
h1.letters .w{vertical-align:top}
.mask .keep{white-space:nowrap}

/* botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;font-family:var(--disp);font-weight:700;font-size:1.4rem;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;border:0;border-radius:999px;padding:1.05rem 2rem;min-height:60px;line-height:1.1;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:background .2s}
.wa{background:var(--orange);color:#111;box-shadow:0 14px 34px -12px rgba(242,129,29,.75)}
.wa:hover{background:#FF9236}
.l-short{display:none}
@media(max-width:640px){.l-full{display:none}.l-short{display:inline}.btn{font-size:1.25rem;padding:1rem 1.4rem;width:100%}.ticket .btn,.final .btn{width:calc(100% - 12px);margin-inline:auto;display:flex}}

/* header */
.top{position:absolute;inset:0 0 auto;z-index:20;padding:1rem 0}
.top-in{display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none}
.mark{width:44px;height:44px;flex:none;object-fit:contain}
.brand-t{display:flex;flex-direction:column;line-height:1.05}
.brand-t strong{font-family:var(--disp);font-size:1.15rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.brand-t small{font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:var(--teal-l)}
@media(max-width:480px){.brand-t{display:none}}

/* herói */
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;isolation:isolate;overflow:hidden}
.hero-media{position:absolute;inset:0;z-index:-3;will-change:transform}
.hero-cast{position:absolute;bottom:0}
/* luz de estúdio atrás dele: duas fontes nas cores da marca (turquesa à esquerda, laranja à direita) e um núcleo claro atrás da cabeça; tudo em % do recorte, por isso escala com ele */
.hero-glow{position:absolute;left:-100%;right:-100%;top:-40%;bottom:-10%;pointer-events:none;background:radial-gradient(15% 22% at 50% 43%,rgba(215,252,255,.72) 0,rgba(80,210,226,.46) 45%,transparent 100%),radial-gradient(28% 40% at 40% 46%,rgba(23,175,194,.62) 0,rgba(14,120,134,.26) 55%,transparent 100%),radial-gradient(20% 30% at 62% 56%,rgba(255,140,40,.48) 0,rgba(242,129,29,.16) 55%,transparent 100%)}
/* raios de luz suaves a partir do núcleo, mais fracos com a distância */
.hero-rays{position:absolute;left:-100%;right:-100%;top:-40%;bottom:-10%;pointer-events:none;background:conic-gradient(from 0deg at 50% 43%,transparent 2deg,rgba(255,185,110,0.16) 12deg,transparent 22deg,transparent 33deg,rgba(255,185,110,0.18) 40deg,transparent 47deg,transparent 56deg,rgba(255,185,110,0.12) 68deg,transparent 80deg,transparent 88deg,rgba(255,185,110,0.16) 96deg,transparent 104deg,transparent 113deg,rgba(255,185,110,0.11) 124deg,transparent 135deg,transparent 145deg,rgba(255,185,110,0.14) 152deg,transparent 159deg,transparent 198deg,rgba(170,245,252,0.17) 206deg,transparent 214deg,transparent 220deg,rgba(170,245,252,0.13) 232deg,transparent 244deg,transparent 250deg,rgba(170,245,252,0.2) 256deg,transparent 262deg,transparent 269deg,rgba(170,245,252,0.14) 282deg,transparent 295deg,transparent 300deg,rgba(170,245,252,0.18) 308deg,transparent 316deg,transparent 326deg,rgba(170,245,252,0.14) 336deg,transparent 346deg);-webkit-mask-image:radial-gradient(30% 44% at 50% 43%,#000 0,rgba(0,0,0,.65) 45%,transparent 100%);mask-image:radial-gradient(30% 44% at 50% 43%,#000 0,rgba(0,0,0,.65) 45%,transparent 100%)}
.hero-figure{position:absolute;inset:0;display:block;filter:drop-shadow(-10px 0 20px rgba(60,215,232,.55)) drop-shadow(12px 0 22px rgba(255,160,70,.45)) drop-shadow(0 34px 44px rgba(0,0,0,.55))}
.hero-figure img{display:block;width:100%;height:100%;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 80%,transparent 100%);mask-image:linear-gradient(180deg,#000 0,#000 80%,transparent 100%)}
.hero-cover{position:absolute;inset:0;z-index:-2;background:var(--bg);transform:translateY(101%)}
html.js .hero-cover{transform:none}
html.js .method-badge,html.js .hero .lead,html.js .hero .btn,html.js .facts li{opacity:0}
html.js.no-motion .hero-cover{transform:translateY(101%)}
html.js.no-motion .method-badge,html.js.no-motion .hero .lead,html.js.no-motion .hero .btn,html.js.no-motion .facts li{opacity:1}
.hero-in{padding:34vh 0 4.5rem}
.hero .lead{margin:.9rem 0 1.5rem}
.facts{list-style:none;padding:1.4rem 0 0;margin:2rem 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;border-top:1px solid var(--line)}
.facts li{display:flex;flex-direction:column;line-height:1.15}
.facts b{font-family:var(--disp);font-weight:800;font-size:2rem}
.facts li>span{font-size:.82rem;color:var(--mut)}
.scroll-hint{position:absolute;left:50%;bottom:1.1rem;width:1px;height:44px;background:rgba(255,255,255,.15);overflow:hidden;display:none}
.scroll-hint span{position:absolute;inset:0;background:var(--teal);animation:hint 1.8s ease-in-out infinite}
@keyframes hint{0%{transform:translateY(-100%)}60%,100%{transform:translateY(100%)}}
@media(min-width:900px) and (orientation:landscape){
  .hero{align-items:center;min-height:100vh}
  .hero-cast{--fh:min(93vh,1030px,57vw);right:max(1.4rem,calc((100vw - 1180px)/2 - 2.6rem));height:var(--fh);width:calc(var(--fh)*.5842)}
  .hero .hero-in{padding:clamp(5.2rem,12.5vh,7rem) 0 clamp(1.4rem,5vh,3.6rem);text-align:left}
  .hero .hero-in>*{max-width:min(560px,48vw);margin-inline:0}
  .hero .hero-in .facts,.hero .hero-in .lead{margin-inline:0}
  .hero .method-badge{font-size:clamp(1.1rem,min(2.6vw,3.5vh),1.9rem);margin-bottom:clamp(.6rem,1.8vh,.9rem)}
  .hero h1{font-size:clamp(2.1rem,min(4.3vw,7.2vh),3.9rem);line-height:1.04}
  .hero .lead{font-size:clamp(.98rem,min(1.45vw,2.6vh),1.3rem);margin:clamp(.5rem,1.4vh,.8rem) 0 clamp(.9rem,2.4vh,1.3rem)}
  .hero .btn{min-height:clamp(50px,7.4vh,60px);font-size:clamp(1.15rem,2.4vh,1.4rem)}
  .hero .hero-in .facts{margin-top:clamp(1.1rem,3vh,2.4rem);padding-top:clamp(.8rem,1.8vh,1.1rem)}
  .facts{max-width:520px}
  .facts b{font-size:clamp(1.6rem,3.3vh,2.1rem)}
  .scroll-hint{display:block}
}

/* marquee: corre sempre */
.marquee{overflow:hidden;position:relative;z-index:2;border-block:1px solid rgba(127,224,234,.25);padding:1rem 0;background:radial-gradient(55% 200% at 12% 50%,rgba(23,162,178,.3),transparent 65%),radial-gradient(55% 200% at 88% 50%,rgba(242,129,29,.24),transparent 65%),#0E1418}
.marquee-in{width:100vw;margin-inline:calc(50% - 50vw);margin-block:2.6rem 2.8rem}
.mq-track{display:flex;align-items:baseline;gap:2.2rem;width:max-content;animation:mq 14s linear infinite;white-space:nowrap}
.mq-track span{font-family:var(--disp);font-weight:800;font-size:1.7rem;letter-spacing:.1em;text-transform:uppercase}
.mq-track em{font-size:2rem}
@keyframes mq{to{transform:translateX(calc(-50% - 1.1rem))}}

/* 01 problema: centrado, aspas atrás do título */
.problema{text-align:center;overflow:hidden}
.problema .wrap{position:relative;max-width:1000px}
.problema .num{display:flex;align-items:center;justify-content:center}
.problema .mask{justify-content:center}
.problema .lead{margin-inline:auto;font-size:clamp(1.15rem,1.9vw,1.4rem)}
.quote-mark{position:absolute;left:50%;top:2.5rem;transform:translateX(-50%);font-family:var(--serif);font-size:clamp(16rem,34vw,30rem);line-height:.7;color:transparent;-webkit-text-stroke:1px rgba(127,224,234,.3);pointer-events:none;z-index:0}
.problema h2,.problema .lead,.punch{position:relative;z-index:1}
.punch{font-family:var(--disp);font-size:clamp(1.9rem,5.2vw,4.2rem);font-weight:800;line-height:1.02;margin:2rem auto 0;max-width:28ch}
.ul{position:relative;display:inline-block;white-space:nowrap}
.ul-line{position:absolute;left:0;right:0;bottom:-.06em;height:.14em;background:var(--orange);transform:scaleX(0);transform-origin:left;border-radius:2px}
.no-motion .ul-line{transform:none}
.bridge-line{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(1.4rem,2.6vw,1.9rem);color:var(--teal-l);margin:1.6rem auto 0}

/* 02 quem é + crenças: fundo no azul das letras */
.bridge{background:var(--teal-s);color:var(--ink)}
.bridge .num{color:var(--ink)}.bridge .num::after{background:var(--ink)}
.bridge h2{color:var(--ink)}.bridge h2 em{color:#fff}
.bridge .lead{color:#062A2F;font-weight:500}
.icp{background:var(--ink);color:#fff;border:none;border-left:4px solid var(--orange);border-radius:8px;padding:1.1rem 1.3rem 1.2rem;max-width:46ch;box-shadow:0 20px 40px -24px rgba(0,0,0,.55)}
.icp-eyebrow{display:flex;align-items:center;gap:.5rem;font-family:var(--disp);font-weight:700;font-size:.78rem;letter-spacing:.24em;text-transform:uppercase;color:var(--orange);margin-bottom:.6rem}
.icp-ic{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.icp p{margin:0;font-size:clamp(1.05rem,1.5vw,1.2rem);font-weight:600;line-height:1.45}
.icp strong{color:var(--teal-l);font-weight:700}
.bridge-in{display:grid;gap:2.2rem;align-items:center}
.duo{margin:0;position:relative;border-radius:8px;overflow:visible;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.duo img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 20%;filter:grayscale(1) contrast(1.08);border-radius:8px}
.duo::after{content:"";position:absolute;inset:0;border-radius:8px;background:linear-gradient(165deg,rgba(6,38,43,.25),rgba(6,38,43,.05) 55%,rgba(6,38,43,.75));mix-blend-mode:multiply}
.sticker{position:absolute;left:-.6rem;bottom:1.4rem;z-index:2;background:var(--orange);color:#111;font-family:var(--disp);font-weight:700;font-size:1.05rem;letter-spacing:.06em;text-transform:uppercase;padding:.55rem .9rem;transform:rotate(-3deg);box-shadow:0 10px 24px -10px rgba(0,0,0,.6)}
.bridge-cards{grid-column:1/-1;margin-top:1rem}
.sub{font-family:var(--serif);font-style:italic;font-weight:400;font-size:2.1rem;color:var(--ink);margin:0 0 1.2rem}
.beliefs{list-style:none;padding:0;margin:0;display:grid;gap:1rem;align-items:stretch}
.belief{position:relative;background:var(--bg);color:var(--txt);border-left:4px solid var(--orange);border-radius:6px;padding:1.4rem 1.4rem 1.5rem 1.5rem;box-shadow:0 24px 44px -24px rgba(0,0,0,.6)}
.belief span{font-family:var(--disp);font-weight:700;font-size:.9rem;letter-spacing:.3em;color:var(--teal-l);display:block;margin-bottom:.5rem}
.belief p{margin:0;font-family:var(--disp);font-weight:700;font-size:clamp(1.5rem,2.2vw,1.8rem);line-height:1.1}
.belief p em{color:var(--teal-l)}
@media(min-width:640px){.beliefs{grid-template-columns:1fr 1fr}}
@media(min-width:900px){
  .bridge-in{grid-template-columns:5fr 7fr;gap:3rem 4rem}
  .beliefs{grid-template-columns:repeat(4,1fr);gap:1.2rem}
  .belief:nth-child(1){transform:rotate(-1.4deg)}
  .belief:nth-child(2){transform:rotate(1deg)}
  .belief:nth-child(3){transform:rotate(-.8deg)}
  .belief:nth-child(4){transform:rotate(1.4deg)}
}

/* 03 resultados: baralho */
.transf{overflow:hidden;background:var(--teal-s);color:var(--ink)}
.transf .num{color:var(--ink)}.transf .num::after{background:var(--ink)}
.transf h2{color:var(--ink)}.transf h2 em{color:#fff}
.transf .lead{color:#062A2F;font-weight:500}
.transf .deck-count{color:#062A2F}
.transf .deck-count i{color:var(--ink)}
.transf .deck-ui button{border-color:rgba(6,38,43,.35);color:var(--ink)}
.transf .deck-ui button:hover{background:var(--teal-d);border-color:var(--teal-d);color:#fff}
html{overflow-x:hidden}
.transf-in{display:grid;gap:2.5rem;align-items:center}
.transf-in{grid-template-areas:"head" "deck" "cta"}
.transf-head{grid-area:head}
.deck{grid-area:deck}
.transf-cta{grid-area:cta;text-align:center}
.deck-ui{display:flex;align-items:center;gap:.8rem;margin-top:.5rem}
.deck-ui button,.car-nav button{width:52px;height:52px;border-radius:50%;border:1.5px solid rgba(255,255,255,.3);background:transparent;color:#fff;font-size:1.35rem;cursor:pointer;transition:background .2s,border-color .2s}
.deck-ui button:hover,.car-nav button:hover{background:var(--teal-d);border-color:var(--teal-d)}
.deck-count{font-family:var(--disp);font-weight:700;font-size:1.2rem;letter-spacing:.1em;color:var(--mut)}
.deck-count i{font-style:normal;color:var(--txt)}
.deck{position:relative;width:min(100%,500px);aspect-ratio:4/5.35;margin-inline:auto;touch-action:pan-y;user-select:none}
.dk{position:absolute;inset:0;margin:0;border-radius:12px;overflow:hidden;background:#0E1418;box-shadow:0 40px 80px -30px rgba(0,0,0,.9);will-change:transform;transform-origin:50% 100%;display:flex;flex-direction:column}
.dk img{width:100%;height:100%;flex:1;min-height:0;object-fit:contain;object-position:center;display:block}
.lbl{position:absolute;left:-.4rem;top:1.1rem;z-index:2;background:var(--txt);color:#111;font-family:var(--disp);font-weight:800;font-size:1.5rem;letter-spacing:.02em;padding:.4rem .9rem;transform:rotate(-3deg);box-shadow:0 8px 20px -8px rgba(0,0,0,.7)}
.dk figcaption{flex:none;padding:.8rem 1rem .9rem;font-size:.95rem;color:var(--soft);background:var(--card)}
.no-motion .deck{aspect-ratio:auto;display:flex;gap:1rem;overflow-x:auto;width:100%;scroll-snap-type:x mandatory}
.no-motion .dk{position:relative;flex:0 0 min(80%,420px);aspect-ratio:4/5.35;scroll-snap-align:start}
@media(min-width:1000px){.transf-in{grid-template-columns:5fr 7fr;grid-template-areas:"head deck" "cta deck";gap:0 4rem}.deck{margin-inline:auto 0}.transf-head{align-self:end}.transf-cta{align-self:start;margin-top:1.6rem}}

/* 04 investimento: recibo (fundo creme) */
.preco{background:#EEE9DF;color:#111}
.preco .num{color:#0F6E7A}.preco .num::after{background:#0F6E7A}
.preco h2{color:#111}.preco h2 em{color:#0F6E7A}
.preco .lead{color:#333}
.preco .ticket{box-shadow:0 40px 80px -30px rgba(0,0,0,.45),0 0 0 1px rgba(0,0,0,.06)}
.preco-in{display:grid;gap:2.5rem;align-items:center}
.ticket{position:relative;background:var(--txt);color:#111;border-radius:14px;padding:2rem 1.6rem;box-shadow:0 40px 80px -40px rgba(0,0,0,.9)}
.ticket::before,.ticket::after{content:"";position:absolute;top:50%;width:26px;height:26px;border-radius:50%;background:#EEE9DF;transform:translateY(-50%)}
.ticket::before{left:-13px}.ticket::after{right:-13px}
.stamp{position:absolute;right:1rem;top:1rem;z-index:2;font-family:var(--disp);font-weight:800;font-size:1.05rem;letter-spacing:.14em;text-transform:uppercase;color:#A85200;border:3px solid #A85200;border-radius:6px;padding:.35rem .7rem;transform:rotate(-8deg);opacity:.95;mix-blend-mode:multiply}
.t-top{display:flex;flex-direction:column;line-height:1.1;padding-bottom:1.2rem;border-bottom:2px dashed rgba(0,0,0,.18);margin-bottom:1.2rem}
.t-from{font-family:var(--disp);font-weight:700;font-size:.95rem;letter-spacing:.2em;text-transform:uppercase;color:#555}
.t-val{font-family:var(--disp);font-weight:800;font-size:clamp(3.8rem,10vw,5.8rem);letter-spacing:-.03em;margin:.2rem 0}
.t-per{font-family:var(--body);font-style:normal;font-weight:600;font-size:1.1rem;color:#333}
.t-per b{font-family:var(--disp);font-style:normal;font-weight:800;color:#111}
.t-list{list-style:none;padding:0;margin:0 0 1.6rem}
.t-list li{padding:.55rem 0 .55rem 1.7rem;position:relative;color:#222;font-size:1.02rem;border-bottom:1px dotted rgba(0,0,0,.14)}
.t-list li::before{content:"";position:absolute;left:.1rem;top:1.05rem;width:8px;height:8px;background:var(--teal);transform:rotate(45deg)}
.t-list li b{color:#111}
.compromisso{font-size:.92rem;font-style:italic;color:#444;line-height:1.4;margin:0 0 1.1rem;padding:.8rem .9rem;background:rgba(23,162,178,.08);border-left:3px solid var(--teal);border-radius:0 6px 6px 0}
.ticket .btn{width:100%}
@media(min-width:900px){.preco-in{grid-template-columns:1fr 1fr;gap:5rem}.ticket{padding:2.6rem 2.4rem;transform:rotate(-1deg)}}

/* 05 como começa: cartões que viram */
.scards{list-style:none;padding:0;margin:2.2rem 0 0;display:grid;gap:1.2rem;perspective:1200px}
.scard{position:relative;background:var(--card);border:1px solid var(--line);border-top:4px solid var(--teal);border-radius:8px;padding:1.6rem 1.5rem 1.7rem;transform-style:preserve-3d;box-shadow:0 30px 50px -30px rgba(0,0,0,.8)}
.scard b{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--teal);color:var(--ink);font-family:var(--disp);font-weight:800;font-size:1.5rem;margin-bottom:1rem}
.scard strong{display:block;font-family:var(--disp);font-weight:700;font-size:1.75rem;line-height:1.05;margin-bottom:.5rem}
.scard p{margin:0;color:var(--soft);font-size:1.02rem}
@media(min-width:800px){.scards{grid-template-columns:repeat(3,1fr);gap:1.4rem;align-items:stretch}}

/* 06 depoimentos: um de cada vez, alternam sozinhos */
.depo{background:linear-gradient(180deg,#0B2F36,#0A252B);overflow:hidden}
.depo .num{color:var(--teal-l)}.depo .num::after{background:var(--teal-l)}
.depo-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.6rem;margin-bottom:1.6rem}
.depo .mask{justify-content:center;max-width:32ch}
.depo .mask>span:has(em){flex-basis:100%;text-align:center}
.car{position:relative;width:min(100% - 2.5rem,360px);margin-inline:auto}
.car-track{position:relative;touch-action:pan-y;user-select:none}
.phone{position:absolute;inset:0 0 auto 0;background:#0A0E11;border:1px solid rgba(255,255,255,.16);border-radius:28px;padding:.6rem;box-shadow:0 30px 60px -30px rgba(0,0,0,.9);opacity:0;pointer-events:none;transition:transform .5s cubic-bezier(.2,.7,.2,1),opacity .5s ease}
.phone.is-on{opacity:1;pointer-events:auto;position:absolute}
.phone:first-child{position:relative}
.screen{aspect-ratio:9/16;border-radius:20px;overflow:hidden;background:#0E1418;display:flex;flex-direction:column}
.screen img{width:100%;height:auto;flex:none}
.bubble{display:block;margin:.6rem .7rem;background:#1F2C33;color:#E8EDEF;border-radius:14px;padding:.7rem .85rem;font-size:.86rem;line-height:1.45}
.phone p{margin:.8rem .4rem .4rem;font-family:var(--serif);font-style:italic;font-size:1.15rem;color:var(--soft);text-align:center}
.car-nav{display:flex;gap:.6rem;justify-content:center;margin:0}
.car-nav button{width:50px;height:50px;border-radius:50%;border:1.5px solid rgba(255,255,255,.3);background:transparent;color:#fff;font-size:1.3rem;cursor:pointer;transition:background .2s,border-color .2s}
.car-nav button:hover{background:var(--teal-d);border-color:var(--teal-d)}
.car-dots{display:flex;gap:.5rem;justify-content:center;margin-top:1rem}
.car-dots button{width:10px;height:10px;border-radius:50%;border:0;padding:0;background:rgba(255,255,255,.3);cursor:pointer}
.car-dots button.on{background:var(--teal-l);transform:scale(1.3)}
.no-motion .phone{opacity:1;position:relative;margin-bottom:1rem}

/* 07 faq */
.faq-in{display:grid;gap:2rem}
.acc{border-top:1px solid var(--line)}
details{border-bottom:1px solid var(--line)}
summary{cursor:pointer;list-style:none;padding:1.15rem 2.4rem 1.15rem 0;font-family:var(--disp);font-weight:700;font-size:1.5rem;position:relative;line-height:1.15}
summary:hover{color:var(--teal-l)}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:.2rem;top:.9rem;font-size:1.8rem;color:var(--teal);font-weight:600;transition:transform .25s}
details[open] summary::after{transform:rotate(45deg)}
details p{margin:0 0 1.2rem;color:var(--soft);font-size:1.02rem;max-width:64ch}
@media(min-width:900px){.faq-in{grid-template-columns:4fr 8fr;gap:5rem;align-items:start}}

/* 08 final: uma ação (turquesa) */
.final{text-align:center;background:linear-gradient(160deg,#0F6E7A,#0B3F48)}
.final h2 em{color:#fff}.final .lead{color:#E6F6F8}
.final .mask{justify-content:center}
.final .lead{margin:0 auto 1.8rem}

/* rodapé */
.foot{border-top:1px solid var(--line);padding:2rem 0 2.5rem;font-size:.9rem;color:var(--mut)}
.foot p{margin:0}
.foot a{color:var(--mut);margin-left:.6rem;display:inline-flex;align-items:center;min-height:44px}

/* reduced motion */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .scroll-hint span{animation:none}
}

/* ===== mobile: respiração e ajustes ===== */
@media(max-width:640px){
  .sec{padding:2.8rem 0}
  .quote-mark{font-size:13rem;top:3.4rem;opacity:.6}
  .stamp{position:static;display:inline-block;margin:0 0 .9rem;transform:rotate(-3deg)}
  .t-val{font-size:3.4rem}
  .deck{width:92%}
  .depo .mask{max-width:100%}
  .facts{margin-top:1.4rem}
  .facts b{font-size:1.8rem}
}

/* ===== títulos centrados em toda a página ===== */
.num{display:flex;align-items:center;justify-content:center}
.mask{justify-content:center}
.sec .lead{margin-inline:auto;text-align:center}
.hero-in,.bridge-txt,.preco-txt,.transf-head,.faq-in>div:not(.acc),.como .wrap,.final,.problema,.depo-head,.bridge-cards{text-align:center}
.hero .facts{margin-inline:auto}
.hero .lead{margin-inline:auto}
.icp{margin-inline:auto;text-align:left}
.deck-ui{justify-content:center}
.sub{text-align:center}
.scards{text-align:left}
.beliefs{text-align:left}
.acc{text-align:left}
@media(min-width:900px){.hero-in>*{margin-inline:auto}}

/* ===== mobile: desempenho ===== */
@media(max-width:899px){
  body::after{display:none}            /* grão custa repaint em cada scroll */
  .mq-track{animation-duration:10s}
  .hero-media,.dk,.mask>span{will-change:auto}
  .belief,.scard,.phone,.ticket{box-shadow:0 12px 24px -16px rgba(0,0,0,.6)}
}

/* ===== herói empilhado (ecrãs estreitos ou em retrato): retrato no topo, texto por baixo, sempre cabe sem scroll ===== */
@media(max-width:899px),(orientation:portrait){
  .hero{min-height:100svh;align-items:flex-end}
  .hero-cast{--fh:min(58svh,132vw);left:0;right:0;margin-inline:auto;top:2.2rem;bottom:auto;height:var(--fh);width:calc(var(--fh)*.5842)}
  .hero-in{padding:0 0 1.3rem;text-align:center}
  .method-badge{font-size:.92rem;margin-bottom:.45rem;padding:.26rem .65rem .26rem .42rem}
  .hero h1{font-size:1.65rem;line-height:1.12;margin-bottom:.32em}
  .hero .lead{font-size:.86rem;margin:.25rem auto .65rem;line-height:1.35}
  .hero .btn{min-height:48px;font-size:1.02rem}
  .hero .facts{margin-top:.6rem;padding-top:.6rem}
  .hero .facts b{font-size:1.35rem}
  .hero .facts li>span{font-size:.68rem}
}

/* celulares: subtítulo e rótulos dos números mais legíveis (15px e 12px) e selo do método mais discreto para não competir com o título */
@media(max-width:599px){
  .hero .method-badge{font-size:clamp(1rem,4.6vw,1.3rem);margin-bottom:.4rem;padding:.22rem .6rem .22rem .38rem}
  .hero .lead{font-size:.94rem;line-height:1.35}
  .hero .facts li>span{font-size:.75rem}
}
/* celulares baixos: o retrato encolhe um pouco para o texto maior não cobrir o corpo dele */
@media(max-width:599px) and (max-height:700px){.hero-cast{--fh:min(52svh,132vw)}}

/* tablets e janelas altas: o texto cresce com o ecrã, limitado também pela altura para o herói caber sempre */
@media(min-width:600px) and (orientation:portrait){
  .hero .hero-in{padding-bottom:clamp(1.3rem,2.6svh,2.4rem)}
  .hero .hero-in>*{max-width:44rem;margin-inline:auto}
  .hero h1{font-size:clamp(1.65rem,min(4.4vw,3.3svh),2.7rem)}
  .hero .lead{font-size:clamp(.86rem,min(2.1vw,1.7svh),1.25rem)}
  .hero .btn{min-height:clamp(48px,5svh,60px);font-size:clamp(1.02rem,min(2.4vw,1.9svh),1.3rem)}
  .hero .facts{margin-top:clamp(.6rem,1.6svh,1.4rem);padding-top:clamp(.6rem,1.4svh,1rem)}
  .hero .facts b{font-size:clamp(1.35rem,min(3.2vw,2.4svh),2.1rem)}
  .hero .facts li>span{font-size:clamp(.68rem,min(1.7vw,1.4svh),.95rem)}
}

/* telemóvel deitado (paisagem baixa): texto à esquerda e retrato à direita, tudo compacto e a caber no ecrã */
@media(orientation:landscape) and (max-height:540px) and (min-width:560px){
  .hero,.hero-cast{--fh:min(84vh,1030px,48vw)}
  .hero{align-items:center;min-height:100vh}
  .hero-cast{left:auto;margin-inline:0;top:auto;bottom:0;right:max(1.2rem,calc((100vw - 1180px)/2 - 2.6rem));height:var(--fh);width:calc(var(--fh)*.5842)}
  .hero .hero-in{padding:clamp(3.4rem,18vh,4.4rem) 0 .5rem;text-align:left}
  .hero .hero-in>*{max-width:min(560px,calc(100vw - var(--fh)*.5842 - 4.5rem));margin-inline:0}
  .hero .method-badge{font-size:clamp(.8rem,4.2vh,1.05rem);margin-bottom:.3rem;padding:.2rem .55rem .2rem .35rem}
  .hero h1{font-size:clamp(1.3rem,min(4vw,8vh),2.1rem);line-height:1.06;margin-bottom:.25em}
  .hero .lead{font-size:clamp(.72rem,3.5vh,.95rem);margin:.15rem 0 .5rem;line-height:1.3}
  .hero .btn{min-height:clamp(36px,10vh,46px);font-size:clamp(.92rem,3.6vh,1.1rem);padding-block:.3rem}
  .hero .hero-in .facts{margin-top:.5rem;padding-top:.4rem;gap:.5rem}
  .hero .facts b{font-size:clamp(1.05rem,5vh,1.4rem)}
  .hero .facts li>span{font-size:clamp(.58rem,2.8vh,.74rem)}
  .scroll-hint{display:none}
}
@media(orientation:landscape) and (max-height:340px) and (min-width:560px){.hero .facts{display:none}}

/* ===== Método Metabolic Definition ===== */
.method-badge{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--disp);font-weight:800;font-size:clamp(1.3rem,2.6vw,1.9rem);letter-spacing:.06em;text-transform:uppercase;color:#fff;margin:0 0 .9rem;padding:.35rem .9rem .35rem .5rem;border:2px solid var(--teal);border-radius:8px;background:rgba(23,162,178,.12)}
.method-badge span{background:var(--orange);color:#111;font-size:.7em;letter-spacing:.14em;padding:.2rem .5rem;border-radius:4px}
.metodo{background:var(--bg2)}
.combo{max-width:820px;margin:1.6rem auto 2.2rem;text-align:center;border:1px solid var(--line);border-radius:14px;padding:1.6rem 1.4rem;background:var(--card)}
.combo-a,.combo-b{font-family:var(--disp);font-weight:800;font-size:clamp(2rem,5vw,3.4rem);letter-spacing:.02em;text-transform:uppercase}
.combo-a{color:var(--teal-l)}.combo-b{color:var(--orange)}
.combo i{font-style:normal;font-family:var(--disp);font-weight:800;font-size:clamp(1.6rem,4vw,2.6rem);color:var(--txt);margin:0 .5rem}
.combo-bar{display:flex;gap:6px;height:8px;margin:1rem auto 0;max-width:420px}
.combo-bar i{display:block;flex:1;border-radius:4px;transform-origin:left;transform:scaleX(0)}
.combo-bar .bar-a{background:var(--teal-l)}.combo-bar .bar-b{background:var(--orange)}
.no-motion .combo-bar i{transform:none}
.combo{position:relative;overflow:hidden}
.combo::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 80% at 50% 0%,rgba(23,162,178,.18),transparent 70%);pointer-events:none}
.combo p{margin:1rem auto 0;max-width:60ch;color:#EEF2F3;font-size:1.05rem;font-weight:600}
.benef{list-style:none;padding:0;margin:0;display:grid;gap:1rem}
.benef li{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:1.4rem 1.2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:border-color .3s,box-shadow .3s}
.benef li:hover{border-color:var(--teal);box-shadow:0 20px 40px -24px rgba(23,162,178,.6)}
.benef strong{font-family:var(--disp);font-weight:700;font-size:1.45rem;line-height:1.05;min-height:3.05rem;display:flex;align-items:center}
.benef span{font-size:1rem;color:var(--soft);font-weight:600}
.ic{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2.5px solid;margin-bottom:.3rem}
.ic svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ic-t{color:var(--teal-l);border-color:var(--teal)}
.ic-o{color:var(--orange);border-color:var(--orange)}
.pilares{list-style:none;padding:0;margin:1.6rem 0 0;display:grid;gap:.6rem}
.pilares li{display:flex;align-items:center;gap:.8rem;font-family:var(--disp);font-weight:700;font-size:1.15rem;letter-spacing:.04em;text-transform:uppercase;border-top:1px solid var(--line);padding:.8rem 0}
.pilares b{font-size:.85rem;letter-spacing:.3em;color:var(--teal-l)}
.voce{font-family:var(--serif);font-style:italic;font-size:clamp(2rem,4.6vw,3.2rem);line-height:1.1;color:#fff;margin:1.8rem 0 0}
@media(min-width:640px){.benef{grid-template-columns:1fr 1fr}.pilares{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.benef{grid-template-columns:repeat(4,1fr);gap:1.2rem}.pilares{grid-template-columns:repeat(4,1fr);gap:1rem}.pilares li{flex-direction:column;align-items:center;text-align:center;border-top:0;border-left:2px solid var(--line);padding:.4rem 1rem}}

/* ===== método: como funciona ===== */
.sub-m{font-family:var(--serif);font-style:italic;font-weight:400;font-size:1.9rem;color:var(--teal-l);margin:2.4rem 0 1rem;text-align:center}
.fases{list-style:none;padding:0;margin:0;display:grid;gap:1rem;text-align:left}
.fases li{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--orange);border-radius:8px;padding:1.3rem 1.3rem 1.3rem 1.4rem}
.fases b{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--teal);color:var(--ink);font-family:var(--disp);font-weight:800;font-size:1.1rem;margin-bottom:.6rem}
.fases strong{display:block;font-family:var(--disp);font-weight:700;font-size:1.5rem;line-height:1.05;margin-bottom:.4rem}
.fases p{margin:0;color:var(--soft);font-size:1rem}
@media(min-width:800px){.fases{grid-template-columns:repeat(3,1fr);gap:1.2rem}}
.car-dots button{width:14px;height:14px;position:relative}
.car-dots button::before{content:"";position:absolute;inset:-17px}
.car-dots{gap:.9rem}

/* ===== ronda: herói mobile sem corte, mais efeito nos cartões, variância de cor ===== */

/* --- cartões no mobile: inclinação alternada + resposta ao toque, igual ao desktop --- */
@media(max-width:899px){
  .belief:nth-child(odd){transform:rotate(-1.1deg)}
  .belief:nth-child(even){transform:rotate(1deg)}
  .benef li:nth-child(odd){transform:rotate(-.8deg)}
  .benef li:nth-child(even){transform:rotate(.8deg)}
  .scard:nth-child(odd){transform:rotate(-1deg)}
  .scard:nth-child(even){transform:rotate(1deg)}
  .fases li:nth-child(odd){transform:rotate(-.9deg)}
  .fases li:nth-child(even){transform:rotate(.9deg)}
  .step:nth-child(odd){transform:rotate(-.9deg)}
  .step:nth-child(even){transform:rotate(.9deg)}
}
.belief,.benef li,.scard,.fases li,.step,.phone,.ticket,.dk,.deck-ui button,.car-nav button{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.belief:active,.benef li:active,.scard:active,.fases li:active,.step:active{transform:scale(.97) !important}
.benef li{-webkit-tap-highlight-color:transparent}

/* --- ícones respiram levemente enquanto a página está visível, guia o olhar sem exigir hover --- */
@keyframes icBreathe{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
.motion .ic{animation:icBreathe 2.6s ease-in-out infinite}
.motion .benef li:nth-child(2) .ic{animation-delay:.3s}
.motion .benef li:nth-child(3) .ic{animation-delay:.6s}
.motion .benef li:nth-child(4) .ic{animation-delay:.9s}

/* ===== pesos decorativos: flutuam e giram com o scroll ===== */
/* pesos que percorrem a página inteira, um de cada lado, presos ao progresso total do scroll */
.deco-travel{position:fixed;top:0;width:58px;height:58px;pointer-events:none;z-index:5;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.5;color:var(--teal-l);transition:color .4s ease}
.deco-travel-r{right:2.2%}
.deco-travel path{transition:opacity .55s ease}
.deco-travel.in-hero path{opacity:0}
.deco-travel.on-light{color:var(--ink);opacity:.5}
@media(max-width:1100px){.deco-travel{display:none}}

/* --- variância de cor: nenhuma secção escura fica igual à anterior --- */
.metodo{background:radial-gradient(65% 55% at 15% 10%,rgba(23,162,178,.32),transparent 60%),radial-gradient(55% 50% at 90% 90%,rgba(242,129,29,.22),transparent 60%),var(--bg2)}
.como{background:radial-gradient(60% 60% at 85% 15%,rgba(242,129,29,.14),transparent 62%),var(--bg)}
.faq{background:radial-gradient(60% 60% at 15% 85%,rgba(23,162,178,.14),transparent 62%),var(--bg)}

/* celulares muito estreitos (até 349px): os títulos encolhem para a frase sem quebra caber na tela */
@media(max-width:349px){h2{font-size:clamp(1.55rem,8vw,2.1rem)}h2.big{font-size:clamp(1.9rem,10vw,2.5rem)}}


/* ===== prévia da conversa antes do botão final: tela de WhatsApp (escuro por defeito, claro com LP_CONFIG.waTema), só a mensagem do lead ===== */
.wa-prev{
  --wa-font:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --wa-bg:#0B141A;--wa-top:#1F2C34;--wa-top-txt:#E9EDEF;--wa-top-sub:#8696A0;--wa-ic:#D1D7DB;
  --wa-out:#005C4B;--wa-out-txt:#E9EDEF;--wa-time:rgba(233,237,239,.62);--wa-sh:none;
  --wa-chip:#182229;--wa-chip-txt:#8696A0;--wa-note:#182229;--wa-note-txt:#FFD279;
  --wa-pill:#1F2C34;--wa-pill-txt:#E9EDEF;--wa-pill-ic:#8696A0;--wa-btn:#00A884;--wa-btn-ic:#0B141A;
  --wa-doodle:url(/img/wa-fundo-escuro.svg?v=1);
  width:min(100%,360px);margin:0 auto 1.9rem;text-align:left}
.wa-prev[data-tema=claro]{--wa-bg:#EFEAE2;--wa-top:#008069;--wa-top-txt:#fff;--wa-top-sub:rgba(255,255,255,.82);--wa-ic:#fff;--wa-out:#D9FDD3;--wa-out-txt:#111B21;--wa-time:#667781;--wa-sh:drop-shadow(0 1px .5px rgba(11,20,26,.14));--wa-chip:#fff;--wa-chip-txt:#54656F;--wa-note:#FFEECD;--wa-note-txt:#54656F;--wa-pill:#fff;--wa-pill-txt:#111B21;--wa-pill-ic:#667781;--wa-btn-ic:#fff;--wa-doodle:url(/img/wa-fundo.svg?v=1)}
.wa-cap{display:block;text-align:center;font-family:var(--disp);font-weight:700;font-size:.8rem;letter-spacing:.24em;text-transform:uppercase;color:var(--teal-l);margin-bottom:.8rem}
/* o aparelho e a tela */
.wa-phone{padding:6px;border-radius:38px;background:linear-gradient(150deg,#2C3539,#0A0E10 40%,#1B2328);box-shadow:0 40px 70px -26px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.14)}
.wa-chat{position:relative;display:flex;flex-direction:column;min-height:440px;overflow:hidden;border-radius:32px;background:var(--wa-bg) var(--wa-doodle) 0 0/260px 260px;font-family:var(--wa-font);font-weight:400;color:var(--wa-out-txt);line-height:1.3;-webkit-user-select:none;user-select:none}
.wa-ic{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* barra de estado do aparelho e cabeçalho do WhatsApp */
.wa-top{background:var(--wa-top);color:var(--wa-top-txt)}
.wa-sys{position:relative;display:flex;align-items:center;justify-content:space-between;height:28px;padding:2px 20px 0 24px;font-size:.78rem;font-weight:500;letter-spacing:.01em}
.wa-cam{position:absolute;left:50%;top:9px;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:#04070A;box-shadow:0 0 0 1.5px rgba(255,255,255,.1)}
.wa-st{display:flex;align-items:center;gap:6px}
.wa-st svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.wa-head{display:flex;align-items:center;gap:.4rem;padding:.3rem .5rem .55rem .45rem;color:var(--wa-ic)}
.wa-ava{position:relative;flex:none;width:40px;height:40px;border-radius:50%;overflow:hidden;background:radial-gradient(75% 65% at 50% 30%,#A6EEF5,#2FB8C9 55%,#0B5560)}
.wa-ava img{position:absolute;display:block;width:146%;max-width:none;height:auto;left:-16%;top:8%}
.wa-who{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.2}
.wa-who strong{font-size:.98rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--wa-top-txt)}
.wa-who small{font-size:.8rem;font-weight:400;color:var(--wa-top-sub)}
.wa-act{display:flex;align-items:center;gap:.7rem;flex:none}
/* conversa: aviso de criptografia, dia e a mensagem do lead */
.wa-body{flex:1;min-height:0;display:flex;flex-direction:column;padding:.75rem .85rem .6rem .6rem}
.wa-note{align-self:center;max-width:96%;margin:0 0 .65rem;padding:.42rem .7rem;border-radius:8px;background:var(--wa-note);color:var(--wa-note-txt);font-size:.76rem;line-height:1.32;text-align:center}
.wa-note svg{display:inline-block;width:11px;height:11px;margin:-2px 4px 0 0;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.wa-day{align-self:center;margin-bottom:.65rem;padding:.24rem .62rem;border-radius:7px;background:var(--wa-chip);color:var(--wa-chip-txt);font-size:.72rem;letter-spacing:.04em;text-transform:uppercase}
.wa-msg{position:relative;align-self:flex-end;max-width:88%;padding:.4rem .5rem .52rem .6rem;border-radius:8px 0 8px 8px;background:var(--wa-out);color:var(--wa-out-txt);font-size:1rem;line-height:1.32;filter:var(--wa-sh)}
.wa-msg::after{content:"";position:absolute;top:0;right:-8px;width:8px;height:13px;background:var(--wa-out);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 13'%3E%3Cpath d='M5.188 0H0v11.193l6.467-8.625C7.526 1.156 6.958 0 5.188 0z'/%3E%3C/svg%3E") no-repeat 0 0/8px 13px;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 13'%3E%3Cpath d='M5.188 0H0v11.193l6.467-8.625C7.526 1.156 6.958 0 5.188 0z'/%3E%3C/svg%3E") no-repeat 0 0/8px 13px}
.wa-gap{display:inline-block;width:3.6rem;height:1px}
.wa-meta{position:absolute;right:.45rem;bottom:.28rem;display:flex;align-items:center;gap:.22rem;font-size:.69rem;line-height:1;color:var(--wa-time)}
.wa-ticks{width:16px;height:11px;fill:none;stroke:var(--wa-time);stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;transition:stroke .4s}
.wa-ticks.um .t2{opacity:0}
.wa-ticks.lida{stroke:#53BDEB}
/* barra de mensagem: com o texto já escrito (antes de enviar) e vazia (depois) */
.wa-bar{display:flex;align-items:flex-end;gap:.4rem;padding:0 .5rem .2rem}
.wa-in{flex:1;min-width:0;display:flex;align-items:flex-end;gap:.6rem;min-height:46px;padding:.65rem .85rem;border-radius:24px;background:var(--wa-pill);color:var(--wa-pill-ic)}
.wa-ph,.wa-typed{flex:1;min-width:0;align-self:center;font-size:1rem;line-height:1.3}
.wa-ph{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wa-typed{display:none;color:var(--wa-pill-txt)}
.wa-btn{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--wa-btn);color:var(--wa-btn-ic)}
.wa-send{display:none}
.wa-send .wa-ic{fill:currentColor;stroke:currentColor;stroke-width:1.2}
.wa-pre .wa-ph,.wa-pre .wa-mic,.wa-pre .wa-cm,.wa-pre .wa-msg{display:none}
.wa-pre .wa-typed{display:block}
.wa-pre .wa-send{display:grid}
.wa-home{align-self:center;width:34%;height:4px;margin:.2rem 0 .55rem;border-radius:2px;background:var(--wa-top-txt);opacity:.5}
/* celulares estreitos: o nome inteiro tem de caber, então a ligação sai primeiro e depois tudo encolhe um pouco */
@media(max-width:374px){.wa-tel{display:none}}
@media(max-width:351px){.wa-phone{padding:4px;border-radius:34px}.wa-chat{border-radius:30px}.wa-head{gap:.4rem;padding:.3rem .45rem .5rem}.wa-head .wa-ic{width:20px;height:20px}.wa-ava{width:34px;height:34px}.wa-act{gap:.7rem}.wa-who strong{font-size:.92rem}.wa-in{gap:.5rem;padding:.65rem .7rem}.wa-note{font-size:.72rem}.wa-sys{padding:2px 16px 0 20px}}

/* ===== foco do teclado e retorno ao toque ===== */
:focus-visible{outline:3px solid #FFA24A;outline-offset:3px}
.bridge :focus-visible,.transf :focus-visible{outline-color:#06262B}
.preco :focus-visible{outline-color:#0F6E7A}
.btn:focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 7px rgba(6,38,43,.9)}
.preco .btn:focus-visible{outline-color:#111;box-shadow:0 0 0 7px rgba(242,129,29,.65)}
.btn:active{filter:brightness(.92)}
.wa:active{background:#E5740F}
.deck-ui button:active,.car-nav button:active{background:var(--teal-d);border-color:var(--teal-d);color:#fff}
summary:active{color:var(--teal-l)}

/* ===== quem pede "reduzir movimento": os movimentos contínuos param (as entradas continuam) ===== */
html.calm .mq-track,html.calm .scroll-hint span,html.calm.motion .ic{animation:none}