/* Versão A · Estúdio: vista grande à esquerda, passo a passo à direita (desktop primeiro). */
.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}
.heroi{padding:clamp(1.4rem,3vw,2.6rem) clamp(1rem,4vw,3rem) .6rem;max-width:1280px;margin:0 auto}
.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.6rem,7vw,5rem);line-height:.95}
h1 em{font-style:normal;color:var(--azul)}
.sub{max-width:44rem;color:var(--mudo);font-size:1.1rem}
.sim{scroll-margin-top:4.5rem;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:1.4rem;max-width:1280px;margin:0 auto;padding:1rem clamp(1rem,4vw,3rem) 3rem;align-items:start}
.palco{position:sticky;top:4.6rem;background:radial-gradient(110% 80% at 50% 25%,#fff 0,#f4f7f9 60%,#e6ecf0 100%);border:1px solid var(--linha);border-radius:1.2rem;padding:1rem;min-width:0}
.vista{position:relative;aspect-ratio:4/5;max-height:calc(100vh - 14rem);width:100%;margin:0 auto}
#tela3d{width:100%;height:100%;display:block;touch-action:none;cursor:grab;border-radius:.8rem}
#tela3d:active{cursor:grabbing}
.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:.4rem;display:flex;gap:.4rem;justify-content:center;flex-wrap:wrap}
.vista-botoes .mini{background:rgba(6,20,31,.8);backdrop-filter:blur(6px)}
.papeis{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;margin:.7rem 0 .5rem}
.papeis button{min-height:var(--toque);background:var(--painel);color:var(--mudo);border:1px solid var(--linha);border-radius:.6rem;font:400 1.25rem/1 var(--titulo);letter-spacing:.05em;cursor:pointer}
.papeis button[aria-selected="true"]{background:var(--azul);color:#00131d;border-color:var(--azul)}
.preco-fixo{margin:0;display:flex;justify-content:space-between;align-items:baseline;font-size:.85rem;color:var(--mudo)}
.preco-fixo b{font:400 2.3rem/1 var(--titulo);color:var(--txt);letter-spacing:.03em}
.total-fixo b{color:var(--azul);font-size:1.9rem}
body>.cta{display:flex;position:fixed;left:0;right:0;bottom:0}
body{padding-bottom:5.5rem}
.painel{background:var(--painel);border:1px solid var(--linha);border-radius:1.2rem;padding:1.2rem 1.3rem 1.4rem;min-width:0}
.passos{display:flex;gap:.35rem;list-style:none;margin:0 0 1.1rem;padding:0;flex-wrap:wrap}
.passos button{min-width:2.75rem;height:2.75rem;border-radius:50%;border:1px solid var(--linha);background:transparent;color:var(--mudo);font:inherit;font-size:.85rem;cursor:pointer}
.passos button[aria-current="step"]{background:var(--azul);border-color:var(--azul);color:#00131d;font-weight:700}
.passos button.feito{border-color:var(--azul);color:var(--azul)}
.passo h2{font-size:2.2rem;line-height:1;margin-bottom:.5rem}
details.prontos{border:1px solid var(--linha);border-radius:var(--raio);padding:.5rem .8rem;margin:1rem 0}
details.prontos summary{cursor:pointer;min-height:var(--toque);display:flex;align-items:center;color:var(--azul);font:400 1.2rem/1 var(--titulo);letter-spacing:.05em}
details.prontos .galeria{margin:.5rem 0}
.navegacao{display:flex;justify-content:space-between;gap:.8rem;margin-top:1.3rem}
.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}
@media (max-width:900px){
  body>.cta{display:flex;position:fixed;left:0;right:0;bottom:0}
  body{padding-bottom:5.2rem}
  .total-fixo{display:none}
  .sim{scroll-padding-top:11rem}
  .sim{grid-template-columns:minmax(0,1fr)}
  .palco{top:3.4rem;z-index:10;padding:.5rem}
  .vista{aspect-ratio:auto;height:34vh;max-height:none}
  .papeis{margin:.4rem 0 .3rem}.papeis button{min-height:44px}
  .preco-fixo b{font-size:1.6rem}
}
@media (max-width:600px){
  .vista{height:34vh}.botao.grande{font-size:1.3rem}
  .heroi{padding:.8rem 1rem .2rem}.heroi .sub,.selo{display:none}h1{font-size:2.3rem}
  .topo{padding:.5rem 1rem}.marca{font-size:1.5rem}.marca img{height:32px}.botao.pequeno{min-height:44px;font-size:1rem;padding:.35rem .8rem}
  .faixa-previa{font-size:.68rem;padding:.3rem .6rem}
}

/* celular deitado: duas colunas, camisa inteira ao lado e sem o texto de abertura */
@media (orientation:landscape) and (max-height:520px){
  .heroi,.faixa-previa{display:none}
  .topo{position:static;padding:.3rem 1rem}.marca{font-size:1.3rem}.marca img{height:26px}
  .sim{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:.4rem 1rem 5rem;scroll-margin-top:0}
  .palco{position:sticky;top:.4rem;padding:.4rem;z-index:1}
  .vista{aspect-ratio:auto;height:calc(100vh - 8.2rem);max-height:none}
  .total-fixo{display:none}
  .papeis{margin:.3rem 0 .2rem}.papeis button{min-height:44px}
  body>.cta{display:flex;position:fixed;left:0;right:0;bottom:0}
}

@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}}
/* reserva a altura dos passos antes do JS montá-los: sem isso a navegação e o rodapé pulam (CLS 0,17 medido) */
#passos{min-height:32rem}
@media (max-width:900px){#passos{min-height:24rem}}