/* =============================================================================
   PÁGINAS — o que é específico de cada uma
   ============================================================================= */

/* ---------- capa (home) ---------- */
.capa{position:relative;display:block;overflow:clip;isolation:isolate;
  padding:var(--e-6) 0 var(--e-6)}
@media (min-width:1000px){.capa{padding:72px 0 56px}}
.particulas{position:absolute;inset:0;z-index:-1}
.capa-luz{position:absolute;inset:0;z-index:-2;
  background:
    radial-gradient(70% 90% at 78% 22%,rgba(200,162,83,.18),rgba(11,12,14,0) 60%),
    radial-gradient(90% 120% at 10% 100%,rgba(200,162,83,.08),rgba(11,12,14,0) 55%),
    linear-gradient(160deg,#141518 0%,var(--fundo) 55%,#0d0e11 100%)}
.capa-grade{display:grid;gap:var(--e-5);align-items:end}
@media (min-width:1000px){.capa-grade{grid-template-columns:1.25fr .75fr;gap:var(--e-5)}}
.capa-conteudo{max-width:700px}
/* disciplina de dobra: titulo do heroi em no maximo duas linhas */
.capa h1{font-size:clamp(31px,4.4vw,53px)}
.capa-foto{position:relative;border-radius:20px;overflow:hidden;border:1px solid var(--borda-forte);
  box-shadow:var(--sombra-3);background:var(--superficie);display:none}
@media (min-width:1000px){.capa-foto{display:block}}
.capa-foto img{width:100%;aspect-ratio:16/10;object-fit:cover}
@media (min-width:1000px){.capa-foto img{aspect-ratio:4/5}}
.capa-foto figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 24px 24px;
  background:linear-gradient(180deg,rgba(11,12,14,0) 0%,rgba(11,12,14,.86) 38%,rgba(11,12,14,.98) 100%);display:grid;gap:2px}
.capa-foto figcaption b{font-size:var(--t-4);font-weight:600}
.capa-foto figcaption span{font-size:var(--t-2);color:var(--texto-fraco)}
.capa-foto figcaption strong{margin-top:6px;font-size:var(--t-5);font-weight:700;color:var(--marca-texto)}
.capa h1{max-width:22ch}
.capa-dados{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--e-3);margin:56px 0 0}
@media (min-width:800px){.capa-dados{grid-template-columns:repeat(4,1fr)}}
.capa-dados div{border-top:1px solid var(--borda-forte);padding-top:var(--e-2)}
.capa-dados dt{font-size:var(--t-2);color:var(--texto-fraco)}
.capa-dados dd{margin:6px 0 0;font-size:var(--t-5);font-weight:700}
.linha{display:block;overflow:hidden}
.linha>div{display:block}
[data-dividir]{visibility:hidden}

/* ---------- banda de números (fora do herói, como pede a disciplina de dobra) ---------- */
.numeros-faixa{background:var(--superficie);border-top:1px solid var(--borda);border-bottom:1px solid var(--borda);
  padding:var(--e-5) 0}

/* ---------- pilares ---------- */
.pilar{border-top:1px solid var(--borda-forte);padding-top:var(--e-2)}
.pilar-num{font-size:var(--t-2);letter-spacing:.12em;color:var(--marca-texto);font-variant-numeric:tabular-nums}
.pilar h3{margin:14px 0 8px}
.pilar p{color:var(--texto-fraco);font-size:var(--t-2);line-height:1.6}

/* ---------- vitrine fixada ---------- */
.vitrine{position:relative;background:linear-gradient(180deg,var(--fundo),var(--fundo-alt) 50%,var(--fundo))}
.vitrine-palco{display:grid;gap:var(--e-4);padding:var(--e-6) 0}
.vitrine-topo{display:block}
.vitrine-trilha{display:grid;gap:var(--e-3);padding:0 var(--e-3)}
@media (min-width:620px){.vitrine-trilha{grid-template-columns:repeat(2,1fr);padding:0 var(--e-3)}}
@media (min-width:900px){
  .vitrine-trilha{grid-template-columns:repeat(3,1fr);padding:0}
  .vitrine-trilha .cartao{width:auto}
}

/* ---------- localização e mapa ---------- */
.local{display:grid;gap:var(--e-5);align-items:center}
@media (min-width:900px){.local{grid-template-columns:1fr 1fr;gap:var(--e-6)}}
.lista-contato{list-style:none;margin:0;padding:0;display:grid;gap:12px;color:var(--texto-fraco)}
.lista-contato strong{color:var(--texto)}
.link{color:var(--marca-texto);border-bottom:1px solid var(--marca-texto);padding-bottom:2px}
.mapa-caixa{position:relative;display:block;border-radius:var(--raio-4);overflow:hidden;border:1px solid var(--borda);
  aspect-ratio:4/3;background:var(--superficie)}
.mapa{width:100%;height:100%;border:0;filter:grayscale(.35) contrast(1.05);pointer-events:none}
.mapa-bloco{display:grid;gap:12px}
.carro-escolhido{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:16px;margin-bottom:24px;
  border:1px solid var(--borda-forte);border-radius:16px;background:var(--superficie)}
.carro-escolhido img{width:104px;height:78px;object-fit:cover;border-radius:10px;flex:none}
.carro-escolhido b{display:block;font-size:var(--t-3)}
.carro-escolhido span{display:block;font-size:13px}
.carro-escolhido .link{margin-left:auto;font-size:14px}
.mapa-veu{position:absolute;left:0;right:0;bottom:0;padding:20px 24px;display:flex;align-items:baseline;gap:12px;
  background:linear-gradient(180deg,rgba(11,12,14,0),rgba(11,12,14,.92));transition:background var(--t-micro) var(--curva)}
.mapa-caixa:hover .mapa-veu{background:linear-gradient(180deg,rgba(11,12,14,0),rgba(11,12,14,1))}
.mapa-veu b{font-size:var(--t-4)}
.mapa-veu small{color:var(--texto-fraco)}

/* ---------- filtros do estoque ---------- */
.filtros{display:grid;gap:var(--e-2);margin-top:var(--e-4);padding:var(--e-3);background:var(--superficie);
  border:1px solid var(--borda);border-radius:var(--raio-3)}
@media (min-width:800px){.filtros{grid-template-columns:1.4fr 1fr 1fr 1fr}}
.campo{display:grid;gap:8px}
.campo>span{font-size:var(--t-1);letter-spacing:.08em;text-transform:uppercase;color:var(--texto-fraco)}
.campo input,.campo select,.campo textarea{width:100%;min-height:48px;padding:0 14px;border-radius:var(--raio-2);
  background:var(--fundo);border:1px solid var(--borda-forte);color:var(--texto);font:inherit;transition:border-color var(--t-micro) var(--curva)}
.campo textarea{padding:12px 14px;min-height:120px;resize:vertical}
.campo input:focus,.campo select:focus,.campo textarea:focus{border-color:var(--marca);outline:none}
.campo input[type=range]{min-height:auto;padding:0}
.campo output{color:var(--texto)}

/* ---------- foto ausente (enquanto o estoque real não chega) ---------- */
.sem-foto{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;padding:var(--e-3);
  background:
    radial-gradient(90% 70% at 70% 20%,rgba(200,162,83,.16),rgba(11,12,14,0) 60%),
    linear-gradient(150deg,#1c1e22,#101114 70%);
  color:var(--texto-fraco)}
.sem-foto span{font-size:var(--t-1);letter-spacing:.16em;text-transform:uppercase;color:var(--marca-texto)}
.sem-foto b{font-size:var(--t-5);color:var(--texto)}
.sem-foto small{font-size:var(--t-1);margin-top:6px}
.sem-foto.grande{aspect-ratio:16/10;border-radius:var(--raio-4);border:1px solid var(--borda)}
.sem-foto.grande b{font-size:var(--t-7)}

/* ---------- página do veículo ---------- */
.trilha{display:flex;gap:10px;font-size:var(--t-2);margin-bottom:var(--e-3)}
.trilha a:hover{color:var(--texto)}
.veiculo-topo{margin-bottom:var(--e-4)}
.veiculo-grade{display:grid;gap:var(--e-5);align-items:start}
@media (min-width:1000px){.veiculo-grade{grid-template-columns:1.6fr .9fr;gap:var(--e-6)}}
.foto-grande{border-radius:var(--raio-4);overflow:hidden;border:1px solid var(--borda)}
.foto-grande img{width:100%;aspect-ratio:16/10;object-fit:cover}
.ficha-tecnica{margin-top:var(--e-5)}
.lista-ficha{list-style:none;margin:var(--e-3) 0 0;padding:0;display:grid;gap:0}
.lista-ficha li{display:flex;justify-content:space-between;gap:var(--e-2);padding:14px 0;border-bottom:1px solid var(--borda)}
.lista-ficha span{color:var(--texto-fraco)}
.veiculo-lateral{position:sticky;top:96px}
.carrossel{border-radius:var(--raio-4);overflow:hidden}
.carrossel .splide__slide img{width:100%;height:100%;object-fit:cover}

/* ---------- simulador ---------- */
.simulador{display:grid;gap:var(--e-3);margin-top:var(--e-5)}
@media (min-width:900px){.simulador{grid-template-columns:1.1fr .9fr;align-items:start}}
.resultado{position:sticky;top:96px}
.campo input[type=range]{accent-color:var(--marca);height:44px}

/* ---------- sobre ---------- */
.etapas{list-style:none;margin:var(--e-3) 0 0;padding:0;counter-reset:etapa;display:grid;gap:var(--e-3)}
.etapas li{counter-increment:etapa;border-top:1px solid var(--borda);padding-top:var(--e-2)}
.etapas b{display:block;font-size:var(--t-3)}
.etapas b::before{content:none}
.etapas p{margin-top:8px;color:var(--texto-fraco);font-size:var(--t-2)}

/* ---------- contato ---------- */
.contato-grade{display:grid;gap:var(--e-4)}
@media (min-width:1000px){.contato-grade{grid-template-columns:1fr 1fr;gap:var(--e-6)}}
.duvida{border-bottom:1px solid var(--borda);padding:16px 0}
.duvida summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:16px;min-height:32px;align-items:center}
.duvida summary::-webkit-details-marker{display:none}
.duvida summary::after{content:"+";color:var(--marca-texto);font-size:var(--t-5);line-height:1}
.duvida[open] summary::after{content:"–"}
.duvida p{margin-top:12px;color:var(--texto-fraco);font-size:var(--t-2)}

/* ---------- chamada final ---------- */
.chamada{text-align:left}

.botao-link{background:none;border:0;padding:0;font:inherit;color:var(--marca-texto);cursor:pointer;text-decoration:underline;text-underline-offset:3px}