
:root{--cor-vermelho:#D32026;--cor-branco:#fff;--cor-tinta:#0A2233;--cor-nevoa:#9FB4C3;--raio-m:22px;--raio-pill:999px;--t-xs:.8rem;--ease:cubic-bezier(.22,1,.36,1)}
.t360{position:relative;display:flex;flex-direction:column;gap:12px}.t360__palco{position:relative;width:100%;aspect-ratio:1.4/1;border-radius:var(--raio-m);overflow:hidden;isolation:isolate}.t360__reserva{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .6s var(--ease)}.t360__tela{cursor:grab;position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;cursor:grab;touch-action:pan-y;outline-offset:-3px;transition:opacity .8s var(--ease)}.t360.is-arrastando .t360__tela{cursor:grab;cursor:grabbing}.t360.is-3d .t360__tela{cursor:grab;opacity:1}.t360.is-3d .t360__reserva{opacity:0;pointer-events:none}.t360__pontos{position:absolute;inset:0;overflow:hidden;pointer-events:none}.t360__ponto{position:absolute;left:0;top:0;width:44px;height:44px;margin:-22px 0 0 -22px;padding:0;border:0;background:transparent;cursor:pointer;pointer-events:auto;transition:opacity .25s;will-change:transform}.t360__ponto-anel{position:absolute;left:50%;top:50%;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;border:2px solid rgba(255,255,255,.9);opacity:.85;animation:t360-pulso 2.2s ease-out infinite}.t360__ponto-miolo{position:absolute;left:50%;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--cor-vermelho);border:2px solid var(--cor-branco);box-shadow:0 2px 8px rgba(2,26,43,.55)}.t360__ponto-rotulo{position:absolute;left:50%;bottom:34px;transform:translate(-50%,6px);padding:.32rem .7rem;border-radius:var(--raio-pill);background:var(--cor-branco);color:var(--cor-tinta);font-size:.76rem;font-weight:600;line-height:1.2;white-space:nowrap;box-shadow:0 10px 24px -10px rgba(0,0,0,.6);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s var(--ease)}.t360__ponto.is-ativo .t360__ponto-rotulo,.t360__ponto:hover .t360__ponto-rotulo,.t360__ponto:focus-visible .t360__ponto-rotulo{opacity:1;transform:translate(-50%,0)}.t360__ponto.is-ativo{z-index:2}.t360__ponto.e-dir .t360__ponto-rotulo{left:auto;right:-6px;transform:translate(0,6px)}.t360__ponto.e-dir.is-ativo .t360__ponto-rotulo,.t360__ponto.e-dir:hover .t360__ponto-rotulo{transform:translate(0,0)}.t360__ponto.e-esq .t360__ponto-rotulo{left:-6px;transform:translate(0,6px)}.t360__ponto.e-esq.is-ativo .t360__ponto-rotulo,.t360__ponto.e-esq:hover .t360__ponto-rotulo{transform:translate(0,0)}@keyframes t360-pulso{0%{transform:scale(.7);opacity:.9}80%,100%{transform:scale(1.5);opacity:0}}.t360__dica{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);display:none;align-items:center;gap:.4rem;padding:.3rem .8rem;border-radius:var(--raio-pill);background:rgba(2,26,43,.55);color:var(--cor-nevoa);font-size:var(--t-xs);font-weight:600;letter-spacing:.04em;white-space:nowrap;pointer-events:none;transition:opacity .4s}.t360.is-3d .t360__dica{display:inline-flex}.t360.is-usado .t360__dica{opacity:0}.t360__dica-icone{width:16px;height:16px;flex:none}.t360__lista{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.t360__chip{min-height:38px;padding:.4rem .85rem;border-radius:var(--raio-pill);border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:var(--cor-nevoa);font-family:var(--fonte-texto);font-size:var(--t-xs);font-weight:600;line-height:1.2;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}.t360__chip:hover{background:rgba(255,255,255,.12);color:var(--cor-branco)}.t360__chip.is-ativo{background:var(--cor-branco);border-color:var(--cor-branco);color:var(--cor-tinta)}@media (max-width:767px){.t360__palco{aspect-ratio:1.2/1}.t360__ponto-rotulo{font-size:.7rem}.t360__ponto:not(.is-ativo){visibility:hidden}.t360__chip{min-height:40px}}@media (prefers-reduced-motion:reduce){.t360__ponto-anel{animation:none}}.t360__lista,.t360__lista li{list-style:none;margin:0;padding:0}.t360__palco{user-select:none;-webkit-user-select:none;touch-action:pan-y}.t360__tela{opacity:0}.t360.is-3d .t360__tela{opacity:1}
html.t3d-pend .hero__montagem:not([data-t360-box])>*{visibility:hidden}
