.elementor-109 .elementor-element.elementor-element-af1e1ad{--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:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-109 .elementor-element.elementor-element-3997ac8{padding:10px 10px 10px 10px;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-109 .elementor-element.elementor-element-3997ac8 .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-109 .elementor-element.elementor-element-3997ac8 .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-109 .elementor-element.elementor-element-3997ac8 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-109 .elementor-element.elementor-element-3997ac8 .elementor-icon-list-item > a{font-family:"Sora", Sans-serif;font-size:14px;font-weight:400;}.elementor-109 .elementor-element.elementor-element-3997ac8 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-109 .elementor-element.elementor-element-56cee9f{--spacer-size:20px;}.elementor-109 .elementor-element.elementor-element-def6912{--display:flex;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-109 .elementor-element.elementor-element-d1f1159{width:100%;max-width:100%;border-radius:20px 20px 20px 20px;}body.elementor-page-109:not(.elementor-motion-effects-element-type-background), body.elementor-page-109 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}@media(min-width:768px){.elementor-109 .elementor-element.elementor-element-def6912{--width:65%;}}@media(max-width:767px){.elementor-109 .elementor-element.elementor-element-af1e1ad{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-109 .elementor-element.elementor-element-56cee9f{--spacer-size:1px;}}/* Start custom CSS */html, body {
    width: 100%;
    overflow-x: hidden;
}

*::-webkit-scrollbar {
    width: 7px !important;
}
*::-webkit-scrollbar-track {
    background: #000;
}
*::-webkit-scrollbar-thumb {
    background: linear-gradient(to bottom, #E1C7A0, #927143);
    border-radius: 10px;
    border: 2px solid #000;
}

*::selection {
    color: #000;
    background: #E1C7A0;
}

.cora {
    font-weight: 800;
    background: -webkit-linear-gradient(20deg,#00ff84,#9dffd0);
     -webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: 5s cubic-bezier(0.2, 0.5, 0.9, 0.6) 5s infinite normal none running textodegradex2;
    background-image: linear-gradient(45deg, #E1C7A0, #927143, #E1C7A0, #927143);
    background-size: 400% 200%;
    transition: all .5s;
}
@keyframes textodegradex2{
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 100% 0;
    }
}

.card { 
  /* Dois gradientes no fundo da imagem (radial + linear). Retire se necessário */
  background:
    radial-gradient(
      circle at 30% 20%,
      rgba(255, 255, 255, 0.14) 0%,
      rgba(255, 255, 255, 0.00) 60%
    ),
    linear-gradient(
      360deg,
      rgba(222, 218, 242, 0.10) 0%,
      rgba(222, 218, 242, 0.05) 70.31%
    );

  /* Arredondamento da borda */
  border-radius: 15px;

  position: relative;

  /* Intensidade do blur */
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);

  /* Borda branca com 15% de opacidade */
  border: 1px solid rgba(255, 255, 255, 0.15);
}

.card2 { 
  /* Dois gradientes no fundo (radial + linear) */
  background:
    radial-gradient(
      circle at 30% 20%,
      rgba(255, 255, 255, 0.14) 0%,
      rgba(255, 255, 255, 0.00) 60%
    ),
    linear-gradient(
      360deg,
      rgba(222, 218, 242, 0.10) 0%,
      rgba(222, 218, 242, 0.05) 70.31%
    );

  border-radius: 15px;
  position: relative;

  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);

  border: 1px solid rgba(255, 255, 255, 0.15);

  /* animação suave */
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

/* Desktop: hover */
.card2:hover {
  transform: translateY(-2px);
  border-color: rgba(255, 255, 255, 0.30);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);

  background:
    radial-gradient(
      circle at 30% 20%,
      rgba(255, 255, 255, 0.22) 0%,
      rgba(255, 255, 255, 0.00) 62%
    ),
    linear-gradient(
      360deg,
      rgba(222, 218, 242, 0.16) 0%,
      rgba(222, 218, 242, 0.08) 70.31%
    );
}

/* Mobile/touch: quando encostar (tap/press) */
.card2:active {
  transform: scale(0.98);
  border-color: rgba(255, 255, 255, 0.35);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.20);
}

/* “Selecionado” quando o elemento recebe foco (bom p/ acessibilidade e mobile) */
.card2:focus-visible {
  outline: none;
  border-color: rgba(255, 255, 255, 0.45);
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.18), 0 12px 30px rgba(0,0,0,0.18);
}

/* Opcional: estado travado via classe (ex: JS adiciona/remover) */
.card2.is-active {
  transform: translateY(-2px);
  border-color: rgba(255, 255, 255, 0.40);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.20);
}/* End custom CSS */