/* Proposta comercial da Marks. Página estática, sem JavaScript.
   Este arquivo cuida do celular e do tablet (as páginas ficam empilhadas) e dos blocos que as duas versões dividem.
   Em tela grande a proposta aparece como slides, igual ao PDF: isso está em slides.css (o build junta os dois). */
@font-face{font-family:'Aileron';src:url('/fonts/Aileron-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Aileron';src:url('/fonts/Aileron-Semibold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Aileron';src:url('/fonts/Aileron-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}

/* A citação da página 5 usa o Aileron Light, que no PDF só aparece ali: o arquivo traz só as letras dessa frase (o resto cai no Regular). */
@font-face{font-family:'Aileron Light';src:url('/fonts/Aileron-Light.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}

:root{
  --font:'Aileron','Helvetica Neue',Arial,sans-serif;
  --limao:#e9fc88;
  --gut:clamp(20px,5.5vw,64px);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:#000;color:#fff;font-family:var(--font);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img,svg{display:block;max-width:100%}
h1,h2,h3,p,figure,blockquote,dl,dd,ul,ol{margin:0}
ul,ol{padding:0;list-style:none}
a{color:inherit;text-decoration:none}
em{font-style:normal}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pular{position:fixed;left:12px;top:-60px;z-index:100;background:var(--limao);color:#000;padding:10px 16px;border-radius:999px;font-weight:700}
.pular:focus{top:12px}
:focus-visible{outline:2px solid var(--limao);outline-offset:3px;border-radius:6px}
.cla :focus-visible,.cin :focus-visible,.claro :focus-visible{outline-color:#000}

/* Linha que acompanha a rolagem (única coisa fixa na tela) */
.progresso{position:fixed;left:0;right:0;top:0;height:2px;z-index:90;background:var(--limao);transform:scaleX(0);transform-origin:left}
@supports (animation-timeline:scroll()){
  .progresso{animation:progresso linear both;animation-timeline:scroll(root)}
  @keyframes progresso{to{transform:scaleX(1)}}
}

/* ---------- Página (cada página do PDF) ---------- */
.pg{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:28px;padding:56px var(--gut) 72px;background:var(--fundo);color:var(--tinta);overflow:hidden}
.esc{--fundo:#000;--tinta:#fff;--mudo:#8a8a86;--sf:.42}
.cla{--fundo:#fff;--tinta:#000;--mudo:#6f6f6a;--sf:.38}
.cin{--fundo:#efefed;--tinta:#000;--mudo:#6f6f6a;--sf:.38}

/* Grade do fundo (as páginas escuras do PDF) */
.gr{position:absolute;inset:0;z-index:-1;pointer-events:none;--g:56px;
  background-image:linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px);
  background-size:var(--g) var(--g),var(--g) var(--g),calc(var(--g)*4) calc(var(--g)*4),calc(var(--g)*4) calc(var(--g)*4)}

/* Cabeçalho de cada página: "Marks · Proposta comercial" e "03 / 14" */
.cab{display:flex;justify-content:space-between;gap:16px;font-size:13px;line-height:19px;color:var(--mudo)}
.cab .num{white-space:nowrap}
.cab .num i{font-style:normal;font-size:.86em}

/* Títulos: a segunda linha é a mesma cor com menos opacidade */
.tit{font-weight:700;letter-spacing:-.01em;line-height:1.05}
.tit .sf{display:block;opacity:var(--sf)}

/* Quadradinho com ícone (tile): 54, 64 ou 80 px no PDF */
.tl{--t:44px;display:inline-grid;place-items:center;flex:none;width:var(--t);height:var(--t);border-radius:28%;background:#000;color:#fff}
.tl .g{width:100%;height:100%}
.t54{--t:44px}.t64{--t:48px}.t80{--t:56px}
.pt{background:#000;color:#fff}
.gf{background:#151515;color:#fff}
.li{background:var(--limao);color:#000}

/* Selo: ícone + "01 · Por que identidade visual" */
.selo{display:flex;align-items:center;gap:14px;font-size:15px;font-weight:600;line-height:1.3}

/* Cartão escuro e cartão claro */
.cx{background:#0e0e0e;border:1.33px solid #262626;border-radius:24px;padding:24px}
.cx.claro{background:#fff;border-color:#fff;color:#000}

/* Pílula de contorno */
.pilula{white-space:nowrap;display:inline-flex;align-items:center;align-self:flex-start;height:39px;padding:0 18px 0 19px;border:1.33px solid rgba(255,255,255,.35);border-radius:999px;font-size:14px;font-weight:600;line-height:1}

/* Vidro: cartão fosco sobre foto (o fundo é a própria foto desfocada, como no PDF) */
.vidro{border:1.33px solid rgba(255,255,255,.3);border-radius:28px;background:#222 center/cover no-repeat;color:#fff}

.q{display:none}
.par{font-size:.89em}

/* ---------- 01 · Capa ---------- */
.capa{gap:32px;padding-top:40px}
.capa .logo img{width:132px;height:auto}
.capa .tit{font-size:clamp(44px,16.4vw,150px);line-height:1.04}
.capa .lead{font-size:clamp(17px,2.4vw,23px);line-height:1.55;color:#d5d5d1;max-width:46ch}
.capa .slogan{font-size:14px;color:#8a8a86;order:9}
.capa .mira{display:none}
.foto{position:relative;margin:0 calc(var(--gut)*-1);aspect-ratio:4/5;max-height:80svh;order:5;overflow:hidden}
.foto>img{width:100%;height:100%;object-fit:cover}
.vidro-capa{position:absolute;left:var(--gut);right:var(--gut);bottom:20px;display:flex;justify-content:space-between;align-items:flex-end;padding:18px 20px;background-image:linear-gradient(rgba(0,0,0,.22),rgba(0,0,0,.22)),url('/img/vidro-capa.webp')}
.vidro-capa small{display:block;font-size:12px;line-height:17px;color:#e6e6e1}
.vidro-capa strong{display:block;margin-top:4px;font-size:24px;line-height:1.25;font-weight:700}
.vidro-capa em{display:block;font-size:14px;line-height:1.3;color:#e6e6e1}
.vidro-capa .fig{text-align:right}

/* ---------- 02 · Sumário ---------- */
.sumario{padding:0 0 56px;gap:0}
.sumario-arte{position:relative;height:clamp(200px,48vw,320px);overflow:hidden}
.sumario-arte>img{width:100%;height:100%;object-fit:cover}
.vidro-sumario{position:absolute;left:var(--gut);bottom:20px;display:flex;flex-direction:column;gap:2px;padding:16px 20px;min-width:240px;background-image:linear-gradient(rgba(0,0,0,.18),rgba(0,0,0,.18)),url('/img/vidro-sumario.webp')}
.vidro-sumario strong{font-size:17px;line-height:1.3;font-weight:700}
.vidro-sumario small{font-size:12px;line-height:1.3;color:#e6e6e1}
.sumario-lista{padding:36px var(--gut) 0;display:flex;flex-direction:column;gap:28px}
.sumario .cab{order:-1}
.sumario .tit{font-size:clamp(40px,10vw,64px);line-height:1.04}
.indice{border-bottom:1px solid #e3e3e0}
.indice li{border-top:1px solid #e3e3e0}
.indice a{display:grid;grid-template-columns:34px auto 1fr 14px;align-items:center;gap:0 14px;min-height:68px;padding:10px 0}
.indice .n{font-size:13px;color:#8a8a86}
.indice .t{font-size:clamp(17px,4.4vw,20px);font-weight:600;line-height:1.25}
.indice .p{display:none}
.indice .seta{width:8px;height:15px;fill:none;stroke:#000;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;justify-self:end}
.indice a:hover .t{text-decoration:underline;text-underline-offset:4px}

/* ---------- 03 · Por que identidade visual ---------- */
.porque{gap:26px}
.porque .gr{--g:48px}
.cit blockquote{font-size:clamp(30px,7.4vw,56px);line-height:1.17;font-weight:700;letter-spacing:-.01em;color:rgba(255,255,255,.45)}
.cit blockquote b{color:#fff;font-weight:700}
.aspas{font-size:.77em}
.cit .aspas{font-size:1em}
.cit figcaption{margin-top:16px;font-size:13px;color:#8a8a86}
.nota{font-size:clamp(16px,2.2vw,20px);line-height:1.6;padding:24px}
.cartoes{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}
.cartoes .cx{display:flex;flex-direction:column;gap:0}
.cartoes h3{margin-top:22px;font-size:20px;line-height:1.35;font-weight:700}
.cartoes p{margin-top:10px;font-size:15px;line-height:1.55;color:#b9b9b4}
.cartoes .claro p{color:#54544f}


/* ---------- 04 · Uma nota sobre detalhe ---------- */
.nota-detalhe{--mudo:#f0f0ec;justify-content:center;min-height:min(100svh,720px);gap:40px}
.fundo{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover}
.vidro-detalhe{display:flex;flex-direction:column;align-items:flex-start;gap:28px;padding:28px 24px 32px;background-image:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.3)),url('/img/vidro-detalhe.webp')}
.vidro-detalhe .tit{font-size:clamp(34px,9vw,60px);line-height:1.1;letter-spacing:.005em}
.vidro-detalhe .sf{opacity:.45}
.vidro-detalhe figcaption{font-size:15px;color:#e6e6e1}

/* ---------- 05 · O que é identidade visual ---------- */
.oque{gap:28px}
.oque .tit{font-size:clamp(38px,9.4vw,58px);line-height:1.07;letter-spacing:-.008em}
.citacao{background:#000;color:#fff;border-radius:24px;padding:28px 26px 30px}
.citacao blockquote{font-family:'Aileron Light','Aileron',sans-serif;font-size:clamp(22px,5.4vw,29px);line-height:1.42;font-weight:400}
.citacao figcaption{margin-top:22px;font-size:13px;color:#8a8a86}
.itens{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.cb{background:#fff;color:#000;border-radius:24px;padding:24px}
.cb h3{margin-top:22px;font-size:20px;line-height:1.3;font-weight:700}
.cb p{margin-top:8px;font-size:15px;line-height:1.5;color:#54544f;letter-spacing:-.01em}

/* ---------- 06 · Quem conduz ---------- */
.quem{padding:0 0 64px;gap:0}
.quem-foto{position:relative;aspect-ratio:4/5;max-height:78svh;overflow:hidden}
.quem-foto>img{width:100%;height:100%;object-fit:cover}
.vidro-quem{position:absolute;left:var(--gut);right:var(--gut);bottom:20px;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 16px 16px 20px;background-image:linear-gradient(rgba(0,0,0,.12),rgba(0,0,0,.12)),url('/img/vidro-quem.webp')}
.vidro-quem strong{display:block;font-size:17px;line-height:1.3;font-weight:700}
.vidro-quem small{display:block;font-size:12px;line-height:1.35;color:#e6e6e1}
.vd{background:rgba(0,0,0,.5);--t:56px}
.quem-texto{padding:36px var(--gut) 0;display:flex;flex-direction:column;gap:26px}
.quem .cab{order:-1}
.quem .tit{font-size:clamp(52px,15vw,82px);line-height:1.05;letter-spacing:-.007em}
.quem .lead{font-size:clamp(17px,2.6vw,22px);line-height:1.6;color:#333;max-width:46ch}
.principios{border-bottom:1px solid #e3e3e0}
.principios li{display:grid;grid-template-columns:48px 1fr;column-gap:16px;row-gap:6px;align-items:center;padding:20px 0;border-top:1px solid #e3e3e0}
.principios .tl{grid-row:span 2}
.principios strong{font-size:19px;line-height:1.3;font-weight:700}
.principios li>span:last-child{font-size:15px;line-height:1.5;color:#54544f;letter-spacing:-.01em}


/* Etiqueta limão ("Entrega 1", "Diferencial Marks") */
.etq{display:inline-flex;align-items:center;align-self:flex-start;flex:none;background:var(--limao);color:#000;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600;line-height:1.3;white-space:nowrap}
.etq.grande{padding:0 19px;height:39px;font-size:14px}

/* ---------- 07 · Como funciona ---------- */
.como .tit{font-size:clamp(38px,9.4vw,70px);line-height:1.05}
.etapas{border-bottom:1px solid #262626}
.etapas li{position:relative;display:flex;align-items:center;gap:14px;padding:16px 0;border-top:1px solid #262626}
.etapas .n{width:22px;flex:none;font-size:13px;color:#8a8a86}
.etapas .tl{align-self:flex-start}
.etapas h3{font-size:18px;line-height:1.3;font-weight:700}
.etapas p{margin-top:4px;font-size:14px;line-height:1.55;color:#b9b9b4}
.etapas li .etq{position:absolute;right:0;top:16px}
@media (max-width:1279px){
  .etapas li{display:grid;grid-template-columns:22px 48px 1fr;column-gap:14px;align-items:start}
  .etapas .n{padding-top:3px}
  .etapas li .etq{position:static;grid-column:3;justify-self:start;margin-top:10px}
}
.duas{background:#fff;color:#000;border-radius:24px;padding:28px 24px;display:flex;flex-direction:column;gap:22px}
.duas .tit2{font-size:clamp(26px,6.4vw,43px);line-height:1.12;font-weight:700;letter-spacing:-.01em}
.duas .sf{display:block;opacity:.38}
.entregas{display:flex;flex-direction:column;gap:12px}
.entregas li{display:flex;align-items:center;gap:20px;background:#efefed;border-radius:22px;padding:18px}
.entregas small{display:block;font-size:13px;line-height:1.3;color:#6f6f6a}
.entregas strong{display:block;font-size:19px;line-height:1.3;font-weight:700}
.duas .rodape{font-size:15px;line-height:1.5;color:#54544f}

/* ---------- 08 · Você acompanha tudo ---------- */
.painel{gap:22px;padding-top:0}
.painel .fundo{position:relative;inset:auto;z-index:auto;margin:0 calc(var(--gut)*-1);width:calc(100% + var(--gut)*2);height:auto;aspect-ratio:16/10;object-position:70% 50%}
.painel .cab{display:none}
.painel-topo{display:flex;flex-direction:column;gap:18px}
.painel .selo{font-size:15px}
.painel .tit{font-size:clamp(40px,10.4vw,62px);line-height:1.06;letter-spacing:-.01em}
.painel .tit .sf{opacity:.55}
.vidro-painel{display:grid;gap:20px;padding:24px 22px;background-image:linear-gradient(rgba(0,0,0,.52),rgba(0,0,0,.52)),url('/img/vidro-painel.webp')}
.vidro-painel li{display:flex;gap:16px;align-items:flex-start}
.vidro-painel strong{display:block;font-size:18px;line-height:1.3;font-weight:700}
.vidro-painel small{display:block;margin-top:4px;font-size:14px;line-height:1.5;color:#ddd}

/* ---------- 09 · O que você recebe ---------- */
.recebe .tit{font-size:clamp(38px,9.4vw,70px);line-height:1.05}
.entregaveis{display:flex;flex-direction:column;gap:14px}
.entregaveis li{display:flex;align-items:center;gap:20px;background:#efefed;border-radius:24px;padding:22px}
.entregaveis strong{display:block;font-size:19px;line-height:1.3;font-weight:700}
.entregaveis small{display:block;margin-top:4px;font-size:15px;line-height:1.5;color:#54544f;letter-spacing:-.01em}
.difer{display:flex;flex-direction:column;gap:22px;background:#000;color:#fff;border-radius:24px;padding:28px 24px 30px}
.difer .tit{font-size:clamp(34px,8.6vw,62px);line-height:1.08}
.difer .sf{opacity:.45}
.difer .desc{font-size:clamp(16px,2.2vw,20px);line-height:1.55;color:#d5d5d1}
.difer .fim{padding-top:22px;border-top:1px solid #333;font-size:15px;line-height:1.7}

/* ---------- 10 · Escopo ---------- */
.escopo .tit,.prazo .tit,.invest .tit,.termos .tit{font-size:clamp(38px,9.4vw,70px);line-height:1.05}
.dentro{background:#fff;color:#000;border-radius:24px;padding:24px}
.fora{padding:24px}
.dentro>header,.fora>header{display:flex;align-items:center;gap:14px}
.dentro h3{font-size:19px;line-height:1.3;font-weight:700}
.fora h3{font-size:17px;line-height:1.3;font-weight:700;color:#bdbdb8}
.dentro small,.fora small{margin-left:auto;font-size:13px;line-height:19px;color:#6f6f6a}
.dentro ul,.fora ul{margin-top:22px}
.dentro li,.fora li{border-top:1px solid #e3e3e0}
.dentro .com-etq{display:flex;align-items:center;justify-content:space-between;gap:12px}
.dentro li{padding:12px 0;font-size:17px;line-height:1.35}
.fora li{padding:11px 0;border-color:#262626;font-size:15px;line-height:1.35;color:#8c8c87}
.rodape-nota{font-size:13px;line-height:1.5;color:var(--mudo)}
@media (min-width:640px){
  .dentro ul{display:grid;grid-auto-flow:column;grid-template-rows:repeat(6,auto);column-gap:40px}
}

/* ---------- 11 · Prazo e ajustes ---------- */
.prazo .lead{max-width:46ch;font-size:clamp(17px,2.6vw,20px);line-height:1.55;color:#333}
.aviso{order:9;background:#000;color:#d5d5d1;border-radius:24px;padding:24px 28px;font-size:15px;line-height:1.6}
.ficha{background:#fff;border-radius:24px;padding:6px 24px}
.ficha li{position:relative;display:grid;grid-template-columns:56px 1fr;column-gap:16px;row-gap:12px;align-items:center;padding:22px 0}
.ficha li+li::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:#e3e3e0}
.ficha .v small{display:block;font-size:13px;line-height:19px;color:#6f6f6a}
.ficha .v strong{display:block;margin-top:2px;font-size:clamp(30px,8vw,38px);line-height:1.15;font-weight:700}
.ficha .v i{font-style:normal;font-size:.88em}
.ficha p{grid-column:1/-1;font-size:16px;line-height:1.55;color:#54544f}
@media (min-width:640px){
  .ficha li{grid-template-columns:56px 210px 1fr;column-gap:24px}
  .ficha p{grid-column:auto}
}

/* ---------- 12 · Investimento e próximos passos ---------- */
.valor{background:#fff;color:#000;border-radius:24px;padding:28px 24px}
.valor .de{font-size:15px;line-height:1.4;color:#6f6f6a}
.preco{margin-top:10px;font-size:clamp(52px,14vw,70px);line-height:1.1;font-weight:700;letter-spacing:-.01em}
.preco span{font-size:.886em}
.nota-preco{margin-top:12px;font-size:16px;line-height:1.55;color:#54544f}
.pagto{margin-top:22px;border-top:1px solid #e3e3e0}
.pagto li{display:flex;align-items:center;gap:16px;padding:18px 0}
.pagto li+li{border-top:1px solid #e3e3e0}
.pagto li>span:last-child{font-size:16px;line-height:1.5;color:#54544f}
.pagto strong{font-size:18px;font-weight:700;color:#000}
.passos h3{font-size:20px;line-height:1.3;font-weight:700}
.passos ol{margin-top:18px}
.passos li{border-top:1px solid #262626}
.passos .r{display:flex;align-items:center;gap:16px;padding:14px 0}
.passos .tx{flex:1;font-size:17px;line-height:1.45;color:#d5d5d1}
.passos li:first-child .tx{color:#b9b9b4}
.passos strong{font-weight:700;color:#fff}
.passos .n{flex:none;font-size:13px;color:#6f6f6a}
.passos a.r:hover .tx{color:#fff}

/* ---------- 13 · Termos do projeto ---------- */
.glossario{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
.glossario li{display:flex;align-items:center;gap:20px;background:#efefed;border-radius:24px;padding:22px}
.glossario strong{display:block;font-size:19px;line-height:1.3;font-weight:700}
.glossario small{display:block;margin-top:4px;font-size:15px;line-height:1.5;color:#54544f}

/* ---------- 14 · Fechamento ---------- */
.fecha{gap:28px;padding-top:40px}
.fecha .logo img{width:132px;height:auto}
.cartao-final{display:flex;flex-direction:column;gap:30px;border-radius:24px;padding:28px 24px}
.fecha .intro{font-size:clamp(16px,2.4vw,20px);line-height:1.55;color:#e6e6e1}
.fecha .tit{font-size:clamp(32px,8.2vw,56px);line-height:1.12;letter-spacing:-.01em}
.fecha .tit .sf{margin-top:.28em;opacity:.45}
.convite{display:flex;flex-direction:column;gap:22px;padding-top:26px;border-top:1px solid #333}
.convite p span{display:block;font-size:19px;line-height:1.45;color:#fff}
.convite p small{display:block;margin-top:6px;font-size:15px;line-height:1.5;color:#d5d5d1}
.botao{display:inline-flex;align-items:center;justify-content:center;gap:16px;align-self:flex-start;min-height:51px;padding:0 26px;background:var(--limao);color:#000;border:1.33px solid var(--limao);border-radius:999px;font-size:16px;font-weight:600;line-height:1}
.botao svg{width:12px;height:12px}
.botao:hover{background:#f2ffb0}
.contato{order:1;display:flex;flex-direction:column;gap:14px;font-style:normal;background:#fff;color:#000;border-radius:24px;padding:24px}
.contato strong{font-size:20px;line-height:1.3;font-weight:700}
.contato a{display:flex;align-items:center;gap:14px;font-size:16px;line-height:1.3;overflow-wrap:anywhere}
.contato a:hover span:last-child{text-decoration:underline}
.foto-final{order:2;margin:0 calc(var(--gut)*-1);aspect-ratio:4/5;max-height:70svh;overflow:hidden}
.foto-final img{width:100%;height:100%;object-fit:cover}
.fim-rodape{order:3;display:flex;justify-content:space-between;gap:16px;font-size:14px;line-height:19px;color:#e6e6e1}
.fim-rodape .num i{font-style:normal;font-size:.86em}

/* ---------- Movimento ---------- */
@media (prefers-reduced-motion:no-preference){
  @supports (animation-timeline:view()){
    .rv{animation:rv linear both;animation-timeline:view();animation-range:entry 0% entry 38%}
    @keyframes rv{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
  }
}

@media print{
  .progresso,.pular{display:none}
  .pg{break-inside:avoid}
  .rv{animation:none!important;opacity:1!important;transform:none!important}
  *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}

/* ---------- Tela grande: a proposta como slides, igual ao PDF ---------- */
@media (min-width:1280px){
/* A proposta em tela grande: cada página é um slide 16:9 igual ao do PDF.
   Tudo aqui é escrito em pixels de um slide de 1920×1080. O build troca cada "Npx" por calc(var(--u)*N),
   então o slide inteiro (textos, ícones, espaços) cresce e encolhe junto com a largura da janela. */

.pg{--u:calc(100cqw/1920);container-type:inline-size;aspect-ratio:16/9;display:block;padding:0}
.pg>*,.pg>.ct>*{position:absolute}
.gr,.porque .gr{--g:calc(var(--u)*96);background-image:linear-gradient(90deg,rgba(255,255,255,.04) calc(var(--u)*2),transparent calc(var(--u)*2)),linear-gradient(rgba(255,255,255,.04) calc(var(--u)*2),transparent calc(var(--u)*2)),linear-gradient(90deg,rgba(255,255,255,.027) calc(var(--u)*2),transparent calc(var(--u)*2)),linear-gradient(rgba(255,255,255,.027) calc(var(--u)*2),transparent calc(var(--u)*2));background-position:calc(var(--u)*-.6) 0,0 calc(var(--u)*-1.5),calc(var(--u)*-.6) 0,0 calc(var(--u)*-1.5)}
.q{display:inline}

.cab{top:calc(var(--u)*47);left:calc(var(--u)*96);right:calc(var(--u)*96);display:flex;font-size:calc(var(--u)*14);line-height:calc(var(--u)*19)}
.cab .num i{font-size:calc(var(--u)*12)}
.cab span:first-child{letter-spacing:.0055em}

.tl{width:var(--t);height:var(--t);border-radius:28%}
.t54{--t:calc(var(--u)*54)}.t64{--t:calc(var(--u)*64)}.t80{--t:calc(var(--u)*80)}

.selo{left:calc(var(--u)*96);top:calc(var(--u)*144);gap:calc(var(--u)*14);font-size:calc(var(--u)*16);line-height:calc(var(--u)*21)}

.cx{border-radius:calc(var(--u)*24);padding:calc(var(--u)*32)}
.vidro{border-radius:calc(var(--u)*24)}

/* ---------- 01 · Capa ---------- */
.capa .gr{inset:0 auto 0 0;width:calc(var(--u)*1152)}
.capa .logo{left:calc(var(--u)*96);top:calc(var(--u)*56)}
.capa .logo img{width:calc(var(--u)*164);height:calc(var(--u)*28)}
.ct{display:contents}
.capa .pilula{left:calc(var(--u)*96);top:calc(var(--u)*288);width:calc(var(--u)*206);height:calc(var(--u)*39);padding:0 0 0 calc(var(--u)*19);font-size:calc(var(--u)*14)}
.capa .tit{left:calc(var(--u)*96);top:calc(var(--u)*368);font-size:calc(var(--u)*146);line-height:calc(var(--u)*153);letter-spacing:-.01em}
.capa .lead{left:calc(var(--u)*96);top:calc(var(--u)*743);width:calc(var(--u)*740);font-size:calc(var(--u)*23);line-height:calc(var(--u)*36);max-width:none}
.capa .slogan{left:calc(var(--u)*96);top:calc(var(--u)*1017);font-size:calc(var(--u)*14);line-height:calc(var(--u)*19)}
.foto{left:calc(var(--u)*1152);top:0;width:calc(var(--u)*768);height:calc(var(--u)*1080);margin:0;aspect-ratio:auto;max-height:none}
.foto>img{position:absolute;inset:0}
.vidro-capa{left:calc(var(--u)*96);top:calc(var(--u)*792);right:auto;bottom:auto;width:calc(var(--u)*576);height:calc(var(--u)*192);padding:0;display:block}
.vidro-capa .quem{position:absolute;left:calc(var(--u)*36);top:calc(var(--u)*70)}
.vidro-capa .fig{position:absolute;right:calc(var(--u)*36);top:calc(var(--u)*125)}
.vidro-capa small{font-size:calc(var(--u)*13);line-height:calc(var(--u)*18)}
.vidro-capa .fig small{line-height:calc(var(--u)*17)}
.vidro-capa strong{margin-top:calc(var(--u)*8);font-size:calc(var(--u)*31);line-height:calc(var(--u)*40)}
.vidro-capa em{font-size:calc(var(--u)*16);line-height:calc(var(--u)*21)}
.capa .mira{display:block;width:calc(var(--u)*24);height:calc(var(--u)*24)}
.capa .mira::before,.capa .mira::after{content:"";position:absolute;background:#fff}
.capa .mira::before{left:0;top:calc(var(--u)*12);width:calc(var(--u)*24);height:calc(var(--u)*1)}
.capa .mira::after{left:calc(var(--u)*12);top:0;width:calc(var(--u)*1);height:calc(var(--u)*24)}
.capa .m1{left:calc(var(--u)*1140);top:calc(var(--u)*84)}
.capa .m2{left:calc(var(--u)*1140);top:calc(var(--u)*972)}

/* ---------- 02 · Sumário ---------- */
.sumario-arte{left:0;top:0;width:calc(var(--u)*672);height:calc(var(--u)*1080)}
.vidro-sumario{left:calc(var(--u)*96);top:calc(var(--u)*840);bottom:auto;width:calc(var(--u)*480);height:calc(var(--u)*144);padding:0;display:block;min-width:0}
.vidro-sumario strong{position:absolute;left:calc(var(--u)*36);top:calc(var(--u)*33);font-size:calc(var(--u)*20);line-height:calc(var(--u)*25)}
.vidro-sumario small{position:absolute;left:calc(var(--u)*36);top:calc(var(--u)*63);font-size:calc(var(--u)*13);line-height:calc(var(--u)*18)}
.sumario .cab{left:calc(var(--u)*768)}
.sumario .tit{left:calc(var(--u)*768);top:calc(var(--u)*143);font-size:calc(var(--u)*70);line-height:calc(var(--u)*73);letter-spacing:-.01em}
.indice{left:calc(var(--u)*768);top:calc(var(--u)*336);width:calc(var(--u)*1056)}
.indice li{height:calc(var(--u)*70)}
.indice a{grid-template-columns:calc(var(--u)*48) calc(var(--u)*54) 1fr auto calc(var(--u)*36);gap:0;height:calc(var(--u)*69);min-height:0;padding:0}
.indice .n{font-size:calc(var(--u)*14);line-height:calc(var(--u)*19)}
.indice .t{padding-left:calc(var(--u)*34);font-size:calc(var(--u)*21);line-height:calc(var(--u)*28)}
.indice .p{display:block;font-size:calc(var(--u)*14);line-height:calc(var(--u)*19);color:#6f6f6a}
.indice .seta{width:calc(var(--u)*8.03);height:calc(var(--u)*14.95);margin-left:calc(var(--u)*19);justify-self:start}

/* ---------- 03 · Por que identidade visual ---------- */
.porque .selo{left:calc(var(--u)*96);top:calc(var(--u)*144)}
.cit{left:calc(var(--u)*96);top:calc(var(--u)*239);width:calc(var(--u)*1140)}
.cit blockquote{font-size:calc(var(--u)*56);line-height:calc(var(--u)*65.5);letter-spacing:.011em}
.cit .aspas:first-child{margin-right:0}
.cit figcaption{position:absolute;left:0;top:calc(var(--u)*220);margin:0;font-size:calc(var(--u)*13);line-height:calc(var(--u)*18);white-space:nowrap}
.nota{left:calc(var(--u)*1344);top:calc(var(--u)*240);width:calc(var(--u)*480);height:calc(var(--u)*192);font-size:calc(var(--u)*20);line-height:calc(var(--u)*32);padding:calc(var(--u)*30) calc(var(--u)*32) calc(var(--u)*32)}
.cartoes{left:calc(var(--u)*96);top:calc(var(--u)*624);width:calc(var(--u)*1728);height:calc(var(--u)*336);grid-template-columns:repeat(5,1fr);gap:calc(var(--u)*24)}
.cartoes .cx{padding:calc(var(--u)*32)}
.cartoes h3{margin-top:calc(var(--u)*27);font-size:calc(var(--u)*21);line-height:calc(var(--u)*28.5);letter-spacing:.005em}
.cartoes p{margin-top:calc(var(--u)*10.5);font-size:calc(var(--u)*16);line-height:calc(var(--u)*24.5);letter-spacing:-.009em;white-space:nowrap}

/* ---------- 04 · Uma nota sobre detalhe ---------- */
.nota-detalhe{min-height:0;gap:0}
.nota-detalhe .cab{color:#f0f0ec}
.vidro-detalhe{left:calc(var(--u)*96);top:calc(var(--u)*288);width:calc(var(--u)*1152);height:calc(var(--u)*504);display:block;padding:0}
.vidro-detalhe .pilula{position:absolute;left:calc(var(--u)*64);top:calc(var(--u)*55);width:calc(var(--u)*192);padding:0 0 0 calc(var(--u)*16);letter-spacing:.01em}
.vidro-detalhe .tit{position:absolute;left:calc(var(--u)*64);top:calc(var(--u)*142);width:calc(var(--u)*800);font-size:calc(var(--u)*74);line-height:calc(var(--u)*80);letter-spacing:.007em}
.vidro-detalhe figcaption{position:absolute;left:calc(var(--u)*63);top:calc(var(--u)*413);font-size:calc(var(--u)*15);line-height:calc(var(--u)*20)}

/* ---------- 05 · O que é identidade visual ---------- */
.oque .tit{left:calc(var(--u)*96);top:calc(var(--u)*238);font-size:calc(var(--u)*58);line-height:calc(var(--u)*62)}
.citacao{left:calc(var(--u)*96);top:calc(var(--u)*624);width:calc(var(--u)*672);height:calc(var(--u)*336);border-radius:calc(var(--u)*24);padding:0}
.citacao blockquote{position:absolute;left:calc(var(--u)*44);top:calc(var(--u)*42);width:calc(var(--u)*584);font-size:calc(var(--u)*29);line-height:calc(var(--u)*41)}
.citacao figcaption{position:absolute;left:calc(var(--u)*44);top:calc(var(--u)*149);margin:0;font-size:calc(var(--u)*13);line-height:calc(var(--u)*18)}
.itens{left:calc(var(--u)*864);top:calc(var(--u)*144);width:calc(var(--u)*960);height:calc(var(--u)*816);grid-template-columns:calc(var(--u)*468) calc(var(--u)*468);grid-template-rows:calc(var(--u)*256) calc(var(--u)*256) calc(var(--u)*256);gap:calc(var(--u)*24)}
.cb{border-radius:calc(var(--u)*24);padding:calc(var(--u)*36)}
.cb h3{margin-top:calc(var(--u)*20);font-size:calc(var(--u)*21);line-height:calc(var(--u)*28)}
.cb p{margin-top:calc(var(--u)*9);font-size:calc(var(--u)*16);line-height:calc(var(--u)*25)}

/* ---------- 06 · Quem conduz ---------- */
.quem-foto{left:0;top:0;width:calc(var(--u)*864);height:calc(var(--u)*1080);max-height:none;aspect-ratio:auto}
.quem-foto>img{position:absolute;inset:0}
.vidro-quem{left:calc(var(--u)*96);top:calc(var(--u)*840);right:auto;bottom:auto;width:calc(var(--u)*672);height:calc(var(--u)*144);padding:0;display:block}
.vidro-quem .quem-nome{position:absolute;left:calc(var(--u)*36);top:calc(var(--u)*49)}
.vidro-quem strong{font-size:calc(var(--u)*20);line-height:calc(var(--u)*25)}
.vidro-quem small{margin-top:calc(var(--u)*5);font-size:calc(var(--u)*13);line-height:calc(var(--u)*18)}
.vd{position:absolute;left:calc(var(--u)*556);top:calc(var(--u)*32);--t:calc(var(--u)*80)}
.quem .cab{left:calc(var(--u)*960)}
.quem .selo{left:calc(var(--u)*960)}
.quem .tit{left:calc(var(--u)*960);top:calc(var(--u)*239);font-size:calc(var(--u)*82);line-height:calc(var(--u)*86)}
.quem .lead{left:calc(var(--u)*960);top:calc(var(--u)*479);width:calc(var(--u)*760);font-size:calc(var(--u)*22);line-height:calc(var(--u)*35);max-width:none;letter-spacing:.003em}
.principios{left:calc(var(--u)*960);top:calc(var(--u)*624);width:calc(var(--u)*864)}
.principios li{height:calc(var(--u)*109);grid-template-columns:calc(var(--u)*64) calc(var(--u)*298) 1fr;column-gap:calc(var(--u)*32);row-gap:0;padding:0}
.principios .tl{grid-row:auto}
.principios strong{font-size:calc(var(--u)*20);line-height:calc(var(--u)*27);letter-spacing:.004em}
.principios li>span:last-child{font-size:calc(var(--u)*16);line-height:calc(var(--u)*25)}

.etq{padding:0 calc(var(--u)*12);height:calc(var(--u)*29);font-size:calc(var(--u)*12);line-height:1}
.etq.grande{padding:0 0 0 calc(var(--u)*19);height:calc(var(--u)*39);font-size:calc(var(--u)*14)}

/* ---------- 07 · Como funciona ---------- */
.como .tit{left:calc(var(--u)*96);top:calc(var(--u)*227);font-size:calc(var(--u)*70);line-height:calc(var(--u)*73);letter-spacing:-.011em}
.etapas{left:calc(var(--u)*96);top:calc(var(--u)*407);width:calc(var(--u)*960)}
.etapas li{gap:0;padding:calc(var(--u)*10) 0;min-height:calc(var(--u)*85)}
.etapas .n{width:calc(var(--u)*48);font-size:calc(var(--u)*14);line-height:calc(var(--u)*19)}
.etapas .tl{align-self:center;margin-right:calc(var(--u)*24)}
.etapas h3{font-size:calc(var(--u)*20);line-height:calc(var(--u)*25);letter-spacing:-.018em}
.etapas p{position:relative;top:calc(var(--u)*-2.5);margin-top:calc(var(--u)*4);max-width:calc(var(--u)*660);font-size:calc(var(--u)*14);line-height:calc(var(--u)*22);letter-spacing:.0027em}
.etapas li .etq{top:50%;height:calc(var(--u)*30.3);min-width:calc(var(--u)*80.3);margin-top:calc(var(--u)*-15.15);justify-content:center}
.duas{left:calc(var(--u)*1152);top:calc(var(--u)*144);width:calc(var(--u)*672);height:calc(var(--u)*840);border-radius:calc(var(--u)*24);padding:0;display:block}
.duas>*{position:absolute}
.duas .etq.grande{left:calc(var(--u)*48);top:calc(var(--u)*48);width:calc(var(--u)*131)}
.duas .tit2{left:calc(var(--u)*48);top:calc(var(--u)*127);width:calc(var(--u)*600);font-size:calc(var(--u)*43);line-height:calc(var(--u)*48);letter-spacing:.003em}
.entregas{left:calc(var(--u)*48);top:calc(var(--u)*273);width:calc(var(--u)*576);gap:calc(var(--u)*16)}
.entregas li{height:calc(var(--u)*136);border-radius:calc(var(--u)*24);padding:0 calc(var(--u)*28);gap:calc(var(--u)*20)}
.entregas small{font-size:calc(var(--u)*14);line-height:calc(var(--u)*19)}
.entregas strong{font-size:calc(var(--u)*21);line-height:calc(var(--u)*28);letter-spacing:.005em}
.duas .rodape{left:calc(var(--u)*48);top:calc(var(--u)*771);font-size:calc(var(--u)*16);line-height:calc(var(--u)*21);white-space:nowrap;letter-spacing:.005em}

/* ---------- 08 · Você acompanha tudo ---------- */
.painel{padding:0;gap:0}
.painel .fundo{position:absolute;inset:0;z-index:-1;margin:0;width:100%;height:100%;aspect-ratio:auto;object-position:50% 50%}
.painel .cab{display:flex;top:calc(var(--u)*43)}
.painel .cab span:first-child{color:#fff}
.painel .cab .num{color:#000}
.painel-topo>.tl{left:calc(var(--u)*96);top:calc(var(--u)*150)}
.painel .selo{left:calc(var(--u)*96);top:calc(var(--u)*241);font-size:calc(var(--u)*15);line-height:calc(var(--u)*20)}
.painel .tit{left:calc(var(--u)*96);top:calc(var(--u)*289);width:calc(var(--u)*440);font-size:calc(var(--u)*62);line-height:calc(var(--u)*65.5);letter-spacing:-.006em}
.vidro-painel{left:calc(var(--u)*96);top:calc(var(--u)*832);width:calc(var(--u)*1728);height:calc(var(--u)*152);padding:0;display:grid;grid-template-columns:repeat(3,calc(var(--u)*420)) 1fr;align-items:center;gap:0;padding:0 0 calc(var(--u)*4) calc(var(--u)*42)}
.vidro-painel li{gap:calc(var(--u)*18)}
.vidro-painel li>span:last-child{width:calc(var(--u)*290)}
.vidro-painel strong{font-size:calc(var(--u)*19);line-height:calc(var(--u)*24);letter-spacing:-.0196em}
.vidro-painel small{margin-top:calc(var(--u)*6);font-size:calc(var(--u)*14);line-height:calc(var(--u)*21);letter-spacing:-.012em}

/* ---------- 09 · O que você recebe ---------- */
.recebe .tit{left:calc(var(--u)*96);top:calc(var(--u)*239);font-size:calc(var(--u)*70);line-height:calc(var(--u)*73);letter-spacing:-.011em}
.entregaveis{left:calc(var(--u)*96);top:calc(var(--u)*528);width:calc(var(--u)*864);gap:calc(var(--u)*16)}
.entregaveis li{height:calc(var(--u)*136);border-radius:calc(var(--u)*24);padding:0 calc(var(--u)*32);gap:calc(var(--u)*32)}
.entregaveis strong{font-size:calc(var(--u)*20);line-height:calc(var(--u)*27);letter-spacing:.0056em}
.entregaveis small{margin-top:calc(var(--u)*5);font-size:calc(var(--u)*16);line-height:calc(var(--u)*25);letter-spacing:-.0113em}
.difer{left:calc(var(--u)*1056);top:calc(var(--u)*144);width:calc(var(--u)*768);height:calc(var(--u)*816);border-radius:calc(var(--u)*24);padding:0;display:block}
.difer>*{position:absolute}
.difer .etq.grande{left:calc(var(--u)*56);top:calc(var(--u)*56);width:calc(var(--u)*150)}
.difer>.tl{left:calc(var(--u)*56);top:calc(var(--u)*246)}
.difer .tit{left:calc(var(--u)*56);top:calc(var(--u)*354);width:calc(var(--u)*660);font-size:calc(var(--u)*62);line-height:calc(var(--u)*67);letter-spacing:.01em}
.difer .desc{left:calc(var(--u)*56);top:calc(var(--u)*519);width:calc(var(--u)*656);font-size:calc(var(--u)*20);line-height:calc(var(--u)*31);letter-spacing:-.0195em}
.difer .fim{left:calc(var(--u)*56);top:calc(var(--u)*715);width:calc(var(--u)*656);padding-top:0;border-top:0;font-size:calc(var(--u)*16);line-height:calc(var(--u)*27);letter-spacing:.004em}
.difer::after{content:"";position:absolute;left:calc(var(--u)*56);top:calc(var(--u)*696);width:calc(var(--u)*656);height:calc(var(--u)*1);background:#333}

/* ---------- 10 · Escopo ---------- */
.escopo .tit,.prazo .tit,.invest .tit,.termos .tit{left:calc(var(--u)*96);top:calc(var(--u)*239);font-size:calc(var(--u)*70);line-height:calc(var(--u)*73);letter-spacing:-.011em}
.rodape-nota{left:calc(var(--u)*96);top:calc(var(--u)*1017);font-size:calc(var(--u)*14);line-height:calc(var(--u)*19);letter-spacing:.0045em}
.dentro{left:calc(var(--u)*96);top:calc(var(--u)*480);width:calc(var(--u)*1056);height:calc(var(--u)*480);border-radius:calc(var(--u)*24);padding:0}
.dentro>header{position:absolute;left:calc(var(--u)*44);top:calc(var(--u)*40);width:calc(var(--u)*968);height:calc(var(--u)*64);gap:0}
.dentro h3{margin-left:calc(var(--u)*14);font-size:calc(var(--u)*21);line-height:calc(var(--u)*28)}
.dentro small,.fora small{font-size:calc(var(--u)*14);line-height:calc(var(--u)*19)}
.dentro h3,.dentro small{position:relative;top:calc(var(--u)*-1)}
.dentro ul{position:absolute;left:calc(var(--u)*44);top:calc(var(--u)*126);width:calc(var(--u)*968);margin:0;display:grid;grid-auto-flow:column;grid-template-columns:calc(var(--u)*464) calc(var(--u)*464);grid-template-rows:repeat(6,calc(var(--u)*44));column-gap:calc(var(--u)*40)}
.dentro li{height:calc(var(--u)*44);padding:calc(var(--u)*9.5) 0 0;font-size:calc(var(--u)*18);line-height:calc(var(--u)*22);letter-spacing:-.0204em}
.dentro .com-etq{padding:0 0 calc(var(--u)*2)}
.dentro .etq{align-self:center;height:calc(var(--u)*21);padding:0 calc(var(--u)*10);font-size:calc(var(--u)*12);letter-spacing:-.034em}
.fora{left:calc(var(--u)*1200);top:calc(var(--u)*480);width:calc(var(--u)*624);height:calc(var(--u)*480);border-radius:calc(var(--u)*24);padding:0}
.fora>header{position:absolute;left:calc(var(--u)*43.7);top:calc(var(--u)*39.7);width:calc(var(--u)*534);height:calc(var(--u)*64);gap:0}
.fora h3{position:relative;top:calc(var(--u)*-1);margin-left:calc(var(--u)*14);font-size:calc(var(--u)*21);line-height:calc(var(--u)*28)}
.fora ul{position:absolute;left:calc(var(--u)*43.7);top:calc(var(--u)*125.7);width:calc(var(--u)*535);margin:0}
.fora li{height:calc(var(--u)*39);padding:calc(var(--u)*8.5) 0 0;font-size:calc(var(--u)*16);line-height:calc(var(--u)*21)}

/* ---------- 11 · Prazo e ajustes ---------- */
.prazo .lead{left:calc(var(--u)*96);top:calc(var(--u)*479);width:calc(var(--u)*576);max-width:none;font-size:calc(var(--u)*20);line-height:calc(var(--u)*31);letter-spacing:-.0197em}
.aviso{left:calc(var(--u)*96);top:calc(var(--u)*744);width:calc(var(--u)*576);height:calc(var(--u)*104);border-radius:calc(var(--u)*24);padding:0 calc(var(--u)*32) calc(var(--u)*2);display:flex;align-items:center;font-size:calc(var(--u)*15);line-height:calc(var(--u)*24);letter-spacing:.006em}
.ficha{left:calc(var(--u)*768);top:calc(var(--u)*144);width:calc(var(--u)*1056);height:calc(var(--u)*816);border-radius:calc(var(--u)*24);padding:0}
.ficha li{position:absolute;left:calc(var(--u)*48);width:calc(var(--u)*960);display:block;padding:0}
.ficha li:nth-child(1){top:calc(var(--u)*48);height:calc(var(--u)*188)}
.ficha li:nth-child(2){top:calc(var(--u)*236);height:calc(var(--u)*169)}
.ficha li:nth-child(3){top:calc(var(--u)*405);height:calc(var(--u)*169)}
.ficha li:nth-child(4){top:calc(var(--u)*574);height:calc(var(--u)*169)}
.ficha li>*{position:absolute}
.ficha li>.tl{left:0;top:calc(var(--u)*45)}
.ficha li:nth-child(1)>.tl{top:calc(var(--u)*40)}
.ficha .v{left:calc(var(--u)*112);top:calc(var(--u)*47);width:calc(var(--u)*240);display:block}
.ficha li:nth-child(1)>.v{top:calc(var(--u)*15)}
.ficha li:nth-child(4)>.v{top:calc(var(--u)*47)}
.ficha li:nth-child(n+2)>.v strong{margin-top:calc(var(--u)*4)}
.ficha .v small{font-size:calc(var(--u)*14);line-height:calc(var(--u)*19)}
.ficha .v strong{margin-top:calc(var(--u)*3);font-size:calc(var(--u)*43);line-height:calc(var(--u)*52)}
.ficha .v i{font-size:calc(var(--u)*38);padding-right:calc(var(--u)*3)}
.ficha p{left:calc(var(--u)*372);top:calc(var(--u)*71);width:calc(var(--u)*588);font-size:calc(var(--u)*18);line-height:calc(var(--u)*27);letter-spacing:-.0215em}
.ficha li:nth-child(1)>p{top:calc(var(--u)*52)}
.ficha li:nth-child(3)>p{top:calc(var(--u)*57)}
.ficha li:nth-child(4)>p{top:calc(var(--u)*71)}

/* ---------- 12 · Investimento e próximos passos ---------- */
.valor{left:calc(var(--u)*96);top:calc(var(--u)*480);width:calc(var(--u)*768);height:calc(var(--u)*480);border-radius:calc(var(--u)*24);padding:0}
.valor>*{position:absolute}
.valor .de{left:calc(var(--u)*48);top:calc(var(--u)*43);font-size:calc(var(--u)*15);line-height:calc(var(--u)*20);white-space:nowrap}
.preco{left:calc(var(--u)*48);top:calc(var(--u)*76);margin:0;font-size:calc(var(--u)*70);line-height:calc(var(--u)*73);letter-spacing:.007em;white-space:nowrap}
.preco span{font-size:1em;margin-right:calc(var(--u)*-1.4)}
.nota-preco{left:calc(var(--u)*48);top:calc(var(--u)*166);width:calc(var(--u)*672);margin:0;font-size:calc(var(--u)*16);line-height:calc(var(--u)*25);letter-spacing:-.01em}
.pagto{left:calc(var(--u)*48);top:calc(var(--u)*238);width:calc(var(--u)*672);margin:0}
.pagto li{height:calc(var(--u)*101);padding:0;gap:calc(var(--u)*24);line-height:calc(var(--u)*22)}
.pagto li+li{border-top:calc(var(--u)*1) solid #e3e3e0}
.pagto li>span:last-child{position:relative;top:calc(var(--u)*-2);font-size:calc(var(--u)*16);line-height:calc(var(--u)*22);letter-spacing:-.011em}
.pagto strong{font-size:calc(var(--u)*18);letter-spacing:-.02em}
.passos{left:calc(var(--u)*960);top:calc(var(--u)*480);width:calc(var(--u)*864);height:calc(var(--u)*480);border-radius:calc(var(--u)*24);padding:0}
.passos>*{position:absolute}
.passos h3{left:calc(var(--u)*43.7);top:calc(var(--u)*39);font-size:calc(var(--u)*21);line-height:calc(var(--u)*28);white-space:nowrap}
.passos ol{left:calc(var(--u)*43.7);top:calc(var(--u)*87.7);width:calc(var(--u)*774);margin:0}
.passos li{height:calc(var(--u)*89)}
.passos .r{height:calc(var(--u)*88);gap:calc(var(--u)*24);padding:0}
.passos .tx{position:relative;top:calc(var(--u)*-1);font-size:calc(var(--u)*18);line-height:calc(var(--u)*23);letter-spacing:-.022em}
.passos .n{font-size:calc(var(--u)*13);line-height:calc(var(--u)*17)}

/* ---------- 13 · Termos do projeto ---------- */
.glossario{left:calc(var(--u)*96);top:calc(var(--u)*528);width:calc(var(--u)*1728);height:calc(var(--u)*272);grid-template-columns:repeat(3,calc(var(--u)*560));grid-template-rows:calc(var(--u)*124) calc(var(--u)*124);gap:calc(var(--u)*24)}
.glossario li{align-items:flex-start;gap:calc(var(--u)*20);border-radius:calc(var(--u)*24);padding:calc(var(--u)*30) calc(var(--u)*32)}
.glossario li>span:last-child{margin-top:calc(var(--u)*-1)}
.glossario strong{font-size:calc(var(--u)*20);line-height:calc(var(--u)*25);letter-spacing:-.0185em}
.glossario small{margin-top:calc(var(--u)*6);font-size:calc(var(--u)*16);line-height:calc(var(--u)*20);white-space:nowrap;letter-spacing:-.01em}

/* ---------- 14 · Fechamento ---------- */
.fecha .gr{inset:0 auto 0 0;width:calc(var(--u)*1248)}
.fecha .logo{left:calc(var(--u)*96);top:calc(var(--u)*56)}
.fecha .logo img{width:calc(var(--u)*164);height:calc(var(--u)*28)}
.cartao-final{left:calc(var(--u)*96);top:calc(var(--u)*144);width:calc(var(--u)*1056);height:calc(var(--u)*840);border-radius:calc(var(--u)*24);padding:0;display:block}
.cartao-final>*{position:absolute}
.fecha .intro{left:calc(var(--u)*63.7);top:calc(var(--u)*55);width:calc(var(--u)*926);font-size:calc(var(--u)*20);line-height:calc(var(--u)*31);letter-spacing:-.0195em}
.fecha .tit{left:calc(var(--u)*63.7);top:calc(var(--u)*170);width:calc(var(--u)*926);font-size:calc(var(--u)*56);line-height:calc(var(--u)*63);letter-spacing:.0105em}
.fecha .tit .sf{margin-top:calc(var(--u)*7)}
.convite{left:calc(var(--u)*63.7);top:calc(var(--u)*699.7);width:calc(var(--u)*926);padding:0;display:block}
.convite p{position:absolute;left:0;top:0}
.convite p span{position:absolute;left:0;top:calc(var(--u)*27);white-space:nowrap;font-size:calc(var(--u)*20);line-height:calc(var(--u)*27);letter-spacing:.0037em}
.convite p small{position:absolute;left:0;top:calc(var(--u)*60);white-space:nowrap;font-size:calc(var(--u)*15);line-height:calc(var(--u)*20);margin:0;letter-spacing:.005em}
.botao{position:absolute;left:calc(var(--u)*651);top:calc(var(--u)*30);width:calc(var(--u)*274);height:calc(var(--u)*51);border-radius:calc(var(--u)*20);padding:0 0 calc(var(--u)*2) calc(var(--u)*24);justify-content:flex-start;gap:calc(var(--u)*16);font-size:calc(var(--u)*16);letter-spacing:.009em}
.botao svg{width:calc(var(--u)*12.65);height:calc(var(--u)*12.65)}
.foto-final{left:calc(var(--u)*1248);top:0;width:calc(var(--u)*672);height:calc(var(--u)*1080);margin:0;aspect-ratio:auto;max-height:none}
.foto-final img{position:absolute;inset:0}
.contato{left:calc(var(--u)*1104);top:calc(var(--u)*576);width:calc(var(--u)*432);height:calc(var(--u)*246);border-radius:calc(var(--u)*24);padding:0;display:block}
.contato>*{position:absolute}
.contato strong{left:calc(var(--u)*32);top:calc(var(--u)*31);font-size:calc(var(--u)*20);line-height:calc(var(--u)*25);white-space:nowrap;letter-spacing:-.0176em}
.contato a{left:calc(var(--u)*32);height:calc(var(--u)*64);gap:calc(var(--u)*12);font-size:calc(var(--u)*16);line-height:calc(var(--u)*21);white-space:nowrap}
.contato a:nth-of-type(1){top:calc(var(--u)*74);font-size:calc(var(--u)*15);letter-spacing:.0466em}
.contato a:nth-of-type(2){top:calc(var(--u)*150);letter-spacing:.0116em}
.contato a>span:last-child{position:relative}
.contato a:nth-of-type(1)>span:last-child{top:calc(var(--u)*-2)}
.contato a:nth-of-type(2)>span:last-child{top:calc(var(--u)*-1)}
.fim-rodape{left:calc(var(--u)*1296);right:calc(var(--u)*96);top:calc(var(--u)*1017);letter-spacing:.008em}
.fim-rodape .num i{font-size:calc(var(--u)*12)}

}