/* ==========================================================================
   MENTORIA VIVER DE PACIENTE PARTICULAR — página de vendas

   O desenho é o que o Evandro escreveu em setembro de 2026 (blocos 01 a
   15, com os mesmos nomes de classe), transcrito sem alterações. No fim
   do arquivo entra só o que a infraestrutura precisa: a marcação leve do
   painel, a barra fixa do celular, o formulário de captura e o modo
   "ver no site". Tokens em :root; Manrope + Libre Baskerville.
   ========================================================================== */

:root{
  --ink:#0c1117;--ink-2:#121a22;--ink-3:#1b2530;
  --porcelain:#f5f4f2;--porcelain-2:#eae8e4;--paper:#fff;
  --berry:#a31d5b;--berry-dk:#7c1444;--berry-soft:#f7e8ef;--berry-lt:#f08fb7;
  --green:#0e7a56;--green-soft:#dcf1e8;--green-lt:#5fd6a8;
  --red:#b3261e;--red-soft:#fbe7e5;--blue:#1d5bd6;--blue-soft:#e3ecfb;
  --text:#141b24;--muted:#5b6773;--line:#dcdad5;--line-strong:#c9c6c0;--line-dk:#2a3642;
  --text-ink:#e7edf2;--muted-ink:#b9c6d1;--faint-ink:#8496a5;
  --measure:40rem;--wide:72rem;--gutter:clamp(1.25rem,4vw,2rem);
  --step--1:clamp(.875rem,.85rem + .15vw,.94rem);--step-0:clamp(1rem,.96rem + .2vw,1.08rem);
  --step-1:clamp(1.2rem,1.1rem + .5vw,1.45rem);--step-2:clamp(1.45rem,1.25rem + .9vw,1.95rem);
  --step-3:clamp(1.85rem,1.4rem + 2vw,3rem);--step-4:clamp(2.3rem,1.6rem + 3.4vw,4.3rem);
  --sans:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --serif:'Libre Baskerville',Georgia,'Times New Roman',serif;
  --r-s:6px;--r:12px;--r-l:18px;
  --shadow-card:0 1px 2px rgba(20,27,36,.05),0 18px 40px -30px rgba(20,27,36,.3);
  --shadow-cta:0 1px 2px rgba(124,20,68,.25),0 12px 28px -14px rgba(163,29,91,.6);
  box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);
}
*,*::before,*::after{box-sizing:inherit}
html{scroll-behavior:smooth;scroll-padding-top:env(safe-area-inset-top,0px);-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;font-family:var(--sans);font-size:var(--step-0);line-height:1.6;color:var(--text);background:var(--porcelain);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
h1,h2,h3{text-wrap:balance;margin:0;font-weight:300;letter-spacing:-.02em;line-height:1.12}
p{margin:0}
strong{font-weight:700}
a{color:inherit}
:focus-visible{outline:3px solid var(--berry-lt);outline-offset:3px;border-radius:4px}
.wrap{max-width:var(--wide);margin:0 auto;padding:0 var(--gutter)}
.narrow{max-width:48rem;margin-left:auto;margin-right:auto}
.sec{padding:clamp(4rem,8vw,6.5rem) 0}
.sec--paper{background:var(--paper)}
.sec--ink{background:var(--ink);color:var(--text-ink)}
.sec-head{text-align:center;max-width:52rem;margin:0 auto clamp(2rem,4vw,3rem)}
.sec-head h2{font-size:var(--step-3)}
.sec-head .apoio{margin-top:1rem;font-family:var(--serif);font-size:var(--step-1);line-height:1.55;color:var(--muted)}
.sec--ink .sec-head .apoio{color:var(--muted-ink)}
.ilustrativo{font-size:var(--step--1);color:var(--muted);text-align:center;margin-top:.75rem;font-style:italic}

/* botões */
.cta{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;background:var(--berry);color:#fff;text-decoration:none;font-weight:800;font-size:var(--step-0);padding:1.1rem 1.8rem;border-radius:10px;box-shadow:var(--shadow-cta);transition:background .2s,transform .2s;text-align:center}
.cta:hover{background:var(--berry-dk);transform:translateY(-1px)}
.cta svg{width:1.1em;height:1.1em;flex:none}
.cta--big{font-size:var(--step-0);padding:1.25rem 2.2rem;width:100%;max-width:30rem}
.cta-wrap{text-align:center;margin-top:2rem}
.selos{display:flex;justify-content:center;gap:1.2rem;flex-wrap:wrap;margin-top:1rem;font-size:var(--step--1);color:var(--muted)}
.selos span{display:inline-flex;align-items:center;gap:.4rem}
.selos svg{width:1rem;height:1rem;color:var(--green)}
.sec--ink .selos{color:var(--muted-ink)}
.sec--ink .selos svg{color:var(--green-lt)}

/* ===== 01 HERO ===== */
.hero{background:var(--ink);color:var(--text-ink);padding:clamp(3rem,7vw,5.5rem) 0 clamp(3.5rem,7vw,5.5rem);text-align:center;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:-30% -10% auto;height:70%;background:radial-gradient(closest-side,rgba(163,29,91,.28),transparent);pointer-events:none}
.hero .wrap{position:relative}
.filtro{display:inline-block;font-size:.78rem;letter-spacing:.14em;font-weight:700;color:var(--berry-lt);border:1px solid rgba(240,143,183,.35);border-radius:999px;padding:.45rem 1rem;margin-bottom:1.6rem}
.hero h1{font-size:var(--step-4);max-width:18ch;margin:0 auto;font-weight:300}
.hero h1 b{font-weight:700}
.hero .sub{max-width:44rem;margin:1.4rem auto 0;font-size:var(--step-1);color:var(--muted-ink);line-height:1.55}
.destaque{max-width:46rem;margin:2.2rem auto 0;text-align:left;background:linear-gradient(135deg,var(--berry),var(--berry-dk));border-radius:var(--r-l);padding:clamp(1.3rem,3vw,2rem);color:#fff}
.destaque>p{font-weight:700;font-size:var(--step-1);line-height:1.35}
.destaque ul{list-style:none;margin:1.1rem 0 0;padding:0;display:grid;gap:.8rem}
.destaque li{position:relative;padding-left:2rem;color:#ffe9f2;line-height:1.5}
.destaque li strong{color:#fff}
.destaque li::before{content:"";position:absolute;left:0;top:.2rem;width:1.2rem;height:1.2rem;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a31d5b' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/.75rem no-repeat}
.linha-video{margin-top:2.4rem;color:var(--muted-ink);font-weight:600}
.vsl{max-width:52rem;margin:1rem auto 0;border-radius:var(--r-l);overflow:hidden;box-shadow:0 30px 60px -30px rgba(0,0,0,.8);border:1px solid var(--line-dk);background:#000}
.vsl__frame{position:relative;aspect-ratio:16/9}
.vsl iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* ===== 02 FERRAMENTAS ===== */
.mockup{max-width:60rem;margin:0 auto}
.mockup svg{width:100%;height:auto;display:block}
.toggles{list-style:none;padding:0;margin:2.5rem auto 0;max-width:52rem;display:grid;gap:1rem}
.toggles li{display:flex;gap:.9rem;align-items:flex-start;line-height:1.5}
.toggles li::before{content:"";flex:none;width:2.2rem;height:1.2rem;border-radius:999px;margin-top:.2rem;background:var(--green) radial-gradient(circle at 70% 50%,#fff .42rem,transparent .45rem)}
.toggles strong{letter-spacing:.02em}

/* ===== 03 / 05 / 10 CARDS DE CASO ===== */
.casos{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:1.2rem}
.casos--2{grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));max-width:52rem;margin:0 auto}
.caso{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-l);overflow:hidden;box-shadow:var(--shadow-card);display:flex;flex-direction:column;position:relative}
.caso__img{aspect-ratio:4/3;background:var(--porcelain-2);overflow:hidden}
.caso__img{background:#fff;border-bottom:1px solid var(--line)}.caso__img img{width:100%;height:100%;object-fit:contain}
.ph{width:100%;height:100%;display:grid;place-items:center;text-align:center;color:var(--muted);font-size:var(--step--1);border:2px dashed var(--line-strong);border-radius:var(--r);padding:1rem}
.caso__mult{position:absolute;top:.8rem;right:.8rem;background:var(--berry);color:#fff;font-weight:800;border-radius:999px;padding:.35rem .8rem;font-size:1.05rem;box-shadow:var(--shadow-cta)}
.caso__body{padding:1.2rem 1.3rem 1.4rem;display:flex;flex-direction:column;gap:.6rem;flex:1}
.caso__tag{align-self:flex-start;background:var(--green-soft);color:var(--green);font-weight:700;font-size:.8rem;border-radius:999px;padding:.25rem .7rem}
.caso h3{font-size:var(--step-1);font-weight:700;letter-spacing:-.01em}
.caso__meta{font-size:var(--step--1);color:var(--muted)}
.caso p{font-size:var(--step--1);line-height:1.55}
.bars{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;align-items:end;height:6.5rem;margin-top:auto;padding-top:.8rem}
.bar{display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;height:100%;text-align:center;font-size:.78rem;font-weight:700}
.bar i{flex:none;display:block;border-radius:6px 6px 0 0;background:var(--line-strong);min-height:3px}
.bar--depois i{background:var(--berry)}
.bar span{order:-1;margin-bottom:.25rem;white-space:nowrap}
.bar em{font-style:normal;font-weight:500;color:var(--muted);margin-top:.25rem}
.vdc p{margin-bottom:.3rem}
.vdc b{color:var(--berry)}

/* ===== 04 CTA INTERMEDIÁRIO ===== */
.virada{background:var(--berry-soft);border-top:1px solid #efd3e0;border-bottom:1px solid #efd3e0}
.virada__grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:center}
.virada h2{font-size:var(--step-2);font-weight:400;font-family:var(--serif);line-height:1.4}
@media (max-width:760px){.virada__grid{grid-template-columns:1fr}}
.agenda{background:var(--paper);border-radius:var(--r-l);padding:1.2rem;box-shadow:var(--shadow-card);border:1px solid var(--line)}
.agenda__cols{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}
.agenda__day{font-size:.78rem;font-weight:700;color:var(--muted);text-align:center;margin-bottom:.2rem}
.slot{height:2.1rem;border-radius:7px;background:var(--porcelain-2);transition:background .35s ease,transform .35s ease}
.slot.on{background:var(--berry);transform:scale(1.03)}
.agenda__foot{display:flex;justify-content:space-between;margin-top:.8rem;font-size:.82rem;color:var(--muted)}
.agenda__foot b{color:var(--berry)}

/* ===== 05 MÉTODO ===== */
.nome-metodo{font-size:var(--step-2);font-weight:400;text-align:center;max-width:40rem;margin:0 auto}
.nome-metodo b{font-weight:800;color:var(--berry)}
.texto-metodo{max-width:44rem;margin:2.2rem auto 0;display:grid;gap:1.4rem}
.texto-metodo h3{font-size:.9rem;font-weight:800;color:var(--berry);letter-spacing:.02em;margin-bottom:.3rem}
.fig{margin:clamp(2.5rem,5vw,3.5rem) auto 0;max-width:62rem;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-l);padding:clamp(1rem,3vw,2rem);box-shadow:var(--shadow-card)}
.fig h3{font-size:var(--step-2);text-align:center;margin-bottom:1.2rem}
.fig .scroll{overflow-x:auto}
.fig svg{display:block;width:100%;height:auto;min-width:560px}
.gps .rd{fill:none;stroke:#fff;stroke-width:14;stroke-linecap:round}
.gps .rd2{fill:none;stroke:#fff;stroke-width:8;stroke-linecap:round}
.gps text{font-family:var(--sans)}
.gps-aviso{text-align:center;max-width:36rem;margin:-.4rem auto 1.2rem;font-family:var(--serif);font-size:var(--step-1);line-height:1.5;color:var(--red)}
.paradas{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:1rem;margin-top:1.4rem}
.parada{border:1px solid var(--line);border-top:4px solid var(--green);border-radius:var(--r);padding:1.1rem 1.2rem;background:var(--porcelain)}
.parada h4{margin:0 0 .6rem;font-size:var(--step-1);font-weight:800;display:flex;gap:.6rem;align-items:center}
.parada h4 span{display:inline-grid;place-items:center;width:1.9rem;height:1.9rem;border-radius:50%;background:var(--green);color:#fff;font-size:1rem}
.parada ul{margin:0;padding-left:1.1rem;font-size:var(--step--1);display:grid;gap:.3rem}
.selo-parada{display:inline-block;margin-top:.8rem;background:var(--berry);color:#fff;font-weight:800;font-size:.82rem;border-radius:999px;padding:.35rem .8rem}
.chart .grid{stroke:var(--porcelain-2);stroke-width:1}
.chart .axis{stroke:var(--text);stroke-width:2}
.chart .ax{font:500 13px var(--sans);fill:var(--muted);paint-order:stroke;stroke:#fff;stroke-width:4px}
.chart .tag{paint-order:stroke;stroke:#fff;stroke-width:4px}
.chart .axt{font:700 14px var(--sans);fill:var(--text)}
.chart .ph{font:700 13px var(--sans);fill:var(--text)}
.chart .phasebar{stroke:var(--ink);stroke-width:6;stroke-linecap:round}
.chart .phasedot{fill:var(--ink);stroke:#fff;stroke-width:3}
.chart .star{fill:var(--ink)}
.chart .dotline{stroke:var(--muted);stroke-width:1.2;stroke-dasharray:3 5;opacity:.6}
.chart .lred{fill:none;stroke:var(--red);stroke-width:4;stroke-linecap:round}
.chart .lacc{fill:none;stroke:var(--blue);stroke-width:5;stroke-linecap:round}
.chart .dash{stroke-dasharray:8 8}
.chart .enc{fill:#fff;stroke:var(--blue);stroke-width:3}
.chart .cross{fill:#fff;stroke:var(--ink);stroke-width:3}
.chart .tag{font:700 13px var(--sans);fill:var(--ink)}
.chart .tag.red,.chart .endlab.red{fill:var(--red)}
.chart .endlab{font:800 16px var(--sans)}
.chart .endlab.acc{fill:var(--blue)}
.legenda{display:flex;flex-wrap:wrap;justify-content:center;gap:1.4rem;margin-top:1rem;font-weight:700;font-size:var(--step--1)}
.legenda span{display:inline-flex;align-items:center;gap:.5rem}
.legenda i{width:1rem;height:1rem;border-radius:4px;display:inline-block}
.resultado{max-width:46rem;margin:1.2rem auto 0;text-align:center;line-height:1.55}
.resultado b{color:var(--green)}
.prova-curta{margin-top:clamp(3rem,6vw,4.5rem)}
.prova-curta>h3{font-size:var(--step-2);text-align:center}
.prova-curta>p{text-align:center;color:var(--muted);margin:.8rem auto 1.8rem;max-width:36rem}

/* ===== 06 PARA QUEM ===== */
.quem{max-width:56rem;margin:0 auto;background:var(--paper);border:1px solid var(--line);border-top:5px solid var(--berry);border-radius:var(--r-l);padding:clamp(1.3rem,3vw,2.2rem);box-shadow:var(--shadow-card)}
.quem h3{font-size:var(--step-1);font-weight:800;margin-bottom:1.2rem}
.quem ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:1.1rem 2rem}
.quem li{display:flex;gap:.9rem;align-items:flex-start;line-height:1.5}
.quem .ico{flex:none;width:2.6rem;height:2.6rem;border-radius:10px;background:var(--berry-soft);color:var(--berry);display:grid;place-items:center;position:relative}
.quem .ico svg{width:1.4rem;height:1.4rem}
.quem .ico::after{content:"";position:absolute;right:-.35rem;bottom:-.35rem;width:1.05rem;height:1.05rem;border-radius:50%;background:var(--green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/.65rem no-repeat;border:2px solid #fff}

/* ===== 07 METRÔ ===== */
.metro{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(8,1fr);gap:0;position:relative}
.estacao{position:relative;padding:0 .45rem;text-align:center}
.estacao::before{content:"";position:absolute;top:1.05rem;left:0;right:0;height:8px;background:var(--c);}
.estacao:first-child::before{left:50%}
.estacao:last-child::before{right:50%}
.estacao .pt{position:relative;z-index:1;width:2.2rem;height:2.2rem;margin:0 auto;border-radius:50%;background:#fff;border:6px solid var(--c);display:grid;place-items:center;font-weight:800;font-size:.8rem;color:var(--ink)}
.estacao .sem{display:block;margin-top:.6rem;font-size:.75rem;font-weight:700;color:var(--muted)}
.estacao h4{margin:.15rem 0 .5rem;font-size:.95rem;font-weight:800;line-height:1.25}
.estacao p{font-size:.8rem;line-height:1.45;color:var(--text);background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:.6rem .55rem;text-align:left}
.t1{--c:#9aa5af}.t2{--c:var(--berry)}.t3{--c:var(--green)}
.marco{display:inline-block;margin-bottom:.4rem;background:var(--berry);color:#fff;font-size:.7rem;font-weight:800;border-radius:999px;padding:.15rem .5rem}
.trechos{display:flex;justify-content:center;flex-wrap:wrap;gap:1.2rem;margin-bottom:1.8rem;font-size:var(--step--1);font-weight:700}
.trechos span{display:inline-flex;align-items:center;gap:.5rem}
.trechos i{width:1.6rem;height:6px;border-radius:3px;background:var(--c);display:inline-block}
@media (max-width:1100px){
  .metro{grid-template-columns:1fr;gap:0}
  .estacao{text-align:left;padding:0 0 1.3rem 3.4rem;min-height:4rem}
  .estacao::before{top:0;bottom:0;left:.95rem;right:auto;width:8px;height:auto}
  .estacao:first-child::before{left:.95rem;top:1.1rem}
  .estacao:last-child::before{right:auto;bottom:calc(100% - 1.1rem)}
  .estacao .pt{position:absolute;left:0;top:0;margin:0}
  .estacao .sem{margin-top:0}
}
.recibo{max-width:46rem;margin:clamp(2.5rem,5vw,3.5rem) auto 0;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--shadow-card);padding:clamp(1rem,3vw,1.8rem)}
.recibo h3{font-size:var(--step-1);font-weight:800;margin-bottom:.8rem}
.item{display:grid;grid-template-columns:3rem 1fr auto;gap:1rem;align-items:start;padding:1rem 0;border-bottom:1px dashed var(--line-strong)}
.item .mini{width:3rem;height:3rem;border-radius:10px;background:var(--porcelain);display:grid;place-items:center;color:var(--berry)}
.item .mini svg{width:1.5rem;height:1.5rem}
.item h4{margin:0;font-size:.95rem;font-weight:800;letter-spacing:.02em}
.item p{font-size:var(--step--1);color:var(--muted);margin-top:.2rem}
.item .val{font-weight:800;white-space:nowrap;text-align:right;font-size:.95rem}
.item .val small{display:block;font-weight:500;color:var(--muted);font-size:.72rem}
.total span:last-child{white-space:nowrap}
.total{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding-top:1.1rem;border-top:2px solid var(--ink);margin-top:-1px;font-weight:800;font-size:var(--step-1)}
@media (max-width:560px){.item{grid-template-columns:2.4rem 1fr}.item .mini{width:2.4rem;height:2.4rem}.item .val{grid-column:2;text-align:left}}

/* ===== 08 BÔNUS ===== */
.bonus{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:1.2rem}
.bonus article{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-l);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-card)}
.bonus .ilu{background:var(--ink);aspect-ratio:16/10;display:grid;place-items:center}
.bonus .ilu svg{width:100%;height:100%}
.bonus .corpo{padding:1.2rem 1.3rem 1.3rem;display:flex;flex-direction:column;gap:.55rem;flex:1}
.bonus .num{align-self:flex-start;font-size:.78rem;font-weight:800;color:var(--berry);background:var(--berry-soft);border-radius:999px;padding:.2rem .7rem}
.bonus h3{font-size:var(--step-1);font-weight:800;letter-spacing:-.01em}
.bonus p{font-size:var(--step--1);line-height:1.55}
.bonus .v{font-weight:800;font-size:var(--step-1);margin-top:auto}
.bonus .resolve{font-size:.8rem;font-weight:700;color:var(--green);border-top:1px solid var(--line);padding-top:.7rem}
.total-bonus{text-align:center;margin-top:1.6rem;font-weight:800;font-size:var(--step-1)}

/* ===== 09 STACK ===== */
.stack{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(1.5rem,4vw,3rem);align-items:start;max-width:64rem;margin:0 auto}
.papel{background:#fffdf8;border-radius:6px;padding:1.6rem 1.4rem 2rem;box-shadow:0 20px 40px -24px rgba(0,0,0,.35);transform:rotate(-1.2deg);position:relative;border:1px solid #ece6da}
.papel::after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:12px;background:radial-gradient(circle at 6px -2px,transparent 7px,#fffdf8 7.5px) repeat-x;background-size:12px 12px}
.papel h3{font-size:.85rem;font-weight:800;letter-spacing:.12em;text-align:center;color:var(--muted);margin-bottom:1rem}
.papel table{width:100%;border-collapse:collapse;font-size:var(--step--1)}
.papel td{padding:.5rem 0;border-bottom:1px dotted var(--line-strong);vertical-align:top}
.papel td:last-child{text-align:right;white-space:nowrap;font-weight:700;padding-left:.8rem}
.papel .tot td{border-bottom:0;padding-top:1rem;font-size:var(--step-0);font-weight:800}
.papel .tot td:last-child s{color:var(--red);text-decoration-thickness:3px}
.carimbo{text-align:center;border:4px solid var(--berry);color:var(--berry);border-radius:var(--r-l);padding:1.2rem;transform:rotate(-2deg);background:var(--berry-soft)}
.carimbo .grande{display:block;font-size:var(--step-4);font-weight:800;letter-spacing:-.03em;line-height:1}
.carimbo .pd{display:block;font-weight:800;font-size:var(--step-1)}
.carimbo small{display:block;margin-top:.4rem;color:var(--text);font-weight:600}
.condicao{margin-top:1.4rem;line-height:1.55}
.comparativo{margin-top:1.6rem}
.comparativo h4{font-size:.9rem;font-weight:800;margin:0 0 .8rem}
.cbar{margin-bottom:.9rem}
.cbar .lab{display:flex;justify-content:space-between;gap:.8rem;font-size:.85rem;font-weight:600;margin-bottom:.3rem}
.cbar .lab b{white-space:nowrap}
.cbar .trilho{height:1.1rem;border-radius:4px;background:transparent;position:relative}
.cbar .trilho i{display:block;height:100%;border-radius:4px}
.seta-menor{display:flex;align-items:center;gap:.4rem;margin-top:.35rem;font-weight:800;color:var(--berry);font-size:.85rem}
.por-dia{margin-top:1.4rem;background:var(--ink);color:var(--text-ink);border-radius:var(--r);padding:1rem 1.2rem;display:grid;gap:.2rem;text-align:center}
.por-dia>span{display:flex;align-items:baseline;gap:.5rem;justify-content:center;flex-wrap:wrap}.por-dia .a,.por-dia .b{white-space:nowrap}
.por-dia .a{font-size:var(--step-3);font-weight:800;color:#ff8a80}
.por-dia .b{font-size:var(--step-0);font-weight:800;color:var(--green-lt)}
@media (max-width:820px){.stack{grid-template-columns:1fr}}

/* ===== 10 ESCADA ===== */
.escada{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;align-items:end;height:clamp(17rem,34vw,22rem);max-width:56rem;margin:0 auto}
.degrau{height:var(--h);background:var(--ink);color:var(--text-ink);border-radius:var(--r) var(--r) 0 0;padding:.9rem .7rem;display:flex;flex-direction:column;gap:.4rem;position:relative}
.degrau:nth-child(4){background:linear-gradient(180deg,var(--berry),var(--berry-dk));box-shadow:0 -20px 60px -10px rgba(240,143,183,.55)}
.degrau .x{font-size:var(--step-2);font-weight:800;line-height:1}
.degrau .quem-sao{font-size:.76rem;color:var(--muted-ink);line-height:1.35}
.degrau:nth-child(4) .quem-sao{color:#ffe0ec}
.arraste{display:none;font-size:.8rem;color:var(--muted);text-align:center;margin-top:.5rem}
@media (max-width:600px){.arraste{display:block}.degrau{padding:.6rem .45rem}.degrau .x{font-size:var(--step-1)}.degrau:nth-child(3) .x{font-size:.85rem!important}.degrau .quem-sao{font-size:.68rem}}
.faixa-t{text-align:center;margin:clamp(3rem,6vw,4rem) 0 .4rem;font-size:var(--step-2)}
.faixa-s{text-align:center;color:var(--muted);font-style:italic;margin-bottom:1.6rem}
.geisa{max-width:62rem;margin:0 auto;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--shadow-card);display:grid;grid-template-columns:1.5fr 1fr;overflow:hidden}
.geisa .graf{padding:clamp(1rem,3vw,1.8rem)}
.geisa .graf svg{width:100%;height:auto}
.geisa .graf h3{font-size:var(--step-1);font-weight:800}
.geisa .graf .caso__meta{margin-bottom:.8rem}
.geisa .foto{background:var(--porcelain-2)}
.geisa .foto{background:#fff;display:grid;place-items:center;border-left:1px solid var(--line)}.geisa .foto img{width:100%;height:auto;object-fit:contain}
@media (max-width:760px){.geisa{grid-template-columns:1fr}}
.fechamento{max-width:40rem;margin:2.5rem auto 0;text-align:center;font-family:var(--serif);font-size:var(--step-1);line-height:1.55}

/* ===== 11 SUPORTE ===== */
.suporte{display:grid;grid-template-columns:auto 1fr;gap:clamp(2rem,5vw,4rem);align-items:center;max-width:60rem;margin:0 auto}
.fone{width:min(19rem,100%);margin:0 auto;background:#0b141a;border-radius:2.2rem;padding:.7rem;box-shadow:0 30px 60px -30px rgba(0,0,0,.7);position:relative}
.fone__tela{background:#efe7de;border-radius:1.7rem;overflow:hidden}
.fone__top{background:#075e54;color:#fff;padding:.9rem 1rem;font-weight:700;font-size:.85rem;display:flex;align-items:center;gap:.6rem}
.fone__top i{width:2rem;height:2rem;border-radius:50%;background:#128c7e;display:inline-block}
.chat{padding:.9rem .7rem 1.2rem;display:grid;gap:.6rem}
.bolha{max-width:88%;background:#fff;border-radius:10px;padding:.5rem .6rem .35rem;font-size:.78rem;line-height:1.4;box-shadow:0 1px 1px rgba(0,0,0,.08)}
.bolha.eu{justify-self:end;background:#d9fdd3}
.bolha time{display:block;text-align:right;font-size:.66rem;color:#667781;margin-top:.15rem}
.audio{display:flex;align-items:center;gap:.4rem;color:#54656f}
.audio span{flex:1;height:3px;background:repeating-linear-gradient(90deg,#8696a0 0 3px,transparent 3px 5px);border-radius:2px}
.bolha svg{width:100%;height:auto;border-radius:6px;display:block}
.resposta-dia{position:absolute;right:-4.5rem;top:66%;background:var(--green);color:#fff;font-weight:800;font-size:.8rem;border-radius:999px;padding:.45rem .8rem;box-shadow:0 10px 20px -10px rgba(14,122,86,.8);transform:rotate(4deg)}
.canais{list-style:none;margin:0;padding:0;display:grid;gap:1.1rem}
.canais li{display:grid;grid-template-columns:2.8rem 1fr;gap:.9rem;align-items:start;line-height:1.5}
.canais .ico{width:2.8rem;height:2.8rem;border-radius:12px;background:var(--berry-soft);color:var(--berry);display:grid;place-items:center}
.canais .ico svg{width:1.4rem;height:1.4rem}
@media (max-width:760px){.suporte{grid-template-columns:1fr}.resposta-dia{right:-.4rem;top:auto;bottom:-1rem}}

/* ===== 12 GARANTIA ===== */
.garantia{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,5vw,4rem);align-items:center;max-width:62rem;margin:0 auto}
.escudo svg{width:100%;max-width:20rem;margin:0 auto;display:block}
.camada{background:var(--ink-2);border:1px solid var(--line-dk);border-radius:var(--r-l);padding:1.3rem 1.4rem;margin-bottom:1rem}
.camada h3{font-size:var(--step-1);font-weight:800;color:#fff;margin-bottom:.5rem}
.camada p{color:var(--muted-ink);font-size:var(--step--1);line-height:1.6}
.compromissos{list-style:none;margin:.9rem 0 .6rem;padding:0;display:grid;gap:.6rem}
.compromissos li{display:flex;gap:.7rem;align-items:center;color:var(--text-ink);font-weight:600;font-size:var(--step--1)}
.compromissos li::before{content:"";flex:none;width:1.5rem;height:1.5rem;border-radius:6px;border:2px solid var(--green-lt);background:rgba(95,214,168,.14) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235fd6a8' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/1rem no-repeat}
.linha16{max-width:62rem;margin:2.6rem auto 0}
.linha16 .base{position:relative;height:3.6rem;border-radius:8px;background:var(--ink-3);overflow:hidden}
.linha16 .f1,.linha16 .f2{position:absolute;left:0;display:flex;align-items:center;padding-left:.6rem;font-size:.78rem;font-weight:800;white-space:nowrap}
.linha16 .f2{top:0;height:50%;width:50%;background:rgba(95,214,168,.3);color:var(--green-lt)}
.linha16 .f1{bottom:0;height:50%;width:13.4%;background:var(--berry);color:#fff;overflow:visible}
.linha16 .encs{position:relative;height:1.8rem;margin-top:.3rem}
.linha16 .encs span{position:absolute;transform:translateX(-50%);font-size:.7rem;color:var(--muted-ink);text-align:center;white-space:nowrap}
.linha16 .encs span::before{content:"";display:block;width:10px;height:10px;border-radius:50%;background:var(--green-lt);margin:0 auto .2rem}
.linha16 .sems{display:flex;justify-content:space-between;font-size:.72rem;color:var(--faint-ink);margin-top:.2rem}
.legenda-garantia{display:flex;flex-wrap:wrap;gap:1rem 1.6rem;justify-content:center;margin-top:1rem;font-size:.82rem;color:var(--muted-ink)}
.legenda-garantia i{display:inline-block;width:.9rem;height:.9rem;border-radius:3px;vertical-align:-2px;margin-right:.4rem}
@media (max-width:760px){.garantia{grid-template-columns:1fr}.linha16 .f1 span{display:none}}

/* ===== 13 AUTORIDADE ===== */
.autor{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,5vw,4rem);align-items:start;max-width:64rem;margin:0 auto}
.autor__foto{border-radius:var(--r-l);overflow:hidden;box-shadow:var(--shadow-card)}
.autor__txt h3{font-size:var(--step-2);font-weight:800;margin-bottom:1rem}
.autor__txt p{margin-bottom:1rem;line-height:1.7}
.numeros{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,10.5rem),1fr));gap:1rem;max-width:64rem;margin:clamp(2.5rem,5vw,3.5rem) auto 0}
.numeros div{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:1.1rem}
.numeros b{display:block;font-size:var(--step-2);font-weight:800;color:var(--berry);letter-spacing:-.02em;line-height:1.1}
.numeros span{font-size:var(--step--1);color:var(--muted)}
.tempo{list-style:none;margin:clamp(2.5rem,5vw,3.5rem) auto 0;padding:0;max-width:40rem;position:relative}
.tempo::before{content:"";position:absolute;left:1.15rem;top:.5rem;bottom:.5rem;width:3px;background:var(--line-strong)}
.tempo li{position:relative;padding:0 0 1.4rem 3.4rem}
.tempo .i{position:absolute;left:0;top:0;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center}
.tempo .i svg{width:1.1rem;height:1.1rem}
.tempo li:last-child .i{background:var(--berry)}
.tempo b{display:block;font-size:.85rem;color:var(--berry)}
.tempo span{font-weight:600}
.mosaico{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:auto auto;gap:.8rem;max-width:64rem;margin:clamp(2.5rem,5vw,3.5rem) auto 0}
.mosaico img{width:100%;height:100%;object-fit:cover;border-radius:var(--r)}
.mosaico .a{grid-column:1/-1;aspect-ratio:21/8}
.mosaico .b,.mosaico .c,.mosaico .d{aspect-ratio:4/3}
@media (max-width:760px){.autor{grid-template-columns:1fr}.autor__foto{max-width:20rem;margin:0 auto}.mosaico{grid-template-columns:1fr 1fr}.mosaico .d{grid-column:1/-1}}

/* ===== 14 FAQ ===== */
.faq{max-width:48rem;margin:0 auto;display:grid;gap:.7rem}
.faq details{background:var(--paper);border:1px solid var(--line);border-radius:var(--r)}
.faq summary{list-style:none;cursor:pointer;padding:1.1rem 3rem 1.1rem 3.4rem;font-weight:700;position:relative;line-height:1.45}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:"";position:absolute;left:1.1rem;top:1.15rem;width:1.4rem;height:1.4rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a31d5b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.4 8.4 0 0 1-9 8.4 8.6 8.6 0 0 1-3.8-.9L3 20.5l1.6-4.6A8.4 8.4 0 1 1 21 11.5z'/%3E%3C/svg%3E") center/contain no-repeat}
.faq summary::after{content:"+";position:absolute;right:1.2rem;top:50%;transform:translateY(-50%);font-size:1.5rem;font-weight:400;color:var(--berry);transition:transform .2s}
.faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.faq .r{padding:0 1.4rem 1.2rem 3.4rem;color:var(--muted);line-height:1.65}
.faq .r b{color:var(--text)}
.wpp{display:inline-flex;align-items:center;gap:.6rem;margin-top:1.8rem;border:2px solid var(--green);color:var(--green);font-weight:800;text-decoration:none;border-radius:10px;padding:.9rem 1.4rem}
.wpp svg{width:1.2rem;height:1.2rem}

/* ===== 15 OFERTA FINAL ===== */
.custos{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:64rem;margin:0 auto clamp(2.5rem,5vw,3.5rem)}
.custo{border-radius:var(--r);padding:1.2rem 1.3rem;border:1px solid var(--line-dk)}
.custo:nth-child(1){background:var(--ink-3)}
.custo:nth-child(2){background:#141b23}
.custo:nth-child(3){background:#07090c}
.custo h4{margin:0 0 .5rem;font-size:.9rem;color:var(--muted-ink);font-weight:700}
.custo p{color:#fff;font-weight:700;line-height:1.45}
.custo p b{color:#ff8a80;display:block;font-size:var(--step-2);font-weight:800}
@media (max-width:760px){.custos{grid-template-columns:1fr}}
.oferta{max-width:38rem;margin:0 auto;background:var(--paper);color:var(--text);border-radius:var(--r-l);padding:clamp(1.4rem,4vw,2.4rem);box-shadow:0 40px 80px -40px rgba(0,0,0,.9);text-align:center}
.oferta ul{list-style:none;padding:0;margin:0 0 1.4rem;text-align:left;display:grid;gap:.55rem}
.oferta li{display:flex;gap:.7rem;align-items:flex-start;font-size:var(--step--1);line-height:1.45}
.oferta li::before{content:"";flex:none;width:1.2rem;height:1.2rem;margin-top:.1rem;border-radius:50%;background:var(--green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/.7rem no-repeat}
.oferta .de{color:var(--muted);font-weight:600}
.oferta .de s{color:var(--red);text-decoration-thickness:2px}
.oferta .carimbo{margin:1rem auto 1.2rem;max-width:22rem}
.vagas{margin:1.4rem 0 1rem}
.vagas p{font-weight:800;font-size:.9rem;margin-bottom:.6rem}
.vagas .pontos{display:flex;justify-content:center;gap:.4rem;flex-wrap:wrap}
.vagas .pontos i{width:1.3rem;height:1.3rem;border-radius:50%;border:2px solid var(--berry);display:inline-block}
.vagas .pontos i.cheia{background:var(--berry)}
.urgencia{font-size:var(--step--1);color:var(--muted);margin-top:1rem;line-height:1.6}
.mini-garantia{display:flex;gap:.8rem;align-items:center;text-align:left;margin-top:1.2rem;padding-top:1.2rem;border-top:1px solid var(--line);font-size:.85rem;line-height:1.5}
.mini-garantia svg{width:3rem;height:3rem;flex:none}
.termos{font-size:.78rem;color:var(--muted);margin-top:1rem}
.final-head h2{color:#fff}
.wa{position:fixed;right:1rem;bottom:calc(1rem + env(safe-area-inset-bottom,0px));z-index:60;display:inline-flex;align-items:center;gap:.55rem;background:#25d366;color:var(--ink);text-decoration:none;font-weight:800;font-size:.88rem;padding:.74rem 1.05rem .74rem .85rem;border-radius:999px;box-shadow:0 1px 2px rgba(0,0,0,.2),0 12px 28px -12px rgba(0,0,0,.5);transition:transform .18s,background .18s}
.wa:hover,.wa:focus-visible{background:#1fc45b;transform:translateY(-2px)}
.wa svg{flex-shrink:0}
@media (min-width:860px){.wa{bottom:1.5rem;right:1.5rem;padding:.84rem 1.2rem .84rem 1rem;font-size:.92rem}}
@media (max-width:420px){.wa span{display:none}.wa{padding:.85rem;right:.9rem}}
footer{background:#07090c;color:var(--faint-ink);font-size:.8rem;padding:2.2rem 0 calc(2.2rem + env(safe-area-inset-bottom,0px));text-align:center;line-height:1.7}
footer a{color:var(--muted-ink)}

/* ==========================================================================
   O que a página precisa além do desenho do Evandro: os nomes de token
   que os componentes de infraestrutura usam, a marcação leve do painel,
   o link "pular", a barra fixa do celular, o formulário de captura e o
   modo "ver no site". Nada aqui muda o desenho acima.
   ========================================================================== */
:root{
  --green-dk:#0a5d41;--muted-dk:#8e99a4;
  --berry-ink-bg:rgba(240,143,183,.18);--berry-ink-fg:#ffdcea;
  --green-ink-bg:rgba(95,214,168,.16);--green-ink-fg:#a8efce;
  --radius-s:var(--r-s);--radius:var(--r);--radius-l:var(--r-l);--radius-btn:10px;
  --ease-out:cubic-bezier(.22,.61,.36,1);--ease-exp:cubic-bezier(.16,1,.3,1);
  color-scheme:light;accent-color:var(--berry);
}
::selection{background:var(--berry);color:#fff}

/* ---------- ajustes finos sobre o desenho (o painel escreve <strong>, não <b>) ---------- */
.hero h1 strong{font-weight:700}
.resultado strong{color:var(--green)}
.faq .r strong{color:var(--text)}
.cta-wrap--esq{text-align:left}
.selos--esq{justify-content:flex-start}
.legenda--esq{justify-content:flex-start;margin:.4rem 0 1rem}
.fig--centro{margin-left:auto;margin-right:auto}
.degrau .x--longo{font-size:var(--step-1)}
@media (max-width:600px){.degrau .x--longo{font-size:.85rem}}
.faq__whats{text-align:center}
.vagas p .num{color:var(--berry)}
/* em telas estreitas as 12 bolinhas cabem numa linha só */
@media (max-width:420px){.vagas .pontos i{width:1.1rem;height:1.1rem}.vagas .pontos{gap:.35rem}}
.wa{transition:transform .18s,background .18s,bottom .4s var(--ease-exp)}
/* sobe só enquanto a barra fixa está na tela, para não pairar no vazio */
.barra-on .wa{bottom:calc(5.8rem + env(safe-area-inset-bottom,0px))}
@media (min-width:860px){.barra-on .wa{bottom:1.5rem}}

/* ---------- a marcação leve do painel ---------- */
.hl,.hl-pos{padding:.06em .26em;margin:0 -.04em;border-radius:.2em .35em .25em .3em;box-decoration-break:clone;-webkit-box-decoration-break:clone;font-weight:700}
.hl{background:var(--berry-soft);color:var(--berry-dk)}
.hl-pos{background:var(--green-soft);color:var(--green-dk)}
.sec--ink .hl,.hero .hl,footer .hl{background:var(--berry-ink-bg);color:var(--berry-ink-fg)}
.sec--ink .hl-pos,.hero .hl-pos,footer .hl-pos{background:var(--green-ink-bg);color:var(--green-ink-fg)}
h1 .hl,h2 .hl,h1 .hl-pos,h2 .hl-pos{font-weight:inherit;padding:.02em .18em;margin:0 -.02em;border-radius:.12em .2em .14em .18em}
.num{color:var(--berry);font-weight:700}
.bonus .corpo .num{font-weight:800}
.lede{font-size:var(--step-1);line-height:1.55}
.named{font-family:var(--serif);font-weight:400;font-size:var(--step-1);margin:1.2rem 0 .6rem}
.pull{font-family:var(--serif);font-size:var(--step-1);line-height:1.55;color:var(--muted);text-align:center;max-width:40rem;margin:1.2rem auto}
.sec--ink .pull{color:var(--muted-ink)}

/* ---------- o link de pular para o conteúdo ---------- */
.pular{position:absolute;left:1rem;top:-4rem;z-index:100;background:var(--paper);color:var(--berry-dk);padding:.75rem 1rem;border-radius:var(--r-s);font-weight:700;text-decoration:none;box-shadow:var(--shadow-card)}
.pular:focus-visible{top:1rem}

/* ---------- botões: variações que a infraestrutura usa ---------- */
.cta--block{display:flex;width:100%;max-width:30rem;text-align:center}
.cta:active{transform:translateY(1px)}

/* ---------- barra fixa do celular ---------- */
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:50;background:rgba(12,17,23,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line-dk);padding:.7rem .9rem calc(.7rem + env(safe-area-inset-bottom,0px));transition:transform .4s var(--ease-exp),visibility .4s}
.js .sticky{transform:translateY(110%);visibility:hidden}
.js .sticky.sticky--on{transform:translateY(0);visibility:visible}
.sticky .cta{display:flex;width:100%;max-width:none;text-align:center;padding:.95rem 1rem;font-size:.95rem;box-shadow:none}
@media (min-width:860px){.sticky{display:none}}

/* ---------- formulário de captura ---------- */
.captura{border:0;padding:0;margin:auto;width:100%;max-width:min(26rem,calc(100vw - 2rem));background:transparent;color:var(--text)}
.captura::backdrop{background:rgba(12,17,23,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.captura[open]{animation:captura-entra .28s var(--ease-exp)}
@keyframes captura-entra{from{opacity:0;transform:translateY(14px)}}
.captura__form{position:relative;background:var(--paper);border-radius:var(--r-l);padding:2.1rem 1.8rem 1.6rem;box-shadow:0 0 0 1px rgba(0,0,0,.6),0 30px 60px -30px rgba(0,0,0,.8)}
.captura__fechar{position:absolute;top:.85rem;right:.85rem;width:2.25rem;height:2.25rem;border-radius:999px;border:1px solid var(--line);background:var(--porcelain);color:var(--muted);display:grid;place-items:center;cursor:pointer;transition:background .15s,color .15s}
.captura__fechar:hover{background:var(--porcelain-2);color:var(--text)}
.captura__titulo{font-size:var(--step-2);font-weight:300;letter-spacing:-.02em;line-height:1.15;margin:0 2.4rem .6rem 0;max-width:none}
.captura__texto{font-size:.95rem;color:var(--muted);margin:0 0 1.4rem}
.captura__campo{display:block;margin-bottom:.9rem}
.captura__campo>span{display:block;font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.4rem}
.captura__campo input{width:100%;font:inherit;font-size:1rem;padding:.8rem .9rem;border:1px solid var(--line-strong);border-radius:var(--r-s);background:var(--paper);color:var(--text);transition:border-color .15s,box-shadow .15s}
.captura__campo input::placeholder{color:var(--muted-dk)}
.captura__campo input:focus{outline:none;border-color:var(--berry);box-shadow:0 0 0 3px rgba(163,29,91,.16)}
.captura__erro{display:none;font-size:.82rem;color:var(--red);margin-top:.35rem}
.captura__campo--erro input{border-color:var(--red)}
.captura__campo--erro .captura__erro{display:block}
.captura__isca{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.captura__enviar{max-width:none;margin-top:.5rem;border:0;cursor:pointer;font-family:inherit}
.captura__enviar[disabled]{opacity:.7;cursor:progress;transform:none}
.captura__aviso{font-size:.78rem;color:var(--muted);margin:.95rem 0 0;line-height:1.5}
@media (max-width:600px){
  .captura{max-width:none;margin:auto 0 0}
  .captura__form{border-radius:var(--r-l) var(--r-l) 0 0;padding:1.7rem 1.25rem calc(1.4rem + env(safe-area-inset-bottom,0px))}
}

/* ---------- modo "ver no site" (painel) ---------- */
.marca-area{display:block;height:0}
.modo-mapa{scroll-behavior:auto}
.modo-mapa .sticky,.modo-mapa .wa{display:none}
.onde-ativa{position:relative;outline:3px solid var(--berry-lt);outline-offset:-3px}
.onde-ativa::after,.onde-mapa::after{content:'';position:absolute;inset:0;pointer-events:none;background:rgba(163,29,91,.06)}
.onde-mapa::after{background:transparent;transition:background .15s}
.onde-rotulo{position:absolute;z-index:70;top:.6rem;left:.6rem;background:var(--berry);color:#fff;font:800 11px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;padding:.4rem .6rem;border-radius:4px;pointer-events:none;box-shadow:0 4px 12px rgba(0,0,0,.25)}
.onde-mapa{position:relative;outline:2px dashed rgba(163,29,91,.7);outline-offset:-2px;cursor:pointer}
.onde-mapa:hover::after{background:rgba(163,29,91,.08)}