/* Versão C · Modelos prontos: começa numa galeria bonita e vira um editor de seções que abrem uma por vez. */
.topo{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem clamp(1rem,4vw,3rem);border-bottom:1px solid var(--linha);background:rgba(6,20,31,.92);position:sticky;top:0;z-index:20;backdrop-filter:blur(10px)}
.botao.pequeno{min-height:44px;font-size:1.1rem;padding:.5rem 1.1rem}
.tela[hidden]{display:none}
.miolo{max-width:1180px;margin:0 auto;padding:clamp(1.4rem,3vw,2.6rem) clamp(1rem,4vw,3rem) 3rem}
.selo{display:inline-block;background:rgba(0,186,255,.14);color:var(--azul);border:1px solid var(--azul);border-radius:99px;padding:.2rem .9rem;font-size:.85rem;margin:0 0 .6rem}
h1{font-size:clamp(2.4rem,6.5vw,4.8rem);line-height:.95;max-width:16ch}
h1 em{font-style:normal;color:var(--azul)}
.sub{max-width:42rem;color:var(--mudo);font-size:1.1rem;margin:.8rem 0 1.4rem}
.galeria{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.8rem}
.modelo{padding:.6rem;font-size:.95rem;transition:transform .15s,border-color .15s}
.modelo:hover{transform:translateY(-3px)}
.modelo .mini-caixa canvas{border-radius:.6rem}
.rodape-galeria{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.6rem}
/* editor */
.editor{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:1.2rem;max-width:1280px;margin:0 auto;padding:1rem clamp(1rem,4vw,3rem) 3rem;align-items:start}
.editor[hidden]{display:none}
.palco{position:sticky;top:4.8rem;background:radial-gradient(110% 80% at 50% 25%,#fff 0,#f4f7f9 60%,#e6ecf0 100%);border:1px solid var(--linha);border-radius:1.2rem;padding:.8rem;min-width:0}
.palco-topo{display:flex;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.5rem}
.papeis{display:flex;gap:.25rem;background:rgba(6,20,31,.78);border:1px solid var(--linha);border-radius:.8rem;padding:.2rem}
.papeis button{min-height:44px;min-width:5.2rem;background:transparent;color:var(--mudo);border:0;border-radius:.6rem;font:400 1.15rem/1 var(--titulo);letter-spacing:.05em;cursor:pointer}
.papeis button[aria-selected="true"]{background:var(--azul);color:#00131d}
.vista{position:relative;aspect-ratio:4/5;max-height:calc(100vh - 19rem);width:100%;margin:0 auto}
#tela3d{width:100%;height:100%;display:block;touch-action:none;cursor:grab;border-radius:.8rem}
.plano{width:100%;height:auto;display:block;border-radius:.8rem}
.aviso-3d{position:absolute;left:.6rem;right:.6rem;bottom:3.4rem;margin:0;background:rgba(2,16,25,.92);border:1px solid var(--linha);border-radius:.6rem;padding:.5rem .8rem;font-size:.8rem;color:var(--mudo)}
.vista-botoes{position:absolute;left:0;right:0;bottom:.3rem;display:flex;gap:.4rem;justify-content:center}
.vista-botoes .mini{background:rgba(6,20,31,.8)}
.preco-fixo{margin:.5rem 0 0;display:flex;justify-content:space-between;align-items:baseline;font-size:.85rem;color:var(--mudo)}
.preco-fixo b{font:400 2.2rem/1 var(--titulo);color:var(--txt)}
.secoes{display:grid;gap:.6rem;min-width:0}
.secao{background:var(--painel);border:1px solid var(--linha);border-radius:1rem;padding:0 1.1rem}
.secao[open]{border-color:var(--azul)}
.secao summary{cursor:pointer;min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:1rem;font:400 1.6rem/1 var(--titulo);letter-spacing:.04em;list-style:none}
.secao summary::-webkit-details-marker{display:none}
.secao summary::after{content:"＋";color:var(--azul);font-size:1.3rem}
.secao[open] summary::after{content:"－"}
.secao .conteudo{padding:.2rem 0 1.2rem}
.rodape{border-top:1px solid var(--linha);padding:1.6rem clamp(1rem,4vw,3rem);text-align:center;color:var(--mudo);font-size:.85rem}
.rodape p{margin:.3rem 0}.mini-texto{font-size:.72rem;opacity:.7}
body>.cta{position:fixed;left:0;right:0;bottom:0}
body.no-editor{padding-bottom:5.2rem}
body:not(.no-editor)>.cta{display:none}
@media (max-width:900px){
  .editor{grid-template-columns:minmax(0,1fr);scroll-padding-top:14rem}
  .palco{top:3.4rem;z-index:10;padding:.5rem}
  .vista{aspect-ratio:auto;height:32vh;max-height:none}
  .preco-fixo{display:none}
}
@media (max-width:600px){.faixa-previa{font-size:.68rem}.topo{padding:.5rem 1rem}.marca{font-size:1.5rem}.marca img{height:32px}.vista{height:30vh}}
@media (orientation:landscape) and (max-height:520px){
  .faixa-previa{display:none}.topo{position:static;padding:.3rem 1rem}
  .editor{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:.4rem 1rem 5rem}
  .palco{top:.4rem;padding:.4rem}.vista{height:calc(100vh - 7.4rem)}
  .miolo{padding-top:.8rem}h1{font-size:2.4rem}
}

@media (max-width:900px){.vista-botoes{left:auto;right:.3rem;top:.3rem;bottom:auto;flex-direction:column;align-items:flex-end}.aviso-3d{bottom:.5rem}}
@media (max-width:900px){#ver-mais,#ver-menos{display:none}}
.papeis button{min-height:44px}
/* reserva a galeria (12 modelos) antes do JS montá-la: o rodapé pulava (CLS 0,27 medido) */
#galeria{min-height:42rem}
@media (min-width:900px){#galeria{min-height:26rem}}