/* John's Company · oferta: #mapa (Mapa da Área), #preco, #perguntas e #fecho (06/11/2026; oferta-v2, 07/11/2026: card de oferta e pilha de valor).
   Copy: revisao-0611/conteudo/COPY-MAPA-PRECO-FAQ.md + DECISOES-JOAO.md. Vidro: rota HÍBRIDA (GLASS-SISTEMA.md §13).
   Movimento: só transform e opacity; a régua roda uma vez (js/oferta.js); reduzir movimento = estado final.
   Texto principal ≥ 7:1: sobre claro, só noite (#0D2533) ou profundo (#0E3D59); sobre escuro, branco ou #CFE3EA. */

:root{
  --of-tinta:#0D2533; --of-tinta-2:#0E3D59; --of-teal:#1C6794; --of-teal-esc:#124868; --of-teal-claro:#3E9BD3;
  --of-amarelo:#FFE556; --of-ouro:#D9AE4C; --of-fio:rgb(14 61 89 / .14); --of-sobre-escuro:#CFE3EA;
}

/* ══ CÓPIA TEMPORÁRIA de revisao-0611/glass-sistema.css (só as peças usadas aqui), até ligar css/glass-sistema.css.
   Mesmos seletores e valores: quando o arquivo oficial entrar, estas regras ficam redundantes e podem sair.
   G4 claro já vem na rota híbrida (chip neutro), escolha do João. ══ */
.lg-2,.lg-3,.lg-4{position:relative;isolation:isolate;color:var(--lg-tinta);background:var(--lg-veu);
  box-shadow:inset 0 1px 0 var(--lg-aro-cima),inset 0 -1px 0 var(--lg-aro-baixo),inset 0 0 0 1px var(--lg-borda),var(--lg-brilho-interno),var(--lg-sombra)}
.lg-2::before,.lg-3::before,.lg-4::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;
  background:linear-gradient(118deg,rgb(255 255 255 / var(--lg-spec)) 0%,rgb(255 255 255 / calc(var(--lg-spec) * .3)) 22%,rgb(255 255 255 / 0) 40%)}
.lg-2{border-radius:var(--raio-painel-j,24px 24px 24px 5px)}
.lg-2.lg-claro{--lg-veu:linear-gradient(180deg,rgb(255 255 255 / .5),rgb(255 255 255 / 0) 30%),linear-gradient(rgb(242 245 247 / .78),rgb(242 245 247 / .78));
  --lg-tinta:#0D2533;--lg-tinta-2:#0E3D59;--lg-aro-cima:rgb(255 255 255 / .9);--lg-aro-baixo:rgb(217 174 76 / .35);--lg-borda:rgb(14 61 89 / .12);--lg-spec:.45;
  --lg-brilho-interno:inset 0 -24px 40px -32px rgb(28 103 148 / .14);--lg-sombra:0 2px 6px rgb(14 61 89 / .08),0 32px 64px -28px rgb(14 61 89 / .28);
  -webkit-backdrop-filter:blur(24px) saturate(120%) brightness(1.08);backdrop-filter:blur(24px) saturate(120%) brightness(1.08)}
.lg-3{border-radius:var(--raio-painel,24px)}
.lg-3.lg-claro{--lg-veu:linear-gradient(180deg,rgb(255 255 255 / .8),rgb(246 243 238 / .86));--lg-tinta:#0D2533;--lg-tinta-2:#0E3D59;
  --lg-aro-cima:#FFFFFF;--lg-aro-baixo:rgb(217 174 76 / .35);--lg-borda:rgb(14 61 89 / .10);--lg-spec:.6;
  --lg-brilho-interno:inset 0 -18px 30px -26px rgb(28 103 148 / .10);--lg-sombra:0 1px 2px rgb(14 61 89 / .06),0 12px 32px -16px rgb(14 61 89 / .18)}
.lg-3.lg-escuro{--lg-veu:radial-gradient(70% 60% at 100% 100%,rgb(28 103 148 / .08),rgb(28 103 148 / 0) 70%),linear-gradient(160deg,rgb(14 61 89 / .92),rgb(14 61 89 / .94)),linear-gradient(rgb(6 30 46 / .3),rgb(6 30 46 / .3));
  --lg-tinta:#FFFFFF;--lg-tinta-2:#CFE3EA;--lg-aro-cima:rgb(255 255 255 / .5);--lg-aro-baixo:rgb(240 208 122 / .45);--lg-borda:rgb(255 255 255 / .10);--lg-spec:.07;
  --lg-brilho-interno:inset 0 22px 34px -26px rgb(255 255 255 / .18);--lg-sombra:0 2px 6px rgb(6 30 46 / .3),0 24px 60px -24px rgb(6 30 46 / .6)}
.lg-3.lg-destaque{--lg-aro-baixo:rgb(217 174 76 / .9);
  box-shadow:inset 0 1px 0 var(--lg-aro-cima),inset 0 -2px 0 var(--lg-aro-baixo),inset 0 0 0 1px rgb(217 174 76 / .35),var(--lg-brilho-interno),0 2px 6px rgb(14 61 89 / .08),0 32px 64px -28px rgb(14 61 89 / .28)}
.lg-4{border-radius:999px}
.lg-4.lg-claro{--lg-veu:rgb(255 255 255 / .8);--lg-tinta:#0D2533;--lg-tinta-2:#0D2533;--lg-aro-cima:#FFFFFF;--lg-aro-baixo:rgb(14 61 89 / .10);--lg-borda:rgb(14 61 89 / .10);--lg-spec:.6;
  --lg-brilho-interno:inset 0 0 0 0 transparent;--lg-sombra:0 1px 2px rgb(14 61 89 / .08)}
.lg-decisao{display:inline-flex;align-items:stretch;border-radius:999px;overflow:hidden;color:#FFFFFF;font:800 15px/1.1 var(--f-texto,sans-serif);
  background:linear-gradient(180deg,rgb(62 155 211 / .35),rgb(62 155 211 / 0) 55%),linear-gradient(rgb(18 72 104 / .98),rgb(18 72 104 / .98));
  box-shadow:inset 0 1px 0 rgb(62 155 211 / .8),inset 0 0 0 1px rgb(62 155 211 / .35),0 1px 2px rgb(6 30 46 / .25),0 10px 24px -14px rgb(28 103 148 / .7)}
.lg-decisao>*{display:inline-flex;align-items:center;gap:6px;padding:10px 16px}
.lg-decisao__quente{color:#0D2533;background:linear-gradient(180deg,rgb(255 248 200 / .8),rgb(255 248 200 / 0) 60%),linear-gradient(rgb(255 229 86 / .96),rgb(255 229 86 / .96));
  box-shadow:inset 0 -1.5px 0 rgb(217 174 76 / .95),inset 1px 0 0 rgb(255 255 255 / .6)}
.lg-decisao--grande{font-size:clamp(20px,2.4vw,28px)}
.lg-decisao--grande>*{padding:12px 20px}
.lg-luz{position:relative;isolation:isolate}
.lg-luz::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
.lg-luz.lg-claro::before{background:radial-gradient(30% 45% at 22% 38%,rgb(28 103 148 / .28),rgb(28 103 148 / 0) 70%),radial-gradient(16% 24% at 84% 26%,rgb(255 229 86 / .3),rgb(255 229 86 / 0) 70%)}
@media (max-width:760px),(pointer:coarse){
  .lg-2.lg-claro{-webkit-backdrop-filter:blur(14px) saturate(120%) brightness(1.08);backdrop-filter:blur(14px) saturate(120%) brightness(1.08)}
}
@supports not (backdrop-filter:blur(1px)){.lg-2.lg-claro{--lg-veu:rgb(242 245 247 / .94)}}
@media (prefers-reduced-transparency:reduce){
  .lg-2{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  .lg-claro:is(.lg-2,.lg-3,.lg-4){--lg-veu:#F6F3EE!important}
  .lg-escuro:is(.lg-2,.lg-3,.lg-4){--lg-veu:#0E3D59!important}
  .lg-2::before,.lg-3::before,.lg-4::before,.lg-luz::before{display:none}
  .lg-decisao{background:#124868}.lg-decisao__quente{background:#FFE556}
}
@media (prefers-contrast:more){
  .lg-2{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  .lg-claro:is(.lg-2,.lg-3,.lg-4){--lg-veu:#FFFFFF!important;--lg-tinta-2:#0D2533!important}
  .lg-escuro:is(.lg-2,.lg-3,.lg-4){--lg-veu:#0D2533!important;--lg-tinta-2:#FFFFFF!important}
}
@media (forced-colors:active){
  .lg-2::before,.lg-3::before,.lg-4::before{display:none}
  :is(.lg-2,.lg-3,.lg-4){border:1px solid CanvasText;background:Canvas!important;color:CanvasText;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
}
/* ══ fim da cópia temporária ══ */

/* ── comum às quatro seções ── */
:is(#mapa,#preco,#perguntas) :is(.q-corpo,.q-nota,.q-ilustr){color:var(--of-tinta-2)}
.of-lista{display:grid;gap:14px;margin:20px 0 0;padding:0;list-style:none}
.of-lista li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px;font:600 16px/1.5 var(--f-texto);color:var(--of-tinta)}
.of-lista .jc-icone{width:20px;height:20px;margin-top:2px;background:var(--of-teal)}
.lg-decisao .jc-icone{width:16px;height:16px;background:currentColor}
.of-luz{padding:clamp(14px,3vw,36px);margin-top:48px;border-radius:calc(var(--raio-painel,24px) + 12px)}

/* ══ #mapa ══ */
.ma__cab{display:grid;gap:16px}
.ma__cab .q-h2{max-width:20ch}
.ma__cab .q-lead{margin:0;max-width:52ch;color:var(--of-tinta)}
.ma__h3{margin:0;font:900 clamp(22px,2vw,28px)/1.1 var(--f-titulo);letter-spacing:-.02em;color:var(--of-tinta)}

/* régua: dia 1 → dia 5, em teal; o ponto atual (dia 5) em amarelo */
.regua{--rg:32px;--no:14px;position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--rg);margin:56px 0 0;padding:0;list-style:none}
.regua::before,.regua::after{content:"";position:absolute;top:calc(var(--no) / 2 - 1px);left:calc(var(--no) / 2);right:calc((100% - 2 * var(--rg)) / 3 - var(--no) / 2);height:2px;border-radius:2px}
.regua::before{background:rgb(28 103 148 / .16)}
.regua::after{background:var(--of-teal);transform-origin:left center}
.regua__p{position:relative;padding-top:calc(var(--no) + 20px)}
.regua__p::before{content:"";position:absolute;left:0;top:0;width:var(--no);height:var(--no);border-radius:50%;background:var(--of-teal);box-shadow:0 0 0 4px rgb(28 103 148 / .14)}
.regua__p--fim::after{content:"";position:absolute;left:-5px;top:-5px;width:calc(var(--no) + 10px);height:calc(var(--no) + 10px);border-radius:50%;
  background:var(--of-amarelo);box-shadow:inset 0 -1.5px 0 var(--of-ouro),0 0 0 4px rgb(255 229 86 / .3),0 4px 12px -4px rgb(217 174 76 / .8)}
.regua__marco{display:inline-flex;align-items:center;min-height:36px;padding:8px 16px;font:800 14px/1.25 var(--f-texto)}
.regua__p--fim .regua__marco{box-shadow:inset 0 1px 0 #fff,inset 0 -2px 0 var(--of-amarelo),inset 0 0 0 1px rgb(217 174 76 / .45),0 1px 2px rgb(14 61 89 / .08)}
.regua__p p{margin:14px 0 0;font:400 16px/1.55 var(--f-texto);color:var(--of-tinta);max-width:34ch}
/* estado armado (só com JS, movimento livre e abaixo da dobra): parte do dia 1 e anda até o dia 5, uma vez */
.regua[data-regua="arma"]::after{transform:scaleX(0)}
.regua[data-regua="arma"] .regua__p{opacity:.3;transform:translateY(8px)}
.regua[data-regua="arma"] .regua__p--fim::after{opacity:0;transform:scale(.4)}
.regua[data-regua="roda"]::after{transition:transform 1.5s cubic-bezier(.77,0,.175,1)}
.regua[data-regua="roda"] .regua__p{transition:opacity .5s var(--m-entra,ease-out),transform .5s var(--m-entra,ease-out)}
.regua[data-regua="roda"] .regua__p:nth-child(2){transition-delay:.6s}
.regua[data-regua="roda"] .regua__p:nth-child(3){transition-delay:1.25s}
.regua[data-regua="roda"] .regua__p--fim::after{transition:opacity .35s ease-out 1.5s,transform .5s cubic-bezier(.22,1,.36,1) 1.5s}

.ma__duas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 32px;margin-top:40px;padding:24px 0 0;border-top:1px solid var(--of-fio)}
.ma__lado{padding-left:18px;border-left:2px solid rgb(14 61 89 / .2)}
.ma__lado--forte{border-left-color:var(--of-teal)}
.ma__lado p{margin:0;font:400 16px/1.5 var(--f-texto);color:var(--of-tinta)}
.ma__lado .ma__rot{margin-bottom:6px;font:800 14px/1.3 var(--f-texto);color:var(--of-tinta-2)}
.ma__nota{grid-column:1/-1;margin:0;font:600 14px/1.45 var(--f-texto);color:var(--of-tinta-2)}

/* ══ card de oferta (#mapa e #preco): o que está incluso à esquerda; preço, garantia e UM botão à direita (régua: card da Adapta, planos da Pixel) ══ */
.oferta{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,1fr);margin:0}
.oferta p{margin:0}
.oferta__inc{padding:clamp(24px,3.4vw,44px)}
.oferta__rot{font:800 14px/1.3 var(--f-texto);color:var(--of-tinta-2)}
.oferta__t{margin:8px 0 0;font:900 clamp(24px,2.4vw,32px)/1.1 var(--f-titulo);letter-spacing:-.02em;color:var(--of-tinta);max-width:24ch}
.oferta__lead{margin-top:12px!important;font:400 16px/1.55 var(--f-texto);color:var(--of-tinta-2);max-width:52ch}
.oferta__sub{margin-top:32px!important;font:800 13px/1.3 var(--f-texto);letter-spacing:.08em;text-transform:uppercase;color:var(--of-tinta-2)}
/* faixa do topo: teal, nunca amarela (o amarelo fica no 12x e no botão) */
.oferta__faixa{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);z-index:1;padding:9px 20px;border-radius:999px;white-space:nowrap;
  font:800 13px/1.2 var(--f-texto);letter-spacing:.08em;text-transform:uppercase;color:#FFFFFF;background:var(--of-teal-esc);
  box-shadow:inset 0 1px 0 rgb(62 155 211 / .8),0 8px 20px -10px rgb(18 72 104 / .7)}
.oferta--area{margin-top:16px}
.oferta--area .oferta__inc{padding-top:clamp(36px,4vw,52px)}

/* item da pilha: ícone, nome, 1 linha; valor de referência (só com fonte) e "Incluso" */
.pilha__lista{margin:20px 0 0;padding:0;list-style:none}
.pi{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:4px 16px;align-items:start;padding:18px 0;border-bottom:1px dashed rgb(14 61 89 / .18)}
.pi:last-child{border-bottom:0}
.pi__ic{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgb(28 103 148 / .1);box-shadow:inset 0 0 0 1px rgb(28 103 148 / .16)}
.pi__ic .jc-icone{width:22px;height:22px;background:var(--of-teal-esc)}
.pi__ic--sel{background:var(--of-teal-esc);box-shadow:inset 0 1px 0 rgb(62 155 211 / .8)}
.pi__ic--sel .jc-icone{background:#FFFFFF}
.pi__nome{font:900 clamp(18px,1.5vw,20px)/1.2 var(--f-titulo);letter-spacing:-.01em;color:var(--of-tinta)}
.pi__linha{margin-top:6px!important;font:400 15px/1.5 var(--f-texto);color:var(--of-tinta-2);max-width:56ch}
.pi__val{display:grid;justify-items:end;gap:4px;padding-top:2px;text-align:right}
.pi__ref{font:700 14px/1.3 var(--f-texto);color:var(--of-tinta-2);white-space:nowrap}

.pi__nota{margin-left:2px;color:var(--of-tinta-2);text-decoration:none;font-weight:800}
.pi__inc{font:800 14px/1.3 var(--f-texto);color:var(--of-teal-esc)}
.of-sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* coluna do preço */
.of-preco{display:grid;align-content:start;gap:20px;padding:clamp(24px,3.4vw,44px);border-left:1px solid var(--of-fio)}
.of-preco__t{margin:0;font:900 22px/1.15 var(--f-titulo);letter-spacing:-.01em;color:var(--of-tinta)}
.of-porte{margin:0;padding:0;border:0;min-width:0;display:flex;flex-wrap:wrap;gap:8px}
.of-porte legend{margin-bottom:10px;padding:0;font:800 14px/1.3 var(--f-texto);color:var(--of-tinta-2)}
.of-porte label{position:relative;cursor:pointer}
.of-porte input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.of-porte span{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;font:800 15px/1 var(--f-texto);color:var(--of-tinta);
  background:rgb(255 255 255 / .85);box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgb(14 61 89 / .16)}
.of-porte input:checked+span{box-shadow:inset 0 1px 0 #fff,inset 0 0 0 2px var(--of-teal-esc);background:#FFFFFF}
.of-porte input:focus-visible+span{outline:2px solid var(--of-teal);outline-offset:3px}
.of-valores{display:grid}
.of-valor{display:grid;justify-items:start;gap:10px}
/* um porte por vez (CSS :has); sem :has, aparecem os três, cada um com o seu rótulo */
.of-preco:has(.of-porte input:checked) .of-valor[data-porte]{display:none}
.of-preco:has(.of-porte input[value="30"]:checked) .of-valor[data-porte="30"],
.of-preco:has(.of-porte input[value="60"]:checked) .of-valor[data-porte="60"],
.of-preco:has(.of-porte input[value="mais"]:checked) .of-valor[data-porte="mais"]{display:grid}
.of-valor__porte{font:800 14px/1.3 var(--f-texto);color:var(--of-tinta-2)}
.of-valor__parc.lg-decisao{margin:0;font:900 clamp(30px,3.4vw,46px)/1 var(--f-titulo);letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap}
.of-valor__parc>*{padding:14px 20px}
.of-valor__vista{font:800 18px/1.35 var(--f-texto);color:var(--of-tinta)}
.of-valor__conv{font:800 20px/1.35 var(--f-texto);color:var(--of-tinta)}
.of-selos{display:grid;gap:14px;margin:0;padding:16px 0 0;list-style:none;border-top:1px solid var(--of-fio)}
.of-selos li{display:grid;justify-items:start;gap:6px;font:600 14px/1.5 var(--f-texto);color:var(--of-tinta-2)}
.of-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font:800 13px/1.2 var(--f-texto);color:#FFFFFF;background:var(--of-teal-esc);
  box-shadow:inset 0 1px 0 rgb(62 155 211 / .8)}
.of-tag .jc-icone{width:14px;height:14px;background:currentColor}
.of-acao{display:grid;gap:14px}
.of-acao .jc-botao{width:100%}
.of-mp{display:flex;align-items:center;gap:12px;margin:0;padding:12px 14px;border-radius:14px;background:rgb(255 255 255 / .7);box-shadow:inset 0 0 0 1px var(--of-fio)}
.of-mp__ic{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;color:#FFFFFF;background:var(--of-teal-esc)}
.of-mp .of-mp__ic .jc-icone{width:16px;height:16px;background:#FFFFFF}
.of-mp span{display:grid;gap:2px;font:600 13px/1.35 var(--f-texto);color:var(--of-tinta-2)}
.of-mp b{font:800 14px/1.3 var(--f-texto);color:var(--of-tinta)}
.of-depois{font:600 14px/1.5 var(--f-texto);color:var(--of-tinta-2)}
.oferta__parar{margin-top:28px;padding:20px 22px;border-radius:16px;background:rgb(14 61 89 / .04);box-shadow:inset 0 0 0 1px var(--of-fio)}
.oferta__parar .of-lista{margin-top:12px}
@media (min-width:961px){.oferta--area .of-preco{position:sticky;top:96px;align-self:start}}
.oferta__parar .oferta__sub{margin-top:0!important}
/* o botão fixo do celular sai enquanto o botão da oferta está na tela (js/oferta.js) */
.fixo--oferta .botao-fixo{opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity 150ms ease-out,transform 150ms ease-out,visibility 0s linear 150ms}
@media (prefers-reduced-motion:reduce){.fixo--oferta .botao-fixo{transform:none;transition:none}}

/* ══ #preco ══ */
#preco .pr{display:block}  /* a grade de 2 colunas (partes.css) era da figura CLT × Área, que saiu */
#preco .pr .q-h2{max-width:18ch}
.pr__cab{display:grid;gap:16px;margin-bottom:56px}
.pr__cab .q-h2{max-width:18ch}
.pr__cab .q-lead{margin:0;max-width:56ch;color:var(--of-tinta)}
.pr__mapa{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:8px 0 0;padding:14px 18px;border-radius:16px;max-width:max-content;
  font:600 15px/1.5 var(--f-texto);color:var(--of-tinta);background:rgb(255 255 255 / .7);box-shadow:inset 0 0 0 1px var(--of-fio)}
.pr__mapa .jc-link-seta{color:var(--of-tinta)}
.pr__fonte{margin:20px 0 0;font:400 13px/1.55 var(--f-texto);color:var(--of-tinta-2);max-width:96ch}
.pr__aparte{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 48px;align-items:start;margin-top:48px;padding-top:32px;border-top:1px solid var(--of-fio)}
.pr__aparte .q-sub{margin-top:0}
.pr__operacao{margin:0;padding:16px 0 0;border-top:1px dashed rgb(14 61 89 / .2)}
.founder{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,1fr);gap:24px 48px;margin:48px 0 0;padding:clamp(24px,3vw,36px)}
.founder p{margin:0}
.founder__txt{display:grid;align-content:start;gap:12px}
.founder__txt p{font:400 16px/1.55 var(--f-texto);color:var(--of-tinta);max-width:56ch}
.founder__cab{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.founder__t{margin:0;font:900 clamp(22px,2vw,28px)/1.1 var(--f-titulo);color:var(--of-tinta)}
.founder__fila{display:inline-flex;align-items:center;min-height:32px;padding:6px 14px;font:800 13px/1.2 var(--f-texto)}
.founder__preco{display:grid;justify-items:start;align-content:start;gap:10px}
/* Founder: 12x só em teal (plano secundário; o amarelo fica nas duas ofertas principais) */
.founder__parc.lg-decisao{font:900 clamp(22px,2.2vw,28px)/1 var(--f-titulo);font-variant-numeric:tabular-nums;white-space:nowrap}
.founder__parc>*{padding:12px 18px}
.founder .jc-botao{margin-top:6px}

/* logo única (João, 07/11): o J em degradê de ouro é o mesmo nas duas barras, sem contorno; só o letreiro segue o fundo */
.jc-nav[data-modo="claro"] .jc-logo{--logo:url('../assets/logo/letreiro-ouro-noite.svg')}

/* ══ #perguntas: acordeão (button + aria-expanded). Sem JS, tudo aberto ══ */
.perg__grupos{display:grid;gap:48px}
.perg__gt{margin:0 0 8px;font:900 clamp(22px,2vw,28px)/1.1 var(--f-titulo);letter-spacing:-.02em;color:var(--of-tinta)}
.perg{border-bottom:1px solid var(--of-fio)}
.perg__q{margin:0;font:inherit}
.perg__bt{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-height:56px;padding:16px 0;border:0;background:none;
  font:800 18px/1.35 var(--f-texto);color:var(--of-tinta);text-align:left;cursor:pointer;border-radius:4px}
.perg__bt:focus-visible{outline:2px solid var(--of-teal);outline-offset:4px}
.perg__mais{position:relative;flex:none;width:32px;height:32px;border-radius:50%;background:rgb(255 255 255 / .85);
  box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgb(14 61 89 / .14),0 1px 2px rgb(14 61 89 / .08)}
.perg__mais::before,.perg__mais::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;border-radius:2px;background:var(--of-tinta)}
.perg__mais::after{transform:rotate(90deg);transition:transform 240ms var(--m-entra,ease-out)}
.perg__bt[aria-expanded="true"] .perg__mais::after{transform:rotate(90deg) scaleX(0)}
.perg__bt[aria-expanded="true"] .perg__mais{box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1.5px var(--of-teal),0 1px 2px rgb(14 61 89 / .08)}
@media (hover:hover) and (pointer:fine){.perg__bt:hover span{text-decoration:underline;text-decoration-color:var(--of-teal);text-decoration-thickness:2px;text-underline-offset:4px}}
.perg__r p{margin:0;padding:0 48px 22px 0;font:400 16px/1.6 var(--f-texto);color:var(--of-tinta-2);max-width:66ch}
.perg__r[data-abre]{animation:of-abre 260ms var(--m-entra,ease-out)}
@keyframes of-abre{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* ══ #fecho: manifesto + chamada final, numa seção escura ══ */
.fecho-chama{margin-top:96px;padding-top:64px;border-top:1px solid rgb(217 174 76 / .3)}
.fecho-chama__t{margin:0;font:900 clamp(36px,4.6vw,64px)/1.02 var(--f-titulo);letter-spacing:-.03em;color:#FFFFFF;max-width:18ch;text-wrap:balance}
.fecho-chama__lead{margin:20px 0 0;font:400 clamp(18px,1.4vw,21px)/1.5 var(--f-texto);color:var(--of-sobre-escuro);max-width:52ch}
#fecho .passos{gap:20px;margin-top:48px}
#fecho .passos::before{display:none}
#fecho .passos li{padding:28px}
#fecho .passos p{color:var(--of-sobre-escuro);max-width:none}
#fecho .rosto{box-shadow:0 0 0 2px var(--ouro-claro,#F0D07A),0 0 0 6px rgb(13 37 51 / .9)}
#fecho .passos__fim{color:var(--of-sobre-escuro)}
.fecho-chama__cta{margin-top:40px}

/* ══ larguras ══ */
@media (max-width:960px){
  .oferta{grid-template-columns:minmax(0,1fr)}
  .of-preco{border-left:0;border-top:1px solid var(--of-fio)}
}
@media (max-width:760px){
  .regua{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:40px}
  .regua::before,.regua::after{display:none}
  .regua__p{padding:0 0 0 calc(var(--no) + 18px)}
  .regua__p:not(.regua__p--fim)::after{content:"";position:absolute;left:calc(var(--no) / 2 - 1px);top:calc(var(--no) + 6px);bottom:-22px;width:2px;background:var(--of-teal);transform-origin:top center}
  .regua__p p{margin-top:10px}
  .regua[data-regua="arma"] .regua__p:not(.regua__p--fim)::after{transform:scaleY(0)}
  .regua[data-regua="roda"] .regua__p:not(.regua__p--fim)::after{transition:transform .6s cubic-bezier(.77,0,.175,1)}
  .regua[data-regua="roda"] .regua__p:nth-child(2)::after{transition-delay:.6s}
  .ma__duas,.pr__aparte,.founder{grid-template-columns:minmax(0,1fr)}
  .of-luz{margin-top:36px;padding:10px}
  .pi{grid-template-columns:36px minmax(0,1fr);column-gap:14px}
  .pi__ic{width:36px;height:36px}
  .pi__val{grid-column:2;justify-items:start;text-align:left;display:flex;flex-wrap:wrap;gap:4px 14px}
  .oferta__faixa{font-size:12px;padding:8px 14px}
  .of-valor__parc>*{padding:12px 16px}
  .founder{padding:22px 20px}
  .perg__bt{font-size:17px}
  .perg__r p{padding-right:0}
  .fecho-chama{margin-top:64px;padding-top:44px}
  #fecho .passos li{padding:22px 20px}
}

/* reduzir movimento: estado final, sem transição */
@media (prefers-reduced-motion:reduce){
  .regua::after,.regua .regua__p,.regua .regua__p::after{transform:none!important;opacity:1!important;transition:none!important}
  .perg__r[data-abre]{animation:none}
  .perg__mais::after{transition:none}
}
@media print{.perg__r[hidden]{display:block!important}}

/* altura reservada pelo content-visibility (partes.css l.585-589), medida no Chrome em 07/11 (oferta-v2), com o FAQ fechado */
#mapa{contain-intrinsic-size:auto 1910px}#preco{contain-intrinsic-size:auto 2680px}#perguntas{contain-intrinsic-size:auto 1340px}
@media (max-width:1100px){#mapa{contain-intrinsic-size:auto 1905px}#preco{contain-intrinsic-size:auto 2770px}#perguntas{contain-intrinsic-size:auto 1310px}}
@media (max-width:760px){#mapa{contain-intrinsic-size:auto 3000px}#preco{contain-intrinsic-size:auto 4385px}#perguntas{contain-intrinsic-size:auto 1420px}}