/* =========================
   RESET / FULLSCREEN
========================= */
:focus-visible { outline: none; }

html, body {
  width: 100%;
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: transparent !important;
}

/* Remove qualquer estilo padrão */
body { background: transparent !important; }

/* =========================
   CONTAINERS DO VISUALIZE
========================= */
main,
section#threesixty,
#threesixty-main,
#viewer {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* =========================
   VIEWER (onde aparece o 3D)
========================= */
#viewer {
  position: relative !important;
  display: block !important;
  overflow: hidden !important;
}

/* Força o conteúdo renderizado a ocupar tudo e SEM moldura */
#viewer img,
#viewer canvas,
#viewer svg,
#viewer video {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  object-fit: contain; /* use 'cover' se quiser preencher cortando */
}

/* =========================
   GARANTE QUE NÃO ESCURECE NO DARK MODE
========================= */
@media (prefers-color-scheme: dark) {
  body { background: transparent !important; color: inherit !important; }
}