.elementor-7214 .elementor-element.elementor-element-aca662f{--display:flex;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7214 .elementor-element.elementor-element-aca662f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-7214 .elementor-element.elementor-element-b36dcc4{--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;--justify-content:flex-end;--gap:20px 0px;--row-gap:20px;--column-gap:0px;--padding-top:0px;--padding-bottom:128px;--padding-left:0px;--padding-right:0px;}.elementor-7214 .elementor-element.elementor-element-b492436{--display:flex;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7214 .elementor-element.elementor-element-21e97d2{--display:flex;}.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 );}@media(min-width:768px){.elementor-7214 .elementor-element.elementor-element-b36dcc4{--width:100%;}}@media(max-width:1366px) and (min-width:768px){.elementor-7214 .elementor-element.elementor-element-aca662f{--width:1193px;}}@media(min-width:2400px){.elementor-7214 .elementor-element.elementor-element-b36dcc4{--width:1280px;--padding-top:128px;--padding-bottom:128px;--padding-left:0px;--padding-right:0px;}}@media(max-width:1366px){.elementor-7214 .elementor-element.elementor-element-b36dcc4{--gap:64px 64px;--row-gap:64px;--column-gap:64px;--padding-top:96px;--padding-bottom:096px;--padding-left:64px;--padding-right:64px;}}@media(max-width:1024px){.elementor-7214 .elementor-element.elementor-element-b36dcc4{--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;--gap:32px 32px;--row-gap:32px;--column-gap:32px;--padding-top:0px;--padding-bottom:64px;--padding-left:48px;--padding-right:48px;}}@media(max-width:767px){.elementor-7214 .elementor-element.elementor-element-b36dcc4{--gap:24px 24px;--row-gap:24px;--column-gap:24px;--padding-top:0px;--padding-bottom:64px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS */body {
    overflow-x:clip;
   
}

body::-webkit-scrollbar {
  display: none;}
  
  .botao-branco {
      border-radius: 6.25rem;
background: linear-gradient(0deg, var(--Color-4, #F4F4F4) 0%, var(--Color-4, #F4F4F4) 100%);
box-shadow: 0 -3px 0 0 rgba(31, 57, 109, 0.13) inset, 0 3px 0 0 #FFF inset;
  }
    .botao-laranja {
  border-radius: 6.25rem;
background: linear-gradient(90deg, var(--Color, #EE4B27) 0%, var(--Color-3, #FF7F22) 49.52%, var(--Color, #EE4B27) 100%);
box-shadow: 0 -3px 0 0 var(--Color, #EE4B27) inset, 0 3px 0 0 var(--Color-3, #FF7F22) inset;
  
  }
  

 .font-bold {
      font-weight: 900;
    
      letter-spacing: 0.05rem;
  }
  
  .font-bold-laranja {
      font-weight: 900;
        color: #EE4B27 !important;
      letter-spacing: 0.05rem;
  }

.hat-pai
{
    
 
border: 1px solid #F4F4F4;
background: rgba(255, 255, 255, 0.31);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}

.hat-filho{
  
border: 1px solid rgba(221, 236, 252, 0.80);
background: linear-gradient(102deg, rgba(255, 255, 255, 0.64) -23.78%, rgba(221, 236, 252, 0.80) 290.9%);
box-shadow: 0 -3px 0 0 rgba(31, 57, 109, 0.04) inset, 0 3px 0 0 #FFF inset;
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
}


.arrow-container-e {

  -webkit-mask: url("https://vemprojuca.com/wp-content/uploads/2026/02/clip-path-e-e.svg") no-repeat center / contain;
  mask: url("https://vemprojuca.com/wp-content/uploads/2026/02/clip-path-e-e.svg") no-repeat right / contain;

  background: #ffffff;
  overflow: hidden;


}

:root {
  --color-bg1: #DDECFC;
  --color-bg2: #ffffff;
 --color1: 250, 198, 174;   /* FAC6AE */
  --color2: 221, 236, 252;   /* DDECFC */
  --color3: 240, 247, 254;   /* F0F7FE */
  --color4: 246, 158, 123;   /* F69E7B */
  --color5: 154, 204, 246;   /* 9ACCF6 */

  --color-interactive: 246, 158, 123;
  --circle-size: 200%;
  --blending: hard-light;
}

@keyframes moveInCircle {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes moveVertical {
  0% {
    transform: translateY(-50%);
  }
  50% {
    transform: translateY(50%);
  }
  100% {
    transform: translateY(-50%);
  }
}

@keyframes moveHorizontal {
  0% {
    transform: translateX(-50%) translateY(-10%);
  }
  50% {
    transform: translateX(50%) translateY(10%);
  }
  100% {
    transform: translateX(-50%) translateY(-10%);
  }
}


.gradient-bg {
  width: 120vw;
  height: 120vh;
  position: relative;
  overflow: hidden;
  background: linear-gradient(40deg, var(--color-bg1), var(--color-bg2));
  top: 0;
  left: 0;

  svg {
    display: none;
  }


  .gradients-container {
    filter: url(#goo) blur(40px) ;
    width: 100%;
    height: 100%;
  }

  .g1 {
    position: absolute;
    background: radial-gradient(circle at center, rgba(var(--color1), 0.8) 0, rgba(var(--color1), 0) 50%) no-repeat;
    mix-blend-mode: var(--blending);

    width: var(--circle-size);
    height: var(--circle-size);
    top: calc(50% - var(--circle-size) / 2);
    left: calc(50% - var(--circle-size) / 2);

    transform-origin: center center;
    animation: moveVertical 30s ease infinite;

    opacity: 1;
  }

  .g2 {
    position: absolute;
    background: radial-gradient(circle at center, rgba(var(--color2), 0.8) 0, rgba(var(--color2), 0) 50%) no-repeat;
    mix-blend-mode: var(--blending);

    width: var(--circle-size);
    height: var(--circle-size);
    top: calc(50% - var(--circle-size) / 2);
    left: calc(50% - var(--circle-size) / 2);

    transform-origin: calc(50% - 400px);
    animation: moveInCircle 20s reverse infinite;

    opacity: 1;
  }

  .g3 {
    position: absolute;
    background: radial-gradient(circle at center, rgba(var(--color3), 0.8) 0, rgba(var(--color3), 0) 50%) no-repeat;
    mix-blend-mode: var(--blending);

    width: var(--circle-size);
    height: var(--circle-size);
    top: calc(50% - var(--circle-size) / 2 + 200px);
    left: calc(50% - var(--circle-size) / 2 - 500px);

    transform-origin: calc(50% + 400px);
    animation: moveInCircle 40s linear infinite;

    opacity: 1;
  }

  .g4 {
    position: absolute;
    background: radial-gradient(circle at center, rgba(var(--color4), 0.8) 0, rgba(var(--color4), 0) 50%) no-repeat;
    mix-blend-mode: var(--blending);

    width: var(--circle-size);
    height: var(--circle-size);
    top: calc(50% - var(--circle-size) / 2);
    left: calc(50% - var(--circle-size) / 2);

    transform-origin: calc(50% - 200px);
    animation: moveHorizontal 40s ease infinite;

    opacity: 0.7;
  }

  .g5 {
    position: absolute;
    background: radial-gradient(circle at center, rgba(var(--color5), 0.8) 0, rgba(var(--color5), 0) 50%) no-repeat;
    mix-blend-mode: var(--blending);

    width: calc(var(--circle-size) * 2);
    height: calc(var(--circle-size) * 2);
    top: calc(50% - var(--circle-size));
    left: calc(50% - var(--circle-size));

    transform-origin: calc(50% - 800px) calc(50% + 200px);
    animation: moveInCircle 20s ease infinite;

    opacity: 1;
  }

  .interactive {
    position: absolute;
    background: radial-gradient(circle at center, rgba(var(--color-interactive), 0.8) 0, rgba(var(--color-interactive), 0) 50%) no-repeat;
    mix-blend-mode: var(--blending);

    width: 100%;
    height: 100%;
    top: -50%;
    left: -50%;

    opacity: 0.7;
  }
}

.container-titulos {
    position: relative;
    width: 100%;
    height: 500vh; 
    opacity: 0;
}

.container-sticky {
    position: sticky;
    top: 0;
    left: 0;
    height: 100vh;
}

.frases {
    text-wrap: balance;
}

.frases.oculto {
    visibility: hidden;
    position: absolute;
}

.arrow-container-d {

  -webkit-mask: url("https://vemprojuca.com/wp-content/uploads/2026/02/clip-path-e-d.svg") no-repeat center / contain;
  mask: url("https://vemprojuca.com/wp-content/uploads/2026/02/clip-path-e-d.svg") no-repeat left / contain;
  background-color: #ffffff ;
 
  overflow: hidden;
}

.arrow-container-d::before,
.arrow-container-d::after{
  content:"";
  position:absolute;

  width: 200vmin;
  height: 200vmin;

  border-radius: 100% 100% 100% 100% / 100% 100% 100% 100%;
  filter: blur(300px);
  opacity: .9;
  pointer-events:none;

  z-index: 0; /* fundo absoluto */
  will-change: transform;
  transform: translate(0,0);
}


.arrow-container-d > *{
  position: relative;
  z-index: 1;
}

.arrow-container-d::before{
  background:#F69E7B;
  top:-70%;
  left:-70%;
  animation: floatA 14s ease-in-out infinite;
}


.arrow-container-d::after{
  background:#9ACCF6;
  top:-70%;
  left:-70%;
  animation: floatB 14s ease-in-out infinite;
  animation-delay:-9s;
}

@keyframes floatA{
  0%   { transform: translate(0%, 0%) scale(1.15); }
  14%  { transform: translate(55%, 10%) scale(1.18); }
  31%  { transform: translate(130%, 60%) scale(1.16); }
  49%  { transform: translate(80%, 120%) scale(1.19); }
  67%  { transform: translate(15%, 95%) scale(1.17); }
  83%  { transform: translate(-10%, 35%) scale(1.18); }
  100% { transform: translate(0%, 0%) scale(1.15); }
}

@keyframes floatB{
  0%   { transform: translate(130%, 60%) scale(1.15); }
  18%  { transform: translate(85%, 120%) scale(1.17); }
  36%  { transform: translate(10%, 95%) scale(1.16); }
  52%  { transform: translate(-5%, 35%) scale(1.18); }
  70%  { transform: translate(55%, 10%) scale(1.16); }
  86%  { transform: translate(130%, 60%) scale(1.19); }
  100% { transform: translate(130%, 60%) scale(1.15); }
}

@media (prefers-reduced-motion: reduce){
  .arrow-container-d::before,
  .arrow-container-d::after{
    animation: none;
  }
}/* End custom CSS */