.bolinha-conteudo {
  opacity: 0;
  transform: translate(-50%, -100%) scale(0.8);
  transition: all 0.4s ease-out;
  position: absolute;
  padding: 6px 10px;
  font-size: 14px;
  color: #E84D12;
  pointer-events: auto;
  z-index: 2;
}

.bolinha-conteudo.visible {
  opacity: 1;
  transform: translate(-50%, -100%) scale(1);
}

circle.circle-point {
  opacity: 0;
  transform: scale(0.6);
  transition: all 0.4s ease-out;
  transform-origin: center;
}

circle.circle-point.visible {
  opacity: 1;
  transform: scale(1);
}

.content-ponto {
    color: #454546;
    font-size: 16px;
}

.ponto1 {
  left: calc((294 / 1079) * 100%);
  top: calc((650 / 1230) * 100%);
}

.ponto2 {
  left: calc((800 / 1079) * 100%);
  top: calc((842 / 1230) * 100%);
}

.ponto3 {
  left: calc((377 / 1079) * 100%);
  top: calc((1050 / 1230) * 100%);
}

.ponto4 {
  left: calc((249 / 1069) * 100%);
  top: calc((307 / 943) * 100%);
}

.ponto5 {
  left: calc((851 / 1069) * 100%);
  top: calc((490 / 943) * 100%);
}

.ponto6 {
  left: calc((180 / 1069) * 100%);
  top: calc((700 / 943) * 100%);
}

.ponto7 {
  left: calc((755 / 1069) * 100%);
  top: calc((890 / 943) * 100%);
}

.ponto8 {
  left: calc((1380 / 1373) * 100%);
  top: calc((970 / 943) * 100%);
}

/*PAGINA SOBRE*/

.ponto9 {
  left: calc((1183 / 1373) * 100%);
  top: calc((571 / 736) * 100%);
}

.ponto10 {
  left: calc((875 / 1373) * 100%);
  top: calc((596 / 736) * 100%);
}

.ponto11 {
  left: calc((567 / 1373) * 100%);
  top: calc((574 / 736) * 100%);
}

.ponto12 {
  left: calc((259 / 1373) * 100%);
  top: calc((550 / 736) * 100%);
}

.ponto13 {
  left: calc((382 / 1297) * 100%);
  top: calc((515 / 1237) * 100%);
}

.ponto14 {
  left: calc((850 / 1297) * 100%);
  top: calc((600 / 1237) * 100%);
}

.ponto15 {
  left: calc((887 / 1100) * 100%);
  top: calc((535 / 1650) * 100%);
}

.ponto16 {
  left: calc((280 / 1100) * 100%);
  top: calc((755 / 1650) * 100%);
}

.ponto17 {
  left: calc((887 / 1100) * 100%);
  top: calc((970 / 1650) * 100%);
}

.ponto18 {
  left: calc((458 / 1400) * 100%);
  top: calc((5 / 530) * 100%);
}

.ponto19 {
  left: calc((830 / 1400) * 100%);
  top: calc((220 / 530) * 100%);
}

.ponto20 {
  left: calc((565 / 1400) * 100%);
  top: calc((480 / 530) * 100%);
}

.ponto21 {
  left: calc((724 / 1316) * 100%);
  top: calc((10 / 759) * 100%);
}

.ponto22 {
  left: calc((400 / 1316) * 100%);
  top: calc((200 / 759) * 100%);
}

.ponto23 {
  left: calc((780 / 1316) * 100%);
  top: calc((430 / 759) * 100%);
}

.ponto24 {
  left: calc((380 / 1316) * 100%);
  top: calc((655 / 759) * 100%);
}

.ponto25 {
  left: calc((724 / 1316) * 100%);
  top: calc((10 / 759) * 100%);
}

.ponto26 {
  left: calc((475 / 1316) * 100%);
  top: calc((200 / 759) * 100%);
}

.ponto27 {
  left: calc((780 / 1316) * 100%);
  top: calc((430 / 759) * 100%);
}

.ponto28 {
  left: calc((380 / 1316) * 100%);
  top: calc((655 / 759) * 100%);
}

.ponto29 {
  left: calc((724 / 1316) * 100%);
  top: calc((10 / 759) * 100%);
}

.ponto30 {
  left: calc((300 / 1316) * 100%);
  top: calc((260 / 759) * 100%);
}

.ponto31 {
  left: calc((780 / 1316) * 100%);
  top: calc((556 / 759) * 100%);
}