/* CSS especifico da atividade "virtual-tour-360". */

/* O container do Photo Sphere Viewer precisa de altura própria — o
   aspect-video do Tailwind cuida disso, essa regra só garante que o canvas
   interno da biblioteca preencha o espaço certo. */
.vt360-viewer .psv-container {
  width: 100%;
  height: 100%;
}

/* Marcador de ponto de interesse: badge circular simples, sem depender de
   nenhum ícone externo. */
.vt360-marcador {
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: #6366f1;
  border: 2px solid #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .4);
  color: #fff;
  font-family: sans-serif;
  font-weight: 700;
  font-style: italic;
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}