.elementor-4330 .elementor-element.elementor-element-15e15e4{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:-800px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4330 .elementor-element.elementor-element-111fd97{z-index:10;}.elementor-4330 .elementor-element.elementor-element-bdbaec7{--display:flex;--min-height:500vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;--z-index:0;}.elementor-4330 .elementor-element.elementor-element-098cd0e > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-4330 .elementor-element.elementor-element-098cd0e .elementor-wrapper{--video-aspect-ratio:2.33333;}@media(min-width:768px){.elementor-4330 .elementor-element.elementor-element-15e15e4{--content-width:100%;}.elementor-4330 .elementor-element.elementor-element-bdbaec7{--content-width:100%;}}/* Start custom CSS for html, class: .elementor-element-111fd97 *//* RESET */

body{
  margin:0;

  font-family:Arial, sans-serif;
}

/* WRAPPER FIXO */

.orbital-wrapper{
  position:relative;

  width:100%;
  height:700px;

  overflow:hidden;
}

/* COMPONENTE */

.orbital-menu{
  position:absolute;

  top:50%;
  left:50%;

  transform:translate(-50%, -50%);

  width:850px;
  height:650px;

  pointer-events:auto;

}

/* CÍRCULO */


/* LINHAS */

.line{
  position:absolute;

  height:1px;

  background:#8d8d8d;

  transition:.80s ease;
}

/* ESQUERDA */

.left-line{
  width:1px;

  left:120px;
  top:50%;
}

/* DIREITA */

.right-line{
  width:1px;

  right:120px;
  top:50%;
}

/* DIAGONAIS */

.diag{
  position:absolute;

  width:0px;
  height:1px;

  background:#b0b0b0;

  transition:.90s ease;
}

/* POSIÇÕES */

.diag-1{
  top:136px;
  left:215px;

  transform:rotate(45deg);
}

.diag-2{
  top:136px;
  right:215px;

  transform:rotate(-45deg);
}

.diag-3{
  bottom:136px;
  left:215px;

  transform:rotate(-45deg);
}

.diag-4{
  bottom:136px;
  right:215px;

  transform:rotate(45deg);
}

/* BOTÕES */

.orb-btn{
  position:absolute;

  border:none;
 

  padding:0;

  cursor:pointer;

  z-index:20;
}
.orb-btn,
.orb-btn span{
  background: transparent !important;
  box-shadow: none !important;
}

/* CAMADA VISUAL */

.orb-btn span{
  display:flex;
  align-items:center;
  justify-content:center;

  padding:10px 28px;

  border:1px solid #b0b0b0;
  border-radius:40px;



  color:#8c8c8c;

  font-size:14px;
  letter-spacing:8px;

  transition:
    transform .90s ease,
    background .90s ease,
    color .90s ease,
    border-color .90s ease,
    box-shadow .90s ease;

  will-change:transform;
}

/* HOVER */

.orb-btn:hover span{
  transform:scale(1.08);





}

/* POSIÇÕES */

/* ESQUERDA */

.left-btn{
  left:-5%;
  top:50%;

  transform:translateY(-50%);
}

/* DIREITA */

.right-btn{
  right:-5%;
  top:50%;

  transform:translateY(-50%);
}

/* TOPO ESQUERDA */

.top-left-btn{
  top:55px;
  left:110px;
}

/* TOPO DIREITA */

.top-right-btn{
  top:55px;
  right:110px;
}

/* BAIXO ESQUERDA */

.bottom-left-btn{
  bottom:55px;
  left:110px;
}

/* BAIXO DIREITA */

.bottom-right-btn{
  bottom:55px;
  right:110px;
}

/* ANIMAÇÕES */

/* ESQUERDA */

.orbital-menu:has(.left-btn:hover) .left-line{
  width:100px;

}

/* DIREITA */

.orbital-menu:has(.right-btn:hover) .right-line{
  width:100px;

}

/* DIAGONAIS */

.orbital-menu:has(.top-left-btn:hover) .diag-1,
.orbital-menu:has(.top-right-btn:hover) .diag-2,
.orbital-menu:has(.bottom-left-btn:hover) .diag-3,
.orbital-menu:has(.bottom-right-btn:hover) .diag-4{
  width:90px;
  
}/* End custom CSS */