*{box-sizing:border-box}
html,body{margin:0;width:100%;min-height:100%;background:#02050c}
body{font-family:Arial,sans-serif;overflow-x:hidden}
.poster-page{
  width:100%;
  min-height:100vh;
  display:flex;
  justify-content:center;
  align-items:flex-start;
  background:#02050c;
}
.poster{
  position:relative;
  width:100%;
  max-width:1024px;
  margin:0 auto;
  padding:0;
  line-height:0;
  overflow:hidden;
  background:#02050c;
}
.poster-image{
  display:block;
  width:100%;
  height:auto;
  margin:0;
  padding:0;
  object-fit:contain;
  object-position:top center;
  user-select:none;
  -webkit-user-drag:none;
}
.hotspot,.social-hotspot{
  top:89.20%;
  width:13.2%;
  height:7.45%;
  border-radius:50%;
  pointer-events:none;
}
.hotspot{
  border-radius:999px;
  cursor:pointer;
}
.hotspot:active{
  background:rgba(255,255,255,.08);
}
.hotspot:focus-visible{
  outline:3px solid #fff;
  outline-offset:-4px;
  box-shadow:0 0 28px #078cff;
}
.vip{left:8.9%;top:55.85%;width:81.0%;height:8.85%}
.resultados{left:10.2%;top:67.55%;width:78.1%;height:6.75%}
.palpites{left:10.2%;top:75.20%;width:78.1%;height:6.75%}
.campanhas{left:10.2%;top:82.85%;width:78.1%;height:6.75%}
.social-hotspot{
  top:89.20%;
  width:13.2%;
  height:7.45%;
  border-radius:50%;
  pointer-events:none;
}
.instagram{left:18.7%}
.whatsapp{left:43.4%}
.youtube{left:68.1%}
@media(min-width:1025px){
  .poster{box-shadow:0 0 80px rgba(0,110,255,.20)}
}