.elementor-87 .elementor-element.elementor-element-7a4286f8{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:40px 24px 40px 24px;}.elementor-87 .elementor-element.elementor-element-7a4286f8 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-87 .elementor-element.elementor-element-78d7b33{--display:flex;--min-height:460px;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0.08;--padding-top:60px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;--z-index:2;}.elementor-87 .elementor-element.elementor-element-78d7b33:not(.elementor-motion-effects-element-type-background), .elementor-87 .elementor-element.elementor-element-78d7b33 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://gxagency.com.br/wp-content/uploads/2025/10/Silhueta-Hub-1.png");background-position:top right;background-repeat:no-repeat;background-size:contain;}.elementor-87 .elementor-element.elementor-element-78d7b33::before, .elementor-87 .elementor-element.elementor-element-78d7b33 > .elementor-background-video-container::before, .elementor-87 .elementor-element.elementor-element-78d7b33 > .e-con-inner > .elementor-background-video-container::before, .elementor-87 .elementor-element.elementor-element-78d7b33 > .elementor-background-slideshow::before, .elementor-87 .elementor-element.elementor-element-78d7b33 > .e-con-inner > .elementor-background-slideshow::before, .elementor-87 .elementor-element.elementor-element-78d7b33 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-87 .elementor-element.elementor-element-46ca4f56{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:40px 24px 40px 24px;}.elementor-87 .elementor-element.elementor-element-46ca4f56 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-87 .elementor-element.elementor-element-46ca4f56 > .elementor-container{text-align:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-87 .elementor-element.elementor-element-6e91b2a4{text-align:center;}.elementor-87 .elementor-element.elementor-element-1250fd9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-87 .elementor-element.elementor-element-43a3ebb0{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:40px 24px 40px 24px;}.elementor-87 .elementor-element.elementor-element-43a3ebb0 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-87 .elementor-element.elementor-element-6e0022dd:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-87 .elementor-element.elementor-element-6e0022dd > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://gxagency.com.br/wp-content/uploads/2025/10/Works.png");background-size:cover;}.elementor-87 .elementor-element.elementor-element-6e0022dd > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-87 .elementor-element.elementor-element-6e0022dd > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-87 .elementor-element.elementor-element-6dc62dbc{text-align:center;}.elementor-87 .elementor-element.elementor-element-6dc62dbc .elementor-heading-title{text-shadow:0px 8px 25px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-87 .elementor-element.elementor-element-6dc62dbc .elementor-heading-title a{transition-duration:0s;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-87 .elementor-element.elementor-element-22aea61b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:48px 24px 48px 24px;}.elementor-87 .elementor-element.elementor-element-22aea61b > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-87 .elementor-element.elementor-element-5b498420{text-align:center;}.elementor-87 .elementor-element.elementor-element-7dc2b395{text-align:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}:root{--page-title-display:none;}@media(max-width:767px){.elementor-87 .elementor-element.elementor-element-6e0022dd:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-87 .elementor-element.elementor-element-6e0022dd > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://gxagency.com.br/wp-content/uploads/2025/10/Works.png");}.elementor-87 .elementor-element.elementor-element-6e0022dd > .elementor-element-populated{padding:60px 0px 60px 0px;}}/* Start custom CSS for html, class: .elementor-element-4375a9da */.elementor-button + .elementor-button {
  margin-left: 12px; /* espaçamento no desktop */
}
@media (max-width: 767px) {
  .elementor-button + .elementor-button {
    margin-left: 0;
    margin-top: 12px; /* espaçamento vertical no mobile */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d7b33 *//* --- Este CSS deve ir no Custom CSS do CONTÊINER --- */

/* Prepara o contêiner */
.elementor-87 .elementor-element.elementor-element-78d7b33{
  position: relative !important;
  overflow: visible !important;
  min-height: 460px;
  z-index: 2;
}

/* HUB como pseudo-elemento (não precisa de widget imagem) */
.elementor-87 .elementor-element.elementor-element-78d7b33::after{
  content: "";
  position: absolute;
  top: 0; right: 0; bottom: 0;
  width: 480px;                       /* tamanho do Hub */
  background-image: url('https://gxagency.com.br/wp-content/uploads/2025/10/Silhueta-Hub-e1760999187354.png');
  background-repeat: no-repeat;
  background-position: right top;
  background-size: 480px auto;        /* controla a largura exata */
  opacity: .08;                       /* translúcido */
  transform: scaleX(-1);              /* olha para a ESQUERDA */
  transform-origin: right center;
  filter: brightness(1.05) saturate(.9);
  pointer-events: none;
  z-index: 1;
  animation: hubFloat 8s ease-in-out infinite alternate;
}

/* flutuação suave */
@keyframes hubFloat{
  0%   { transform: translateY(0)    scaleX(-1); }
  50%  { transform: translateY(-8px) scaleX(-1); }
  100% { transform: translateY(0)    scaleX(-1); }
}

/* Título com Tiffany + shimmer (aplica dentro deste contêiner) */
.elementor-87 .elementor-element.elementor-element-78d7b33 .qs-title{
  background: linear-gradient(90deg,#81D8D0,#00A0C6);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 800;
}
.elementor-87 .elementor-element.elementor-element-78d7b33 .qs-title.shimmer{
  background-image:
    linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.9) 50%, rgba(255,255,255,0) 100%),
    linear-gradient(90deg,#81D8D0,#00A0C6);
  background-size: 200% 100%, 100% 100%;
  -webkit-background-clip: text; background-clip: text;
  animation: qsShimmer 2.6s ease-in-out infinite;
}
@keyframes qsShimmer{
  0% { background-position: -200% 0, 0 0; }
  100%{ background-position:  200% 0, 0 0; }
}

/* Responsivo */
@media (max-width:1024px){
  .elementor-87 .elementor-element.elementor-element-78d7b33::after{ width: 420px; background-size: 420px auto; }
}
@media (max-width:768px){
  .elementor-87 .elementor-element.elementor-element-78d7b33::after{ display: none; } /* esconder no mobile */
}/* End custom CSS */