.elementor-kit-21{--e-global-color-primary:#FA611E;--e-global-color-secondary:#1E2026;--e-global-color-text:#8790AB;--e-global-color-accent:#F4F5FA;--e-global-color-6afbb6b:#044B8C;--e-global-color-be71b5f:#8AB6DF;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-21 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.elementor-video {

background-color: transparent !important;

}

/* vale para todos os players Presto da página */
presto-player,
presto-video{
  /* o Plyr usa isso como fundo do vídeo */
  --plyr-video-background: transparent !important;
  /* fallback comum em alguns temas do Presto/Plyr */
  --plyr-color-background: transparent !important;

  /* variáveis do próprio Presto (presentes em vários temas) */
  --presto-player-background: transparent !important;
  --presto-poster-background: transparent !important;

  /* se quiser já garantir o raio */
  --presto-player-border-radius: 20px;
}

html {
    overflow-x: hidden;
}

/* alguém criou .st0 global? neutraliza */
.st0, .st1, .st2 { fill: initial !important; stroke: initial !important; }

/* dentro de SVG, faça “st*” obedecer à cor do texto */
svg .st0, svg .st1, svg .st2 {
  fill: currentColor !important;
}

/* --- Exceção: NÃO aplicar resets ao ícone do WhatsApp --- */
svg#whatsapp_menu,
svg#whatsapp_menu *,
#whatsapp_menu,
#whatsapp_menu * {
  /* se o ícone for sólido */
  fill: #25D366 !important;
  /* se o ícone for de traço/outline */
  stroke: #25D366 !important;
}

/* Caso o arquivo use classes .st0/.st1/.st2, reforça a exceção */
#whatsapp_menu .st0,
#whatsapp_menu .st1,
#whatsapp_menu .st2 {
  fill: #25D366 !important;
  stroke: #25D366 !important;
}

/* (Opcional) Se o ícone é outline, garanta que não preencha */
svg#whatsapp_menu path,
svg#whatsapp_menu g {
  fill: none !important;           /* só se for outline */
  stroke-width: 2;                 /* ajuste se quiser */
}

/* Cor padrão e transição */
.titulo-solucoes h2,
.titulo-solucoes h2 a,
.titulo-solucoes h3,
.titulo-solucoes h3 a {
  transition: color .25s ease;
}

/* H3 sempre com a cor #8790AB */
.titulo-solucoes h3,
.titulo-solucoes h3 a {
  color: #8790AB !important;
}

/* Hover apenas no H2 (e links dentro dele) */
.titulo-solucoes h2:hover,
.titulo-solucoes:hover h2,
.titulo-solucoes h2 a:hover,
.titulo-solucoes:hover h2 a {
  color: #fa611e !important;
}

/* Cursor e bloqueio do I-beam */
.titulo-solucoes h2,
.titulo-solucoes h3,
.titulo-solucoes h2 a,
.titulo-solucoes h3 a
.titulo-solucoes {
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

/* Cor padrão e transição */
.descomplique h2,
.descomplique h2 a,
.descomplique h3,
.descomplique h3 a {
  transition: color .25s ease;
}

/* H3 sempre com a cor #8790AB */
.descomplique h3,
.descomplique h3 a {
  color: #8790AB !important;
}

/* Hover apenas no H2 (e links dentro dele) */
.descomplique h2:hover,
.descomplique:hover h2,
.descomplique h2 a:hover,
.descomplique:hover h2 a {
  color: #044B8C !important;
}

/* Cursor e bloqueio do I-beam */
.descomplique h2,
.descomplique h3,
.descomplique h2 a,
.descomplique h3 a,
.descomplique {
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

#formulariolink {
    scroll-margin-top: 40px;
}

.formulariolink {
  position: relative;
  top: -40px !important; /* Adjust this value as per your needs */
}

/* Sticky limitado à área da seção */
#form-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 100px; /* distância do topo */
}

/* estado base */
.ue-step-icon{
  display:flex;
  justify-content:center;
  align-items:center;
  transform: translateY(0);
  transition: transform .22s ease;
  backface-visibility: hidden;
  will-change: transform;
  /* garante que nenhum “float” anterior do Elementor fique ativo */
  animation: none !important;
}

/* ao passar o mouse: sobe e fica */
.ue-step-icon:hover{
  transform: translateY(-6px);
}

/* acessibilidade */
@media (prefers-reduced-motion: reduce){
  .ue-step-icon{ transition: none; }
}/* End custom CSS */