.elementor-4124 .elementor-element.elementor-element-e1e1746{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:75px;--padding-bottom:175px;--padding-left:75px;--padding-right:75px;}.elementor-4124 .elementor-element.elementor-element-4bcc582{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:40px 40px;--row-gap:40px;--column-gap:40px;--margin-top:60px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:60px;--padding-right:60px;}.elementor-widget-animated-headline .elementor-headline-plain-text{color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-animated-headline{--dynamic-text-color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline-dynamic-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-animated-headline .elementor-headline-dynamic-wrapper path{stroke:var( --e-global-color-accent );}.elementor-4124 .elementor-element.elementor-element-c9157cb{--animation-duration:1200ms;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--dynamic-text-color:var( --e-global-color-secondary );}.elementor-4124 .elementor-element.elementor-element-c9157cb .elementor-headline{text-align:center;}.elementor-4124 .elementor-element.elementor-element-c9157cb .elementor-headline-plain-text{color:var( --e-global-color-secondary );}.elementor-4124 .elementor-element.elementor-element-c9157cb .elementor-headline-dynamic-wrapper path{stroke:var( --e-global-color-primary );stroke-width:7px;stroke-linecap:round;stroke-linejoin:round;}.elementor-4124 .elementor-element.elementor-element-c9157cb .elementor-headline-dynamic-wrapper svg{z-index:2;}.elementor-4124 .elementor-element.elementor-element-c9157cb .elementor-headline-dynamic-text{z-index:auto;}.elementor-4124 .elementor-element.elementor-element-bb257c4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );}.elementor-4124 .elementor-element.elementor-element-4c8112d .elementor-button{background-color:var( --e-global-color-primary );font-family:"Urbanist", Sans-serif;font-size:18px;font-weight:700;text-transform:none;line-height:1;letter-spacing:0.01em;fill:var( --e-global-color-a1b3a16 );color:var( --e-global-color-a1b3a16 );}.elementor-4124 .elementor-element.elementor-element-9e6c219 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Urbanist", Sans-serif;font-size:18px;font-weight:700;text-transform:none;line-height:1;letter-spacing:0.01em;fill:var( --e-global-color-a1b3a16 );color:var( --e-global-color-a1b3a16 );}@media(max-width:1366px){.elementor-widget-animated-headline .elementor-headline{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-animated-headline .elementor-headline-dynamic-text{line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}@media(max-width:1024px){.elementor-4124 .elementor-element.elementor-element-e1e1746{--padding-top:70px;--padding-bottom:172px;--padding-left:0px;--padding-right:0px;}.elementor-4124 .elementor-element.elementor-element-4bcc582{--margin-top:30px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-widget-animated-headline .elementor-headline{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-animated-headline .elementor-headline-dynamic-text{line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}@media(max-width:767px){.elementor-4124 .elementor-element.elementor-element-e1e1746{--padding-top:60px;--padding-bottom:190px;--padding-left:0px;--padding-right:0px;}.elementor-4124 .elementor-element.elementor-element-4bcc582{--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-widget-animated-headline .elementor-headline{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-animated-headline .elementor-headline-dynamic-text{line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}}/* Start custom CSS for animated-headline, class: .elementor-element-c9157cb */.elementor-4124 .elementor-element.elementor-element-c9157cb .elementor-headline-dynamic-text { margin-bottom: 40px; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-4c8112d */.elementor-4124 .elementor-element.elementor-element-4c8112d .elementor-button { position: relative; overflow: hidden; isolation: isolate; background: #5B6CFF; color: #ffffff; border-radius: 999px; padding: 18px 38px; box-shadow: 0 5px 0 #3344c9; transition: color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; } /* círculo que cresce */ .elementor-4124 .elementor-element.elementor-element-4c8112d .elementor-button::before { content: ""; position: absolute; z-index: -1; width: 0; height: 0; right: -20px; top: 50%; transform: translateY(-50%); border-radius: 50%; background: #02042A; transition: width 0.45s cubic-bezier(.4, 0, .2, 1), height 0.45s cubic-bezier(.4, 0, .2, 1); } /* estado hover */ .elementor-4124 .elementor-element.elementor-element-4c8112d .elementor-button:hover::before { width: 360px; height: 360px; } .elementor-4124 .elementor-element.elementor-element-4c8112d .elementor-button:hover { color: #ffffff; transform: translateY(2px); box-shadow: 0 3px 0 #3344c9; } /* garante que o texto fique acima do círculo */ .elementor-4124 .elementor-element.elementor-element-4c8112d .elementor-button-content-wrapper { position: relative; z-index: 2; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-9e6c219 */.elementor-4124 .elementor-element.elementor-element-9e6c219 .elementor-button { position: relative; overflow: hidden; isolation: isolate; background: #5B6CFF; color: #ffffff; border-radius: 999px; padding: 18px 38px; box-shadow: 0 5px 0 #3344c9; transition: color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; } /* círculo que cresce */ .elementor-4124 .elementor-element.elementor-element-9e6c219 .elementor-button::before { content: ""; position: absolute; z-index: -1; width: 0; height: 0; right: -20px; top: 50%; transform: translateY(-50%); border-radius: 50%; background: #02042A; transition: width 0.45s cubic-bezier(.4, 0, .2, 1), height 0.45s cubic-bezier(.4, 0, .2, 1); } /* estado hover */ .elementor-4124 .elementor-element.elementor-element-9e6c219 .elementor-button:hover::before { width: 360px; height: 360px; } .elementor-4124 .elementor-element.elementor-element-9e6c219 .elementor-button:hover { color: #ffffff; transform: translateY(2px); box-shadow: 0 3px 0 #3344c9; } /* garante que o texto fique acima do círculo */ .elementor-4124 .elementor-element.elementor-element-9e6c219 .elementor-button-content-wrapper { position: relative; z-index: 2; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e1e1746 */.elementor-4124 .elementor-element.elementor-element-e1e1746 { position: relative; isolation: isolate; overflow: hidden; margin-left: auto; margin-right: auto; border-radius: 30px; background: transparent; } /* Degradê principal + grid sutil */ .elementor-4124 .elementor-element.elementor-element-e1e1746::before { content: ""; position: absolute; inset: 0; z-index: -3; border-radius: inherit; pointer-events: none; /* SÃO 5 CAMADAS DE BACKGROUND AQUI */ background: linear-gradient(rgba(255,255,255,0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.05) 1px, transparent 1px), radial-gradient(circle at 10% 5%, rgba(245,185,66,.22) 0%, rgba(245,185,66,0) 25%), radial-gradient(circle at 90% 15%, rgba(37,93,255,.22) 0%, rgba(37,93,255,0) 40%), linear-gradient(90deg, #FFFFFF 0%, #F7FAFF 30%, #DCE8FF 70%, #BCD2FF 100%); /* 5 VALORES DE TAMANHO */ background-size: 56px 56px, 56px 56px, cover, cover, cover; /* 5 VALORES DE POSIÇÃO */ background-position: center 235px, center 235px, center center, center center, center center; opacity: 0.9; } /* Linha decorativa única e mais sutil */ .elementor-4124 .elementor-element.elementor-element-e1e1746 > .e-con-inner::before { content: ""; position: absolute; inset: -40px -36px -240px; z-index: -1; pointer-events: none; background: url("https://galera.app/wp-content/uploads/2026/06/hero-line-shape.png") center top / 100% auto no-repeat; opacity: 0.18; mix-blend-mode: soft-light; } /* PNG branco que cria o recorte inclinado na parte de baixo */ .elementor-4124 .elementor-element.elementor-element-e1e1746::after { content: ""; position: absolute; inset: 0; z-index: -2; border-radius: inherit; pointer-events: none; background: url("https://galera.app/wp-content/uploads/2026/06/hero-frame.png") center center / 100% 100% no-repeat; } /* Conteúdo acima do fundo */ .elementor-4124 .elementor-element.elementor-element-e1e1746 > .e-con-inner { position: relative; z-index: 2; } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .elementor-4124 .elementor-element.elementor-element-e1e1746 { overflow: hidden; border-radius: 22px; } .elementor-4124 .elementor-element.elementor-element-e1e1746::before { /* AGORA COM OS 5 VALORES CORRETOS PARA NÃO CRIAR BARRAS */ background-size: 40px 40px, /* Grid 1 */ 40px 40px, /* Grid 2 */ 100% 100%, /* Glow 1 */ 100% 100%, /* Glow 2 */ cover; /* Degradê Base - ESSE ESTAVA FALTANDO! */ background-position: center 170px, center 170px, center center, center center, center center; } /* no mobile, não usa o PNG hero-frame */ .elementor-4124 .elementor-element.elementor-element-e1e1746::after { inset: auto 0 0 0; height: 245px; z-index: -2; background: #ffffff; background-image: none; border-radius: 0 0 22px 22px; clip-path: polygon( 0 62%, 100% 22%, 100% 100%, 0 100% ); } .elementor-4124 .elementor-element.elementor-element-e1e1746 > .e-con-inner::before { inset: -20px -18px -120px; background-size: 160% auto; background-position: center top; opacity: 0.12; } }/* End custom CSS */