.elementor-987 .elementor-element.elementor-element-709a0e7{--display:flex;--min-height:1200px;--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:flex-start;}.elementor-987 .elementor-element.elementor-element-709a0e7:not(.elementor-motion-effects-element-type-background), .elementor-987 .elementor-element.elementor-element-709a0e7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://comunidadedbacdn.com.br/site/wp-content/uploads/2025/12/landing_page_1-2.webp");background-position:center center;background-size:cover;}.elementor-987 .elementor-element.elementor-element-d62c7cd .elementor-heading-title{font-family:"paralucent", Sans-serif;font-size:50px;font-weight:300;color:#FFFFFF;}.elementor-987 .elementor-element.elementor-element-d62c7cd{width:var( --container-widget-width, 55% );max-width:55%;--container-widget-width:55%;--container-widget-flex-grow:0;}.elementor-987 .elementor-element.elementor-element-b4ba8fa{font-family:"paralucent", Sans-serif;font-size:20px;font-weight:300;color:#FFFFFF;width:var( --container-widget-width, 54% );max-width:54%;--container-widget-width:54%;--container-widget-flex-grow:0;}.elementor-987 .elementor-element.elementor-element-c538e74{font-family:"paralucent", Sans-serif;font-size:20px;font-weight:300;color:#FFFFFF;width:var( --container-widget-width, 46% );max-width:46%;--container-widget-width:46%;--container-widget-flex-grow:0;}.elementor-987 .elementor-element.elementor-element-2807f18 .elementor-icon-list-icon i{color:#42D0DF;transition:color 0.3s;}.elementor-987 .elementor-element.elementor-element-2807f18 .elementor-icon-list-icon svg{fill:#42D0DF;transition:fill 0.3s;}.elementor-987 .elementor-element.elementor-element-2807f18{--e-icon-list-icon-size:20px;--icon-vertical-offset:0px;}.elementor-987 .elementor-element.elementor-element-2807f18 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-987 .elementor-element.elementor-element-2807f18 .elementor-icon-list-item > a{font-family:"paralucent", Sans-serif;font-size:18px;font-weight:300;}.elementor-987 .elementor-element.elementor-element-2807f18 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-987 .elementor-element.elementor-element-2807f18 > .elementor-widget-container{margin:-18px 0px 0px 0px;}.elementor-987 .elementor-element.elementor-element-e49b02f{font-family:"paralucent", Sans-serif;font-size:20px;font-weight:300;color:#FFFFFF;width:var( --container-widget-width, 46% );max-width:46%;--container-widget-width:46%;--container-widget-flex-grow:0;}.elementor-987 .elementor-element.elementor-element-e49b02f > .elementor-widget-container{margin:-9px 0px 0px 0px;}.elementor-987 .elementor-element.elementor-element-9901e40 .elementor-button{font-family:"paralucent", Sans-serif;font-size:16px;font-weight:300;text-transform:uppercase;background-color:#61CE7000;}.elementor-987 .elementor-element.elementor-element-9901e40.elementor-element{--align-self:flex-start;}.elementor-987 .elementor-element.elementor-element-54f3507{--display:flex;--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;--gap:32px 32px;--row-gap:32px;--column-gap:32px;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#272727;--border-color:#272727;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-987 .elementor-element.elementor-element-54f3507.e-con{--flex-grow:1;--flex-shrink:1;}.elementor-987 .elementor-element.elementor-element-90ec435{text-align:center;font-family:"paralucent", Sans-serif;font-size:14px;font-weight:300;line-height:1.7em;color:#FFFFFF;width:100%;max-width:100%;}.elementor-987 .elementor-element.elementor-element-90ec435 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}body.elementor-page-987:not(.elementor-motion-effects-element-type-background), body.elementor-page-987 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}@media(max-width:1366px){.elementor-987 .elementor-element.elementor-element-d62c7cd{--container-widget-width:78%;--container-widget-flex-grow:0;width:var( --container-widget-width, 78% );max-width:78%;}.elementor-987 .elementor-element.elementor-element-b4ba8fa{--container-widget-width:63%;--container-widget-flex-grow:0;width:var( --container-widget-width, 63% );max-width:63%;}.elementor-987 .elementor-element.elementor-element-c538e74{--container-widget-width:62%;--container-widget-flex-grow:0;width:var( --container-widget-width, 62% );max-width:62%;}.elementor-987 .elementor-element.elementor-element-e49b02f{--container-widget-width:62%;--container-widget-flex-grow:0;width:var( --container-widget-width, 62% );max-width:62%;}}@media(max-width:1024px){.elementor-987 .elementor-element.elementor-element-709a0e7{--min-height:1403px;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-987 .elementor-element.elementor-element-709a0e7:not(.elementor-motion-effects-element-type-background), .elementor-987 .elementor-element.elementor-element-709a0e7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://comunidadedbacdn.com.br/site/wp-content/uploads/2025/12/bgtablet1-1.webp");background-size:cover;}.elementor-987 .elementor-element.elementor-element-84252ca > .elementor-widget-container{margin:80px 0px 0px 0px;}.elementor-987 .elementor-element.elementor-element-d62c7cd{text-align:start;}.elementor-987 .elementor-element.elementor-element-b4ba8fa{text-align:start;--container-widget-width:83%;--container-widget-flex-grow:0;width:var( --container-widget-width, 83% );max-width:83%;}.elementor-987 .elementor-element.elementor-element-c538e74{text-align:start;--container-widget-width:79%;--container-widget-flex-grow:0;width:var( --container-widget-width, 79% );max-width:79%;}.elementor-987 .elementor-element.elementor-element-e49b02f{text-align:start;}.elementor-987 .elementor-element.elementor-element-9901e40.elementor-element{--align-self:flex-start;}.elementor-987 .elementor-element.elementor-element-54f3507{--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;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-987 .elementor-element.elementor-element-90ec435{font-size:14px;}.elementor-987 .elementor-element.elementor-element-90ec435 > .elementor-widget-container{margin:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-987 .elementor-element.elementor-element-709a0e7{--content-width:90%;--min-height:1709px;}.elementor-987 .elementor-element.elementor-element-709a0e7:not(.elementor-motion-effects-element-type-background), .elementor-987 .elementor-element.elementor-element-709a0e7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://comunidadedbacdn.com.br/site/wp-content/uploads/2025/12/BGMOBILE1.webp");background-repeat:no-repeat;background-size:cover;}.elementor-987 .elementor-element.elementor-element-84252ca{text-align:start;}.elementor-987 .elementor-element.elementor-element-84252ca img{width:68%;}.elementor-987 .elementor-element.elementor-element-d62c7cd .elementor-heading-title{font-size:38px;}.elementor-987 .elementor-element.elementor-element-d62c7cd{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-987 .elementor-element.elementor-element-b4ba8fa{font-size:18px;line-height:1.3em;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-987 .elementor-element.elementor-element-b4ba8fa > .elementor-widget-container{margin:0px 0px -18px 0px;}.elementor-987 .elementor-element.elementor-element-c538e74{font-size:18px;line-height:1.3em;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-987 .elementor-element.elementor-element-e49b02f{font-size:18px;line-height:1.3em;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-987 .elementor-element.elementor-element-e49b02f > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-987 .elementor-element.elementor-element-54f3507{--content-width:90%;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-987 .elementor-element.elementor-element-90ec435{font-size:14px;}}@media(min-width:768px){.elementor-987 .elementor-element.elementor-element-54f3507{--content-width:1140px;}}@media(max-width:1366px) and (min-width:768px){.elementor-987 .elementor-element.elementor-element-709a0e7{--content-width:90%;}}@media(max-width:1024px) and (min-width:768px){.elementor-987 .elementor-element.elementor-element-54f3507{--content-width:85%;}}/* Start custom CSS for heading, class: .elementor-element-d62c7cd */.bold {
    color: #00CFC7;
font-family: Paralucent;
font-weight: 600;
z-index: 1;
}

.elementor-987 .elementor-element.elementor-element-d62c7cd {
    background: radial-gradient(46.4% 169.38% at 50% 50%, #FFF 0%, #B8B8B8 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b4ba8fa */.elementor-987 .elementor-element.elementor-element-b4ba8fa {
    background: radial-gradient(46.4% 169.38% at 50% 50%, #FFF 0%, #B8B8B8 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-c538e74 */.elementor-987 .elementor-element.elementor-element-c538e74 {
    background: radial-gradient(46.4% 169.38% at 50% 50%, #FFF 0%, #B8B8B8 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e49b02f */.elementor-987 .elementor-element.elementor-element-e49b02f {
    background: radial-gradient(46.4% 169.38% at 50% 50%, #FFF 0%, #B8B8B8 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-9901e40 */:root {
  --shiny-cta-bg: #000000 !important; /* fundo do botão */
  --shiny-cta-bg-subtle: #0B1C2D !important; /* borda escura azulada */
  --shiny-cta-fg: #ffffff !important;

  /* ciano tecnológico */
  --shiny-cta-highlight: #00E5FF !important; /* luz principal */
  --shiny-cta-highlight-subtle: #A5F3FF !important; /* brilho suave */
}

@property --gradient-angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}

@property --gradient-angle-offset {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}

@property --gradient-percent {
  syntax: "<percentage>";
  initial-value: 5%;
  inherits: false;
}

@property --gradient-shine {
  syntax: "<color>";
  initial-value: white;
  inherits: false;
}

@media only screen and (max-width: 600px) {
.btn18 {
  --animation: gradient-angle linear infinite !important;
  --duration: 3s !important;
  --shadow-size: 2px !important;
  isolation: isolate !important;
  position: relative !important;
  overflow: hidden !important;
  cursor: pointer !important;
  outline-offset: 4px !important;
  padding: 1.25rem 1.5rem !important;
  line-height: 1.2 !important;
  border: 1px solid transparent !important;
  border-radius: 360px !important;
  color: var(--shiny-cta-fg) !important;
  background:
    linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box,
    conic-gradient(
      from calc(var(--gradient-angle) - var(--gradient-angle-offset)),
      transparent,
      var(--shiny-cta-highlight) var(--gradient-percent),
      var(--gradient-shine) calc(var(--gradient-percent) * 2),
      var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3),
      transparent calc(var(--gradient-percent) * 4)
    ) border-box !important;
  box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle) !important;
  transition: 800ms cubic-bezier(0.25, 1, 0.5, 1) !important;
  transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine !important;
}}
  
@media only screen and (min-width: 600px) {
.btn18 {
  --animation: gradient-angle linear infinite !important;
  --duration: 3s !important;
  --shadow-size: 2px !important;
  isolation: isolate !important;
  position: relative !important;
  overflow: hidden !important;
  cursor: pointer !important;
  outline-offset: 4px !important;
  padding: 1.25rem 2.5rem !important;
  line-height: 1.2 !important;
  border: 1px solid transparent !important;
  border-radius: 360px !important;
  color: var(--shiny-cta-fg) !important;
  background:
    linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg)) padding-box,
    conic-gradient(
      from calc(var(--gradient-angle) - var(--gradient-angle-offset)),
      transparent,
      var(--shiny-cta-highlight) var(--gradient-percent),
      var(--gradient-shine) calc(var(--gradient-percent) * 2),
      var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3),
      transparent calc(var(--gradient-percent) * 4)
    ) border-box !important;
  box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle) !important;
  transition: 800ms cubic-bezier(0.25, 1, 0.5, 1) !important;
  transition-property: --gradient-angle-offset, --gradient-percent, --gradient-shine !important;
}}

.btn18::before,
.btn18::after,
.btn18 span::before {
  content: "" !important;
  pointer-events: none !important;
  position: absolute !important;
  inset-inline-start: 50% !important;
  inset-block-start: 50% !important;
  translate: -50% -50% !important;
  z-index: -1 !important;
}

.btn18::before {
  --size: calc(100% - var(--shadow-size) * 3) !important;
  --position: 2px !important;
  --space: calc(var(--position) * 2) !important;
  width: var(--size) !important;
  height: var(--size) !important;
  background: radial-gradient(
      circle at var(--position) var(--position),
      white calc(var(--position) / 4),
      transparent 0
    ) padding-box !important;
  background-size: var(--space) var(--space) !important;
  background-repeat: space !important;
  mask-image: conic-gradient(
    from calc(var(--gradient-angle) + 45deg),
    black,
    transparent 10% 90%,
    black
  ) !important;
  border-radius: inherit !important;
  opacity: 0.4 !important;
}

.btn18::after {
  --animation: shimmer linear infinite !important;
  width: 100% !important;
  aspect-ratio: 1 !important;
  background: linear-gradient(
    -50deg,
    transparent,
    var(--shiny-cta-highlight),
    transparent
  ) !important;
  mask-image: radial-gradient(circle at bottom, transparent 40%, black) !important;
  opacity: 0.6 !important;
}

.btn18 span {
  z-index: 1 !important;
  position: relative !important;
}

.btn18 span::before {
  width: 370px !important;
  height: 90px !important;
  box-shadow: inset 0 -1ex 2rem 4px var(--shiny-cta-highlight) !important;
  opacity: 0 !important;
  transition: opacity 1500ms cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.btn18:hover,
.btn18:focus-visible {
  --gradient-percent: 20% !important;
  --gradient-angle-offset: 95deg !important;
  --gradient-shine: var(--shiny-cta-highlight-subtle) !important;
}

.btn18:hover span::before {
  opacity: 1 !important;
}

@keyframes gradient-angle {
  to {
    --gradient-angle: 360deg;
  }
}

@keyframes shimmer {
  to {
    transform: rotate(360deg) !important;
  }
}

.btn18,
.btn18::before,
.btn18::after {
  animation:
    var(--animation) var(--duration),
    var(--animation) calc(var(--duration) / 0.4) reverse paused !important;
  animation-composition: add !important;
}

.btn18:hover,
.btn18:hover::before,
.btn18:hover::after {
  animation-play-state: running !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-709a0e7 */.elementor-987 .elementor-element.elementor-element-709a0e7::after {
    content:"";
    pointer-events: none;
    width: 550px; /*defina otamanho do círculo*/
    height:550px; /*defina otamanho do círculo*/
    border-radius: 50%;
    position: absolute;
    top: 15em;
    left: 0;
    z-index:2;
    transform: translate(-50%, -50%);
    background: #2d374d80; /*defina a cor do círculo*/
    animation: circulo 20s infinite alternate ease-out; /*defina o tempo do círculo*/
    transition: 0.5s all;
    filter: blur(100px);  /*defina o blur do círculo*/
    z-index: 0;
}

@keyframes circulo{
    0%, 100%{
        transform: translatex(50em) translatey(5em);
        scale: 1.4;
    }

    50%{
        transform: translatex(0em) translatey(-5em);
    }

}

.elementor-987 .elementor-element.elementor-element-709a0e7{
      overflow: hidden !important;
}

.elementor-987 .elementor-element.elementor-element-709a0e7 *{
      z-index: 3 !important;
}/* End custom CSS */
/* Start custom CSS */body::-webkit-scrollbar {
    width: 12px; /* Largura da barra de rolagem */
}

body::-webkit-scrollbar-track {
    background: #000000; /* Cor de fundo do caminho da barra de rolagem */
}

body::-webkit-scrollbar-thumb {
    background-image: linear-gradient(0deg, white, white); /* Cor de fundo do marcador de rolagem */
    border-radius: 20px; /* Arredondamento das bordas do controle deslizante */
    border: 3px solid #000000; /* Borda do controle deslizante */
}

html, body {
  overflow-x: hidden;
}/* End custom CSS */