/* ═══════════════════════════════════════════════════════════
   TRAMA AXÉ · sistema visual
   Papel, recorte de tesoura e dois tons por bloco.
   ═══════════════════════════════════════════════════════════ */

:root{
  --papel:   #F2EDE3;
  --papel-c: #FBF8F2;
  --marrom:  #46231A;
  --marrom-c:#5E3226;
  --lilas:   #CDC2E6;
  --lilas-e: #B3A5D6;
  --oliva:   #8B8B3C;
  --terra:   #BE5533;
  --dourado: #E3AE45;

  --cor-pg:  var(--oliva);

  --serif: 'Newsreader', 'Times New Roman', Times, serif;
  --geo:   'Jost', 'Futura', 'Century Gothic', Avenir, sans-serif;

  --pad:  clamp(22px, 5vw, 78px);
  --ease: cubic-bezier(.2,.8,.3,1);
}

[data-cor="oliva"]{ --cor-pg:var(--oliva); }
[data-cor="terra"]{ --cor-pg:var(--terra); }
[data-cor="lilas"]{ --cor-pg:var(--lilas-e); }
[data-cor="marrom"]{ --cor-pg:var(--marrom); }

*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; scroll-padding-top:80px; -webkit-text-size-adjust:100%; }
body{
  margin:0; background:var(--papel); color:var(--marrom);
  font-family:var(--geo); font-size:16px; line-height:1.7; font-weight:400;
  overflow-x:clip; -webkit-font-smoothing:antialiased;
}
img{ max-width:100%; display:block; }
a{ color:inherit; }
:focus-visible{ outline:2px solid currentColor; outline-offset:5px; }

/* grão de papel */
body::after{
  content:''; position:fixed; inset:0; z-index:400; pointer-events:none; opacity:.5;
  mix-blend-mode:multiply;
  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='.8' numOctaves='4'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E");
}

/* ── tipografia ── */
h1,h2,h3{ margin:0; font-family:var(--serif); font-weight:300; line-height:1.08; letter-spacing:-.012em; text-wrap:balance; }
h1{ font-size:clamp(2.5rem, 5.6vw, 4.6rem); }
h2{ font-size:clamp(1.95rem, 4.2vw, 3.3rem); }
h3{ font-size:clamp(1.2rem, 1.9vw, 1.48rem); line-height:1.24; }
em{ font-style:italic; }
p{ margin:0 0 1.15em; }
p:last-child{ margin-bottom:0; }
strong{ font-weight:500; }

.cap{
  font-family:var(--geo); font-weight:500; text-transform:uppercase;
  letter-spacing:.34em; font-size:.66rem; display:block; line-height:1.8;
}
.cap-g{ font-size:clamp(1.05rem,2.6vw,2rem); letter-spacing:.3em; font-weight:400; line-height:1.35; }
.suave{ opacity:.62; }
.corpo{ font-size:.97rem; line-height:1.75; max-width:46ch; }
.corpo-c{ margin-inline:auto; text-align:center; max-width:44ch; }
.serifa{ font-family:var(--serif); font-weight:300; font-size:clamp(1.1rem,1.6vw,1.32rem); line-height:1.5; max-width:44ch; }
.citacao{ font-family:var(--serif); font-weight:300; font-size:clamp(1.7rem,3.6vw,2.8rem); line-height:1.2; }

/* ── link com risco ── */
.lk{
  font-family:var(--geo); font-size:.68rem; font-weight:500; letter-spacing:.22em;
  text-transform:uppercase; text-decoration:none; display:inline-block;
  padding-bottom:6px; border-bottom:1.5px solid currentColor;
  transition:letter-spacing .3s var(--ease), opacity .22s;
}
.lk:hover{ letter-spacing:.3em; opacity:.7; }
.lks{ display:flex; gap:clamp(22px,3.4vw,44px); flex-wrap:wrap; margin-top:clamp(28px,3.6vw,46px); }
.lks-c{ justify-content:center; }

/* ── painéis ── */
.painel{ padding:clamp(56px,7.4vw,116px) var(--pad); position:relative; }
.painel-c{ padding-block:clamp(40px,4.6vw,72px); }
.centro{ text-align:center; }
.centro h1,.centro h2,.centro .citacao{ margin-inline:auto; }
.meio{ display:grid; grid-template-columns:1fr 1fr; align-items:stretch; }
.meio > *{ padding:clamp(44px,5.6vw,88px) var(--pad); display:flex; flex-direction:column; justify-content:center; }
.meio-c > *{ align-items:center; text-align:center; }
@media(max-width:860px){ .meio{ grid-template-columns:1fr; } }

.bg-papel { background:var(--papel);   color:var(--marrom); }
.bg-papelc{ background:var(--papel-c); color:var(--marrom); }
.bg-marrom{ background:var(--marrom);  color:var(--papel); }
.bg-lilas { background:var(--lilas);   color:var(--marrom); }
.bg-oliva { background:var(--oliva);   color:var(--papel-c); }
.bg-terra { background:var(--terra);   color:var(--papel-c); }

/* ── mancha orgânica ── */
.mancha{ position:relative; display:inline-block; padding:clamp(20px,2.6vw,32px) clamp(28px,3.6vw,52px); }
.mancha svg{ position:absolute; inset:0; width:100%; height:100%; z-index:0; }
.mancha > *{ position:relative; z-index:1; }

/* ── recortes ── */
.recorte{ display:block; margin-inline:auto; }
.recorte use{ transform-box:fill-box; transform-origin:center; }
.gira-a{ transform:rotate(-2.5deg); }
.gira-b{ transform:rotate(2deg); }
.recorte-linha{ margin-top:clamp(34px,4.4vw,60px); }
.marca-est{ width:24px; height:24px; flex:none; }

/* ── faixa ── */
.faixa{ overflow:hidden; white-space:nowrap; padding:12px 0; }
.faixa-int{ display:inline-flex; animation:desliza 42s linear infinite; }
.faixa .cap{ display:inline-block; padding-inline:22px; letter-spacing:.28em; }
@keyframes desliza{ to{ transform:translateX(-50%); } }

/* ── cabeçalho ── */
.fixo{ position:sticky; top:0; z-index:80; }
header{
  background:var(--papel);
  display:flex; align-items:center; gap:24px; padding:15px var(--pad);
  border-bottom:1px solid rgba(70,35,26,.16);
}
.marca{ font-family:var(--geo); font-weight:500; letter-spacing:.28em; text-transform:uppercase; font-size:.8rem; text-decoration:none; margin-right:auto; }
nav.topo{ display:flex; gap:clamp(14px,1.9vw,26px); }
nav.topo a{ font-size:.63rem; font-weight:500; letter-spacing:.19em; text-transform:uppercase; text-decoration:none; opacity:.55; transition:opacity .2s; position:relative; padding-bottom:3px; }
nav.topo a:hover{ opacity:1; }
nav.topo a.on{ opacity:1; border-bottom:1.5px solid var(--cor-pg); }
.menu-bt{ display:none; background:none; border:1.4px solid currentColor; padding:8px 14px; font-family:var(--geo); font-size:.63rem; font-weight:500; letter-spacing:.2em; text-transform:uppercase; cursor:pointer; color:inherit; }
@media(max-width:1060px){ nav.topo{ display:none; } .menu-bt{ display:block; } header .lk{ display:none; } }
.menu-mob{ display:none; background:var(--marrom); color:var(--papel); padding:8px var(--pad) 28px;
  text-align:center; max-height:calc(100vh - 60px); overflow-y:auto; }
.menu-mob.on{ display:block; }
.menu-mob a{ display:block; padding:14px 0; text-decoration:none; border-bottom:1px solid rgba(242,237,227,.18); font-family:var(--serif); font-size:1.24rem; font-weight:300; }
.menu-mob .lk{ margin-top:22px; display:inline-block; }

/* ── listas ── */
.itens{ margin:clamp(28px,3.6vw,46px) 0 0; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:0 clamp(30px,5vw,72px); }
@media(max-width:760px){ .itens{ grid-template-columns:1fr; } }
.itens li{
  list-style:none; display:flex; align-items:center; gap:14px; padding:14px 0;
  border-bottom:1px solid rgba(70,35,26,.16);
  font-family:var(--serif); font-size:1.1rem; font-weight:300;
}
.itens-1{ grid-template-columns:1fr; }
.bg-marrom .itens li,.bg-oliva .itens li,.bg-terra .itens li{ border-color:rgba(242,237,227,.26); }

.num-lista{ margin:clamp(28px,3.6vw,46px) 0 0; padding:0; counter-reset:n; display:grid; grid-template-columns:1fr 1fr; gap:0 clamp(30px,5vw,72px); }
@media(max-width:760px){ .num-lista{ grid-template-columns:1fr; } }
.num-lista li{
  list-style:none; counter-increment:n; position:relative; padding:14px 0 14px 42px;
  border-bottom:1px solid rgba(70,35,26,.16); font-size:.98rem; line-height:1.55;
}
.num-lista li::before{
  content:counter(n,decimal-leading-zero); position:absolute; left:0; top:17px;
  font-family:var(--geo); font-size:.63rem; font-weight:500; letter-spacing:.2em; color:var(--cor-pg);
}
.bg-marrom .num-lista li,.bg-oliva .num-lista li{ border-color:rgba(242,237,227,.26); }
.bg-marrom .num-lista li::before,.bg-oliva .num-lista li::before{ color:var(--dourado); }

/* ── índice ── */
.indice{ margin-top:clamp(28px,3.6vw,46px); border-top:1.5px solid currentColor; }
.indice a{
  display:grid; grid-template-columns:1fr auto; gap:4px 24px; align-items:baseline;
  padding:clamp(20px,2.6vw,30px) 0; border-bottom:1px solid rgba(70,35,26,.22);
  text-decoration:none; transition:padding-left .32s var(--ease);
}
.indice a:hover{ padding-left:16px; }
.indice .nome{ font-family:var(--serif); font-size:clamp(1.5rem,3.1vw,2.35rem); font-weight:300; line-height:1.04; }
.indice .nome em{ font-style:italic; }
.indice .preco{ border:none; padding:0; max-width:none; font-family:var(--geo); font-size:.63rem; font-weight:500; letter-spacing:.2em; text-transform:uppercase; opacity:.62; white-space:nowrap; }
.indice .sobre{ grid-column:1 / -1; font-size:.9rem; opacity:.68; max-width:54ch; margin-top:2px; }

/* ── passos ── */
.passos{ display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); margin-top:clamp(28px,3.6vw,46px); border-top:1.5px solid currentColor; }
.passo{ padding:26px clamp(18px,2.4vw,34px) 30px 0; border-right:1px solid rgba(70,35,26,.18); }
.passo:last-child{ border-right:none; }
.bg-marrom .passo,.bg-oliva .passo,.bg-terra .passo{ border-color:rgba(242,237,227,.26); }
.passo .cap{ color:var(--cor-pg); margin-bottom:14px; }
.bg-marrom .passo .cap,.bg-oliva .passo .cap{ color:var(--dourado); }
.passo h3{ margin-bottom:9px; }
.passo p{ font-size:.93rem; line-height:1.66; opacity:.78; }
@media(max-width:760px){ .passo{ border-right:none; border-bottom:1px solid rgba(70,35,26,.18); padding-right:0; } .passo:last-child{ border-bottom:none; } }

/* ── antes e depois ── */
.ad{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(14px,2vw,22px); margin-top:clamp(26px,3.2vw,42px); }
@media(max-width:760px){ .ad{ grid-template-columns:1fr; } }
.ad-cx{ padding:clamp(22px,2.8vw,32px); border:1px solid rgba(70,35,26,.22); background:var(--papel-c); color:var(--marrom); }
.ad-cx.antes{ background:transparent; }
.ad-cx.depois{ border:1.5px solid var(--cor-pg); }
.ad-cx .cap{ margin-bottom:14px; }
.ad-cx.depois .cap{ color:var(--cor-pg); }
.ad-cx p{ font-family:var(--serif); font-size:1.04rem; font-weight:300; line-height:1.5; }
.ad-cx.antes p{ opacity:.66; }

/* ── amostras ── */
.mini-ig{ display:grid; grid-template-columns:repeat(3,1fr); gap:3px; margin-top:18px; }
.mini-ig div{ aspect-ratio:1; display:flex; align-items:center; justify-content:center; text-align:center; padding:8px; font-size:.56rem; font-weight:500; letter-spacing:.04em; line-height:1.3; }
.paleta{ display:flex; gap:2px; height:38px; margin-top:16px; }
.paleta i{ flex:1; display:block; }

.fone{ width:210px; max-width:100%; margin:0 auto; background:var(--marrom); padding:8px; border-radius:18px; }
.fone-tela{ background:var(--papel-c); color:var(--marrom); border-radius:12px; overflow:hidden; aspect-ratio:9/17; }
.fone-topo{ height:16px; background:var(--marrom); }
.fone-corpo{ padding:11px; font-size:.5rem; line-height:1.45; }
.fone-corpo h5{ font-family:var(--serif); font-size:.8rem; font-weight:300; margin:0 0 5px; }
.fone-corpo p{ margin:0 0 7px; opacity:.6; }
.fone-bl{ background:var(--papel); padding:6px; margin-bottom:5px; }
.fone-bt{ background:var(--cor-pg); color:var(--papel-c); text-align:center; padding:5px; font-weight:500; font-size:.48rem; text-transform:uppercase; letter-spacing:.14em; }

.pag-mock{ border:1px solid rgba(70,35,26,.22); background:var(--papel-c); color:var(--marrom); }
.pag-barra{ background:var(--marrom); padding:8px 11px; display:flex; align-items:center; gap:5px; }
.pag-barra i{ width:6px; height:6px; border-radius:50%; background:rgba(242,237,227,.34); display:block; }
.pag-barra span{ margin-left:8px; font-size:.56rem; color:rgba(242,237,227,.62); letter-spacing:.08em; }
.pag-corpo{ padding:18px; }
.pag-corpo h5{ font-family:var(--serif); font-weight:300; font-size:1.15rem; margin:0 0 4px; }
.pag-corpo .sub{ font-size:.68rem; letter-spacing:.16em; text-transform:uppercase; opacity:.55; margin-bottom:14px; }
.pag-secs{ display:grid; gap:5px; }
.pag-secs span{ display:block; padding:8px 10px; background:var(--papel); border-left:2px solid var(--cor-pg); font-size:.74rem; }

/* ── foto ── */
.foto{ position:relative; overflow:hidden; padding:0 !important; min-height:340px; }
.foto img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:52% 26%; }
.foto .cap{ position:absolute; left:var(--pad); bottom:24px; color:var(--papel-c); z-index:2; opacity:.85; }

/* ── preço ── */
.preco{ border:1.5px solid currentColor; padding:clamp(26px,3.2vw,42px); max-width:520px; }
.preco .valor{ font-family:var(--serif); font-weight:300; font-size:clamp(2.4rem,5.6vw,3.6rem); line-height:1; margin:14px 0 8px; }
.preco .obs{ font-size:.86rem; opacity:.66; }
.preco hr{ border:none; border-top:1px solid currentColor; opacity:.28; margin:22px 0; }
.preco .inc{ font-family:var(--serif); font-size:1.06rem; font-weight:300; line-height:1.5; }

/* ── aviso ── */
.aviso{ margin-top:clamp(24px,3vw,38px); padding-left:18px; border-left:2px solid var(--cor-pg); font-size:.87rem; line-height:1.65; opacity:.64; max-width:62ch; }

/* ── casos reais, reservado ── */
.casos{ display:none; }
.casos.tem{ display:block; }

/* ── FAQ ── */
.faq{ margin-top:clamp(24px,3vw,40px); border-top:1.5px solid currentColor; max-width:860px; }
.faq details{ border-bottom:1px solid rgba(70,35,26,.2); }
.faq summary{
  cursor:pointer; list-style:none; display:flex; align-items:center; gap:16px; padding:20px 2px;
  font-family:var(--serif); font-size:clamp(1.1rem,1.8vw,1.35rem); font-weight:300; line-height:1.28;
  transition:padding-left .26s var(--ease);
}
.faq summary::-webkit-details-marker{ display:none; }
.faq summary:hover{ padding-left:9px; }
.faq summary .mais{ margin-left:auto; flex:none; width:22px; height:22px; position:relative; }
.faq summary .mais::before,.faq summary .mais::after{ content:''; position:absolute; inset:0; margin:auto; background:var(--cor-pg); transition:transform .3s var(--ease); }
.faq summary .mais::before{ width:14px; height:2px; }
.faq summary .mais::after{ width:2px; height:14px; }
.faq details[open] summary .mais::after{ transform:rotate(90deg); }
.faq .resp{ overflow:hidden; }
.faq .resp p{ padding:0 42px 22px 0; font-size:.95rem; line-height:1.75; opacity:.76; margin:0; }

/* ── rodapé ── */
footer{ background:var(--marrom); color:rgba(242,237,227,.7); padding:clamp(48px,5.4vw,80px) var(--pad) 30px; text-align:center; }
footer .recorte{ margin-bottom:clamp(28px,3.4vw,44px); }
.rod-nav{ display:flex; flex-wrap:wrap; justify-content:center; gap:10px clamp(18px,2.6vw,34px); margin-bottom:clamp(26px,3.2vw,42px); }
.rod-nav a{ font-family:var(--geo); font-size:.63rem; letter-spacing:.2em; text-transform:uppercase; text-decoration:none; opacity:.66; transition:opacity .2s, color .2s; }
.rod-nav a:hover{ opacity:1; color:var(--dourado); }
footer .frase{ font-family:var(--serif); font-style:italic; font-weight:300; color:var(--papel-c); font-size:clamp(1.1rem,2vw,1.4rem); max-width:24ch; margin:0 auto clamp(26px,3.2vw,40px); }
.rod-fim{ padding-top:22px; border-top:1px solid rgba(242,237,227,.2); }
.rod-fim .marca{ margin:0; display:inline-block; color:var(--papel-c); }
.rod-fim small{ display:block; margin-top:10px; font-size:.61rem; letter-spacing:.2em; text-transform:uppercase; opacity:.55; }

/* ── reveal ── */
.rv{ opacity:0; transform:translateY(18px); transition:opacity .75s var(--ease), transform .75s var(--ease); }
.rv.vis{ opacity:1; transform:none; }

@media(prefers-reduced-motion:reduce){
  .rv{ opacity:1 !important; transform:none !important; transition:none; }
  html{ scroll-behavior:auto; }
  .faixa-int{ animation:none; }
  *{ animation-duration:.001ms !important; transition-duration:.001ms !important; }
}

/* ── notas com fonte ── */
.nota{ font-size:.8rem; line-height:1.6; opacity:.62; padding-left:16px; border-left:2px solid var(--cor-pg); max-width:56ch; }
.notas{ margin-top:clamp(24px,3vw,38px); display:grid; gap:16px; grid-template-columns:1fr 1fr; }
@media(max-width:760px){ .notas{ grid-template-columns:1fr; } }

/* ── botão sólido ── */
.bt{
  display:inline-block; background:var(--cor-pg); color:var(--papel-c); border:none;
  padding:16px 30px; font-family:var(--geo); font-weight:500; font-size:.7rem;
  letter-spacing:.22em; text-transform:uppercase; cursor:pointer; text-decoration:none;
  text-align:center; transition:letter-spacing .3s var(--ease), opacity .2s;
}
.bt:hover{ letter-spacing:.3em; }

/* ── diagnóstico ── */
.quiz{ max-width:720px; margin:clamp(30px,4vw,52px) auto 0; }
.q-topo{ display:flex; justify-content:space-between; align-items:baseline; gap:16px; margin-bottom:9px; }
.q-topo .cap{ opacity:.6; }
.q-barra{ height:3px; background:rgba(70,35,26,.16); }
.q-barra i{ display:block; height:100%; width:0; background:var(--cor-pg); transition:width .45s var(--ease); }
.q-perg{
  font-family:var(--serif); font-weight:300; line-height:1.18; text-wrap:balance;
  font-size:clamp(1.5rem,3.2vw,2.2rem); margin:clamp(24px,3vw,38px) 0 clamp(20px,2.6vw,30px);
}
.q-ops{ display:grid; gap:10px; }
.q-op{
  text-align:left; font-family:var(--serif); font-weight:300; line-height:1.42;
  font-size:clamp(1.02rem,1.7vw,1.16rem); background:transparent; color:inherit;
  border:1px solid rgba(70,35,26,.28); padding:16px 20px; cursor:pointer;
  transition:border-color .2s, padding-left .26s var(--ease);
}
.q-op:hover{ border-color:var(--cor-pg); padding-left:27px; }
.q-nav{ margin-top:22px; }
.q-volta{
  background:none; border:none; padding:0; cursor:pointer; color:inherit;
  font-family:var(--geo); font-size:.64rem; letter-spacing:.2em; text-transform:uppercase; opacity:.5;
}
.q-volta:hover{ opacity:1; }
.q-res{ border:1.5px solid var(--cor-pg); padding:clamp(26px,3.4vw,46px); background:var(--papel); }
.q-res h3{ font-size:clamp(1.7rem,3.8vw,2.7rem); margin:14px 0 0; }
.q-res .txt{ font-family:var(--serif); font-weight:300; font-size:clamp(1.08rem,1.7vw,1.26rem); line-height:1.5; margin-top:18px; }
.q-linha{ border:none; border-top:1px solid rgba(70,35,26,.22); margin:clamp(24px,3vw,34px) 0; }
.q-campos{ display:grid; gap:11px; margin-top:20px; }
.q-campos input{
  font-family:var(--geo); font-size:1rem; padding:14px 16px; width:100%;
  border:1px solid rgba(70,35,26,.3); background:var(--papel-c); color:inherit;
}
.q-campos input:focus{ outline:none; border-color:var(--cor-pg); }
.q-aviso{ font-size:.78rem; opacity:.58; line-height:1.6; margin-top:12px; }
.q-erro{ color:var(--terra); font-size:.84rem; margin-top:10px; font-weight:500; }

/* ── texto do rodapé ── */
.rod-txt{
  max-width:66ch; margin:0 auto clamp(24px,3vw,36px); font-size:.76rem;
  line-height:1.7; opacity:.42; text-align:center;
}
[data-cor="lilas"] .bt{ color:var(--marrom); }

/* ── documento comparativo ── */
.doc{ border:1.5px solid currentColor; background:var(--papel-c); color:var(--marrom); margin-top:clamp(28px,3.4vw,44px); }
.doc-topo{ display:flex; justify-content:space-between; align-items:baseline; gap:16px; flex-wrap:wrap;
  padding:clamp(18px,2.2vw,26px) clamp(18px,2.4vw,30px); border-bottom:1.5px solid rgba(70,35,26,.3); }
.doc-topo h3{ font-size:clamp(1.14rem,2vw,1.5rem); }
.doc-fim{ padding:14px clamp(18px,2.4vw,30px); border-top:1.5px solid rgba(70,35,26,.3);
  display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.tab{ width:100%; border-collapse:collapse; }
.tab th{ font-family:var(--geo); font-weight:500; font-size:.58rem; letter-spacing:.22em; text-transform:uppercase;
  opacity:.5; text-align:left; padding:13px clamp(12px,1.6vw,20px); border-bottom:1px solid rgba(70,35,26,.2); }
.tab td{ padding:15px clamp(12px,1.6vw,20px); border-bottom:1px solid rgba(70,35,26,.14);
  vertical-align:top; font-size:.89rem; line-height:1.5; }
.tab tr:last-child td{ border-bottom:none; }
.tab .fr{ font-family:var(--serif); font-size:1.06rem; font-weight:400; line-height:1.25; }
.tab .hj{ opacity:.58; }
.tab .sl{ font-family:var(--geo); font-size:.57rem; letter-spacing:.2em; text-transform:uppercase;
  color:var(--cor-pg); white-space:nowrap; font-weight:500; }
@media(max-width:880px){
  .tab thead{ display:none; }
  .tab, .tab tbody, .tab tr, .tab td{ display:block; width:100%; }
  .tab tr{ border-bottom:1px solid rgba(70,35,26,.18); padding:15px clamp(16px,4.5vw,22px) 17px; }
  .tab tr:last-child{ border-bottom:none; }
  .tab td{ border:none; padding:0; }
  .tab .fr{ font-size:1.02rem; margin-bottom:4px; }
  .tab .sl{ font-size:.6rem; letter-spacing:.16em; margin-bottom:9px; }
  .tab .hj,.tab .dp{ font-size:.86rem; line-height:1.42; padding-left:13px; border-left:2px solid rgba(70,35,26,.18); }
  .tab .hj{ margin-bottom:7px; }
  .tab .dp{ border-left-color:var(--cor-pg); }
}
}

/* ── vagas da turma piloto ── */
.vagas{ display:flex; gap:9px; flex-wrap:wrap; margin-top:clamp(22px,2.6vw,30px); }
.vagas i{ width:24px; height:24px; border:1.6px solid currentColor; opacity:.42; display:block; }
.vagas i.on{ background:currentColor; opacity:1; }

/* ── posicionamento, antes e depois ── */
.pos{ display:grid; grid-template-columns:repeat(auto-fit,minmax(290px,1fr));
  gap:clamp(14px,2vw,22px); margin-top:clamp(26px,3.2vw,42px); }
.pos-cx{ border:1px solid rgba(70,35,26,.22); background:var(--papel-c); color:var(--marrom);
  padding:clamp(22px,2.6vw,30px); }
.pos-cx .tit{ display:block; font-family:var(--geo); font-weight:500; font-size:.62rem;
  letter-spacing:.24em; text-transform:uppercase; color:var(--cor-pg); margin-bottom:20px; }
.pos-cx .rot{ display:block; font-family:var(--geo); font-weight:500; font-size:.63rem;
  letter-spacing:.22em; text-transform:uppercase; opacity:.5; margin-bottom:7px; }
.pos-cx p{ font-family:var(--serif); font-weight:300; line-height:1.46; margin:0; }
.pos-cx .a{ font-size:1rem; opacity:.55; }
.pos-cx .d{ font-size:1.06rem; }
.pos-cx hr{ border:none; border-top:1px solid rgba(70,35,26,.18); margin:20px 0; }

/* ── números com fonte ── */
.dados{ display:grid; grid-template-columns:repeat(auto-fit,minmax(245px,1fr));
  gap:clamp(14px,2vw,22px); margin-top:clamp(28px,3.4vw,44px); }
.dado{ padding:clamp(22px,2.6vw,30px); border:1px solid rgba(242,237,227,.26); }
.dado b{ display:block; font-family:var(--serif); font-weight:300; line-height:1;
  font-size:clamp(2.4rem,5vw,3.3rem); color:var(--dourado); }
.dado p{ font-size:.92rem; line-height:1.6; margin:14px 0 0; opacity:.86; }
.dado .fnt{ display:block; margin-top:16px; font-family:var(--geo); font-size:.57rem;
  letter-spacing:.14em; text-transform:uppercase; opacity:.48; line-height:1.75; }

/* ── lista numerada com título ── */
.num-lista li b{ display:block; font-family:var(--serif); font-weight:400; font-size:1.1rem;
  line-height:1.25; margin-bottom:5px; }
.num-lista li{ padding-bottom:18px; }

/* ── a conta do combo ── */
.conta{ max-width:560px; margin:clamp(30px,3.8vw,48px) auto 0; border:1.5px solid currentColor;
  padding:clamp(26px,3.2vw,40px) clamp(22px,3vw,38px); }
.conta-linhas{ display:grid; gap:11px; }
.conta-linhas span{ display:flex; justify-content:space-between; align-items:baseline; gap:16px;
  font-size:.95rem; padding-bottom:10px; border-bottom:1px solid rgba(70,35,26,.16); }
.conta-linhas b{ font-family:var(--serif); font-weight:400; font-size:1.1rem; white-space:nowrap; }
.conta-sep{ margin:18px 0 0; font-size:.92rem; opacity:.62; }
.conta-sep s{ text-decoration-thickness:1.5px; }
.conta-eco{ margin-top:clamp(22px,2.6vw,30px); padding-top:clamp(22px,2.6vw,30px);
  border-top:1.5px solid currentColor; }
.conta-eco .valor{ font-family:var(--serif); font-weight:300; line-height:1;
  font-size:clamp(2.8rem,7vw,4.2rem); margin:10px 0 14px; }
.conta-eco .cap:last-child{ color:var(--cor-pg); letter-spacing:.24em; }

/* ── celular com tela de verdade ── */
.fone-real{ width:250px; }
.fone-real .fone-tela{ aspect-ratio:9/17.5; position:relative; }
.fone-rolo{ position:absolute; inset:16px 0 0; overflow:hidden; }
.fone-rolo img{ width:100%; height:auto; display:block; animation:rola 26s linear infinite alternate; }
@keyframes rola{ from{ transform:translateY(0); } to{ transform:translateY(calc(-100% + 420px)); } }
@media(prefers-reduced-motion:reduce){ .fone-rolo img{ animation:none; } }