.elementor-kit-6{--e-global-color-primary:#01B7DF;--e-global-color-secondary:#FEF112;--e-global-color-text:#121212;--e-global-color-accent:#9ADA63;--e-global-color-f983ac3:#FFFFFF;--e-global-color-3bcde34:#D7DAE2;--e-global-typography-primary-font-family:"Anybody";--e-global-typography-primary-font-size:4rem;--e-global-typography-secondary-font-family:"Anybody";--e-global-typography-secondary-font-size:2.2rem;--e-global-typography-secondary-font-weight:300;--e-global-typography-text-font-family:"Anybody";--e-global-typography-text-font-size:2.2rem;--e-global-typography-1511992-font-family:"Anybody";--e-global-typography-1511992-font-size:2.4rem;--e-global-typography-1511992-font-weight:700;--e-global-typography-f5eb998-font-family:"Anybody";--e-global-typography-f5eb998-font-size:5rem;--e-global-typography-f5eb998-font-weight:600;background-color:transparent;color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );background-image:radial-gradient(at top right, #01B7DF33 0%, var( --e-global-color-f983ac3 ) 40%);}.elementor-kit-6 h1{color:var( --e-global-color-text );font-family:var( --e-global-typography-f5eb998-font-family ), Sans-serif;font-size:var( --e-global-typography-f5eb998-font-size );font-weight:var( --e-global-typography-f5eb998-font-weight );}.elementor-kit-6 h2{color:var( --e-global-color-text );font-family:var( --e-global-typography-f5eb998-font-family ), Sans-serif;font-size:var( --e-global-typography-f5eb998-font-size );font-weight:var( --e-global-typography-f5eb998-font-weight );}.elementor-kit-6 h3{color:var( --e-global-color-text );}.elementor-kit-6 h4{color:var( --e-global-color-text );}.elementor-kit-6 h5{color:var( --e-global-color-text );}.elementor-kit-6 h6{color:var( --e-global-color-text );}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{border-style:solid;}.elementor-kit-6 img{border-radius:0px 0px 0px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:80%;}.e-con{--container-max-width:80%;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(min-width:2400px){.elementor-kit-6{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-6 h1{font-size:var( --e-global-typography-f5eb998-font-size );}.elementor-kit-6 h2{font-size:var( --e-global-typography-f5eb998-font-size );}.elementor-kit-6 img{border-radius:25% 25% 25% 25%;}}@media(max-width:1366px){.elementor-kit-6{--e-global-typography-f5eb998-font-size:4rem;font-size:var( --e-global-typography-text-font-size );}.elementor-kit-6 h1{font-size:var( --e-global-typography-f5eb998-font-size );}.elementor-kit-6 h2{font-size:var( --e-global-typography-f5eb998-font-size );}}@media(max-width:1200px){.elementor-kit-6{--e-global-typography-f5eb998-font-size:4rem;}}@media(max-width:1024px){.elementor-kit-6{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-6 h1{font-size:var( --e-global-typography-f5eb998-font-size );}.elementor-kit-6 h2{font-size:var( --e-global-typography-f5eb998-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{font-size:var( --e-global-typography-text-font-size );}.elementor-kit-6 h1{font-size:var( --e-global-typography-f5eb998-font-size );}.elementor-kit-6 h2{font-size:var( --e-global-typography-f5eb998-font-size );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */html {
  font-size: 62.5%; /* Base desktop */
}

@media (max-width: 768px) {
  html {
    font-size: 50%; /* Base tablet */
  }
}

@media (max-width: 480px) {
  html {
    font-size: 45%; /* Base mobile */
  }
}

/* Zera tudo */
.e-n-accordion .e-n-accordion-item,
.e-n-accordion .e-n-accordion-item-title,
.e-n-accordion .e-n-accordion-item-content {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Divisória só entre as perguntas */
.e-n-accordion .e-n-accordion-item .e-n-accordion-item-title {
  border-top: 4px solid rgba(0,0,0,100) !important;
  padding-top: 40px;
  padding-bottom: 12px;
  
}

/* Último sem linha */
.e-n-accordion .e-n-accordion-item:first-child .e-n-accordion-item-title {
  border-top: 0 !important;
}


/* Estiliza bandeiras do GTranslate */
.gtranslate_wrapper img,
.gtranslate_flags img,
img[src*="/flags/svg/"] {
    width: 32px !important;        /* aumenta tamanho */
    height: 25px !important;       /* mantém proporção */
    border-radius: 22% !important; /* deixa redonda */
    border: none;
    margin: 0px !important;      /* espaçamento entre bandeiras */
    vertical-align: middle !important; /* alinha com texto */
    transition: transform 0.3s;    /* efeito hover suave */
}

img[src*="/flags/svg/"]:hover {
    transform: scale(1.05); /* efeito hover opcional */
}


/* 1) Nossos keyframes com deslocamento curto (10px) */
@keyframes softFadeInUp   { from {opacity:0; transform:translate3d(0, 30px, 0)} to {opacity:1; transform:translate3d(0,0,0)} }
@keyframes softFadeInDown { from {opacity:0; transform:translate3d(0,-30px, 0)} to {opacity:1; transform:translate3d(0,0,0)} }
@keyframes softFadeInLeft { from {opacity:0; transform:translate3d(-30px,0, 0)} to {opacity:1; transform:translate3d(0,0,0)} }
@keyframes softFadeInRight{ from {opacity:0; transform:translate3d(30px, 0, 0)} to {opacity:1; transform:translate3d(0,0,0)} }

/* 2) Remapeia as ANIMAÇÕES do Elementor p/ usar nossos keyframes */
/* (cobrindo variações de classes que o Elementor usa) */
.animated.fadeInUp,
.elementor-animated.fadeInUp,
.e-animated.e-fadeInUp {
  animation-name: softFadeInUp !important;
}

.animated.fadeInDown,
.elementor-animated.fadeInDown,
.e-animated.e-fadeInDown {
  animation-name: softFadeInDown !important;
}

.animated.fadeInLeft,
.elementor-animated.fadeInLeft,
.e-animated.e-fadeInLeft {
  animation-name: softFadeInLeft !important;
}

.animated.fadeInRight,
.elementor-animated.fadeInRight,
.e-animated.e-fadeInRight {
  animation-name: softFadeInRight !important;
}

/* (opcional) padroniza a duração/easing se quiser */
.animated.fadeInUp,
.animated.fadeInDown,
.animated.fadeInLeft,
.animated.fadeInRight,
.elementor-animated.fadeInUp,
.elementor-animated.fadeInDown,
.elementor-animated.fadeInLeft,
.elementor-animated.fadeInRight,
.e-animated.e-fadeInUp,
.e-animated.e-fadeInDown,
.e-animated.e-fadeInLeft,
.e-animated.e-fadeInRight {
  animation-duration: 0.6s !important;   /* ajuste se quiser 0.8s */
  animation-timing-function: ease-out !important;
}

.gtranslate_wrapper {
    display: none !important;
}


.elementor-form .elementor-field-type-radio .elementor-field-option > label {
  color: #121212 !important;
}

.elementor-field-option {
  display: flex;
  align-items: center;
  gap: 8px; 
}

.elementor-field-option input[type="radio"] {
  margin: 5px;
}

.elementor-form input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 35px;
  height: 35px;
  border: 2px solid #121212;
  border-radius: 0px;
  border-color: #121212;
  cursor: pointer;
  position: relative;
  transition: 0.3s;
}

.elementor-form input[type="radio"]:checked {
  background-color: #fff;
  border-color: #121212;
}

.elementor-form input[type="radio"]:checked::after {
  content: "■";
  color: #121212;
  font-size: 30px;
  position: absolute;
  top: 47%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.gradient-text {
    font-weight: 700;
    background: linear-gradient(270deg, #01B7DF, #9ADA63, #FEF112, #01B7DF);
    background-size: 600% 600%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: gradient 10s ease infinite;
}

.static-text-gradient {
    background: linear-gradient(270deg, #01B7DF, #9ADA63, #FEF112, #01B7DF);
    background-size: 900% 900%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}


.gradient-button {
    position: relative;
    display: inline-block;
    padding: 14px 28px;
    font-size: 1rem;
    font-weight: 600;
    border-radius: 100px;
    background: #fff; 
    z-index: 1;
    overflow: hidden;
    cursor: pointer;

    /* Texto com gradiente animado */
    background-image: linear-gradient(270deg, #01B7DF, #9ADA63, #FEF112, #01B7DF);
    background-size: 600% 600%;
    animation: gradient 10s ease infinite;

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;

    transition: all 0.4s ease;
}

.gradient-button::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 100px;
    padding: 4px;
    background: linear-gradient(270deg, #01B7DF, #9ADA63, #FEF112, #01B7DF);
    background-size: 600% 600%;
    animation: gradient 10s ease infinite;

    -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    z-index: -1;

    transition: all 0.4s ease;
}

/* --- Efeito Hover --- */
.gradient-button:hover {
    transform: scale(1.05);
    color: #fff; /* texto fica branco */
    -webkit-text-fill-color: #fff; 
    background-clip: border-box; /* desliga o gradiente no texto */
}

.gradient-button:hover::before {
    -webkit-mask: none; /* remove máscara pra liberar o fundo */
    mask: none;
}

.botao-animado {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.botao-animado:hover {
    transform: scale(1.05);
}

.gradient-border {
    position: relative;
    border-radius: 50px;
    padding: 40px;
    background: #fff;
    z-index: 1;
}

.gradient-border::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50px;
    padding: 4px;
    background: linear-gradient(270deg, #01B7DF, #9ADA63, #FEF112, #01B7DF);
    background-size: 600% 600%;
    animation: gradient 10s ease infinite;

    -webkit-mask: 
      linear-gradient(#fff 0 0) content-box, 
      linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    z-index: -1;
}

.gradient-border2 {
    position: relative;
    border-radius: 50px;
    padding: 40px;
    background: #D7DAE2;
    z-index: 1;
}

.gradient-border2::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50px;
    padding: 4px;
    background: linear-gradient(270deg, #01B7DF, #9ADA63, #FEF112, #01B7DF);
    background-size: 600% 600%;
    animation: gradient 10s ease infinite;

    -webkit-mask: 
      linear-gradient(#D7DAE2 0 0) content-box, 
      linear-gradient(#D7DAE2 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    z-index: -1;
}

.gradient-border3 {
    position: relative;
    border-radius: 50px;
    padding-top: 40px;
    padding-bottom: 40px; 
    padding-right: 4px;
    padding-left: 4px;
    background: #fff;
    z-index: 1;
}

.gradient-border3::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50px;
    padding: 4px;
    background: linear-gradient(270deg, #01B7DF, #9ADA63, #FEF112, #01B7DF);
    background-size: 600% 600%;
    animation: gradient 10s ease infinite;

    -webkit-mask: 
      linear-gradient(#fff 0 0) content-box, 
      linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    z-index: -1;
}

.gradient-background {
    background-image: linear-gradient(270deg, #01B7DF, #9ADA63, #FEF112, #01B7DF);
    background-size: 600% 600%;
    animation: gradient 10s ease infinite;
}

.elementor-icon svg stop {
  animation: gradientIcon 5s ease infinite alternate;
}

@keyframes gradientIcon {
  0%   { stop-color: #01B7DF; offset: 0%; }
  33%  { stop-color: #9ADA63; offset: 33%; }
  66%  { stop-color: #FEF112; offset: 66%; }
  100% { stop-color: #01B7DF; offset: 100%; }
}

@keyframes gradient {
    0%   { background-position: 0% 50%; }
    50%  { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}/* End custom CSS */