/* ─────────────────────────────────────────────────────────────────────
   O que entrou depois: duvidas frequentes, creditos, pagina de erro,
   botao do mapa e os ajustes da vitrine montada pelo servidor.
   Carrega sempre por ultimo, entao manda no que for repetido.
   ───────────────────────────────────────────────────────────────────── */

/* peca escondida pelo filtro: .peca e flex e ignoraria o [hidden] sozinho */
.vitrine .peca[hidden]{display:none!important}

.vitrine__vazia{padding:2.5rem 0;font-size:1.05rem;font-weight:300;color:var(--tinta-sub)}

/* ── atalho de teclado ───────────────────────────────────────────────── */
.pula{position:absolute;left:-9999px;top:0;z-index:99;padding:.9em 1.4em;
  background:var(--noite);color:var(--papel);border-radius:0 0 12px 0;font-size:.85rem}
.pula:focus{left:0}

/* ── submenu de procedimentos no toque ───────────────────────────────── */
.menu__proc.aberto .menu__lista{opacity:1;visibility:visible;pointer-events:auto;transform:none}

.gaveta__zap{margin-top:1.6rem;display:inline-flex;align-items:center;justify-content:center;
  padding:.9em 1.6em;border-radius:100px;background:var(--ouro);color:var(--noite)!important;
  font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;align-self:flex-start}

/* ── endereco e mapa na dobra "onde estamos" ─────────────────────────── */
.filme__end{margin-top:1.4rem;font-size:.92rem;font-weight:300;line-height:1.6;opacity:.88}
.filme__acoes{margin-top:1.8rem;display:flex;flex-wrap:wrap;gap:.9rem}
.botao svg.ico{width:1.05rem;height:1.05rem;margin-right:.55em;flex:none}

/* ── duvidas frequentes ──────────────────────────────────────────────── */
.duvidas{padding-block:clamp(3.5rem,9vh,7rem)}
.duvidas__cab{max-width:30ch;margin-bottom:clamp(2rem,4vh,3rem)}
.duvidas__cab .selo{margin-bottom:1rem}
.duvidas__lista{border-top:1px solid var(--fio)}

/* no desktop, o título fica ao lado das perguntas, como nas outras dobras */
@media (min-width:901px){
  .duvidas{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);
    gap:clamp(2.5rem,6vw,6rem);align-items:start}
  .duvidas__cab{margin-bottom:0;position:sticky;top:clamp(5rem,9vh,7rem)}
}

.duvida{border-bottom:1px solid var(--fio)}
.duvida summary{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;
  cursor:pointer;list-style:none;padding:1.35em 0;
  font-size:clamp(1.02rem,1.5vw,1.22rem);font-weight:350;line-height:1.35;
  letter-spacing:-.01em;color:var(--tinta)}
.duvida summary::-webkit-details-marker{display:none}
.duvida summary:hover{color:var(--ouro-fundo)}
.duvida__seta{width:1.3rem;height:1.3rem;flex:none;margin-top:.15em;color:var(--ouro-fundo);
  transform:rotate(90deg);transition:transform .35s var(--ease)}
.duvida[open] .duvida__seta{transform:rotate(-90deg)}
.duvida__resp{padding-bottom:1.6em;max-width:62ch}
.duvida__resp p{font-size:clamp(.95rem,1.15vw,1.05rem);font-weight:300;line-height:1.65;
  color:var(--tinta-sub)}

/* ── pagina de erro ──────────────────────────────────────────────────── */
.erro{padding-block:clamp(6rem,16vh,11rem) clamp(4rem,10vh,7rem);min-height:52vh}
.erro .corpo{margin-top:1.4rem;max-width:48ch}
.erro__links{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2.2rem;list-style:none;padding:0}
.erro__links a{display:inline-flex;padding:.7em 1.3em;border-radius:100px;
  border:1px solid var(--fio);font-size:.88rem;transition:background .3s var(--ease)}
.erro__links a:hover{background:var(--linho)}
.erro__acoes{margin-top:2.4rem}

/* ── creditos ────────────────────────────────────────────────────────── */
.creditos{display:flex;align-items:center;flex-wrap:wrap;
  gap:clamp(1.4rem,4vw,3.4rem);
  padding:clamp(1.6rem,3vh,2.2rem) var(--marg);
  border-top:1px solid rgba(253,251,247,.1)}
.creditos__marca{flex:none;line-height:0;opacity:.9;transition:opacity .3s var(--ease)}
.creditos__marca:hover{opacity:1}
.creditos__marca img{width:clamp(86px,9vw,120px);height:auto;display:block}
.creditos p{font-size:.78rem;font-weight:300;line-height:1.6;color:rgba(253,251,247,.52);margin:0}
.creditos p b{font-weight:500;color:rgba(253,251,247,.9)}
.creditos a{color:inherit;text-decoration:none}
.creditos a:hover b{color:var(--ouro)}
@media (max-width:700px){
  .creditos{gap:1.1rem;flex-direction:column;align-items:flex-start}
}

.rodape__sobre{margin-top:1.2rem;max-width:34ch;font-size:.88rem}

/* ── modelo de pagina sem foto de abertura ───────────────────────────── */
.ff-abre__grade--solo{grid-template-columns:1fr;max-width:70ch}
.ff-video img{width:100%;height:auto;display:block;border-radius:var(--raio)}

/* ── respeita quem pediu menos movimento ─────────────────────────────── */
@media (prefers-reduced-motion:reduce){
  .rev,.peca,.entra{opacity:1!important;transform:none!important;transition:none!important}
  .comparador__depois,.comparador__barra,.comparador__alca{transition:none!important}
  .duvida__seta{transition:none}
}