/* ESTILOS BASE */

/* ===== GeistPixel ===== */

@font-face {
    font-family: 'GeistPixel';
    src: url('data:font/woff2;base64,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') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
/* ===== Geist ===== */

@font-face {
    font-family: 'Geist';
    src: url('FontesOficial/Geist/Geist-Medium.woff2') format('woff2'),
         url('FontesOficial/Geist/Geist-Medium.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Geist';
    src: url('FontesOficial/Geist/Geist-Bold.woff2') format('woff2'),
         url('FontesOficial/Geist/Geist-Bold.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


  body{margin: 0; background: #fff;}

  html{
cursor:url('/Media/NEW/cursor.svg'), auto;
}
a,
button {
  cursor: url("/Media/NEW/cursorclique.svg")
      12 0,
    pointer;
}

html, body{
  scroll-behavior: smooth;
  overflow-x: clip;
}

*::selection {
    color: #ffffff;
    background: #2960F5;
}
*::-webkit-scrollbar {
    width: 5px !important;
}
*::-webkit-scrollbar-track {
    background: #CBD1D8;
}
*::-webkit-scrollbar-thumb {
    background: #2960F5;
}
*{
  -webkit-tap-highlight-color: transparent;
}
/* ESTILOS BASE */




/* MENU */
.frontout{
width: 100%;
position: relative;
display: flex;
justify-content: center;
}

.fppromenu{
align-items: center;
}

.frontinner{
width: 1140px;
box-sizing: border-box;
padding: 30px 20px;
position: relative;
display: flex;
justify-content: space-between;
align-items: stretch;
border: 1px solid #CBD1D8;
border-top: 0;
border-bottom: 0;
gap: 20px;
}

.hero{
border-top: 1px solid #CBD1D8;
border-bottom: 1px solid #CBD1D8; 
}

.logofront{
    width: 180px;
    object-fit: contain;
}

.fppromenu{
 display: flex; 
 align-items: center;
 font-family: "Geist", sans-serif;
 font-size: 16px;
 font-weight: 400;
 color: #010511;
 cursor: pointer;
 position: relative;
 transition: color ease 0.5s;
 gap: 10px; 
 box-sizing: border-box;
}
.fppromenu a {
  text-decoration: none;
  color: inherit; 
  border: none;
  outline: none;
  height: 100%;
  line-height: 0;
  display: flex;
  align-items: center;
  background: transparent;
 padding: 0px 14px;
 border-radius: 10px;
 transition: 0.8s;
}

.fppromenu a:hover {
  background: #F5F5F7;
}

.fp-menu-button{
    text-decoration: none;
    font-family: "Geist", sans-serif;
    font-size: 16px;
    font-weight: 400;
    background: #2960F5;
    color: #fff;
    padding: 12px 22px;
    border-radius: 100px;
    transition: 0.8s;
    line-height: 1.2em;
}
.fp-menu-button:hover{
    background: #2fa6f5;
}
.menupa{
  position: sticky;
  top: 0;
  z-index: 99;
  transition: 1s;
}
.menupa .frontinner{
  background: #fff;
  transition: 1s;
}
.menuativo .frontinner{
  background: #F5F5F7;
}
.menuativo .fppromenu a:hover {
  background: #fff;
}
.menupa .frontinner{
  padding: 30px 60px ;
}
@media(max-width: 1024px){
 .frontinner{
width: 88%;
padding: 30px 20px;
} 
.logofront{
    width: 100px;
}
.fppromenu{
 display: none; 
}
.fp-menu-button{
    padding: 8px 14px;
    font-size: 13px;
}
.menupa .frontinner{
  padding: 15px 30px ;
}
}
/* MENU */






/* HERO */
.infodot{
font-family: "GeistPixel", sans-serif;
font-size: 16px;    
letter-spacing: 0px;
background: #fff;
color: #4D5373;
padding: 10px 15px;
padding-left: 35px;
position: relative;
margin: 0;
width: fit-content;
}
.infodot:before{
    content: "";
    width: 8px;
    height: 8px;
    background: #2960F5;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translatey(-50%);
     animation: fpproBlink 2s ease-in-out infinite;
}
@keyframes fpproBlink {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: 0.2;
  }
}
.hero .frontinner{
    background: #F5F5F7;
    padding: 0px 20px;
}
.fronthead{
font-family: "GeistPixel", sans-serif;
font-weight: 400;
font-size: 42px;    
color: #212B48;   
line-height: 1.2em;
letter-spacing: 0px;
margin: 0; 
}
.fronttext{
font-family: "Geist", sans-serif;
font-weight: 400;
font-size: 18px;    
color: #212B48 !important;   
line-height: 1.2em;
width: 350px;
margin: 0; 
text-align: start !important;
}
.frontinnerinfo{
width: 50%;
box-sizing: border-box;
padding: 80px 40px;
position: relative;
display: flex;
flex-direction: column;
justify-content: start;
align-items: start;
gap: 20px;
}

.dotbthr{
  position: absolute;
  border: 2px solid #797B80;
  width: 8px;
  height: 8px;
  z-index: 999999;
}
.dot1bthr{
  border-right: none;
  border-bottom: none;
  top: -1.5px;
  left: -1.5px;
}
.dot2bthr{
  border-right: none;
  border-top: none;
  bottom: -1.5px;
  left: -1.5px;
}
.dot3bthr{
  border-left: none;
  border-bottom: none;
  top: -1.5px;
  right: -1.5px;
}
.dot4bthr{
  border-left: none;
  border-top: none;
  bottom: -1.5px;
  right: -1.5px;
}

:root{
  --fpprobuttonsetacolor1: #1E222A;
  --fpprobuttonsetacolor2: linear-gradient(to bottom, #E0FF67, #D3FF00);
  --fpprobuttonsetashadowcolor: #d2ffd0;
  --fpprobuttonsetabordercolor: #1E222A;
  --fpprobuttonsetafont: "Geist", sans-serif;
  --fpprobuttonsetafontcolor: #fff;
  --fpprobuttonsetadotscolor: #566930;
}

.fpprobuttonseta {
  display: flex;
  position: relative;
  width: fit-content;
  height: fit-content;
  background-color: var(--fpprobuttonsetacolor1) !important;
  border: 1px solid var(--fpprobuttonsetabordercolor);
  border-radius: 13px;
  padding: 20px 15px;
  padding-left: 98px;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  gap: 10px;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  box-sizing: content-box;
  line-height: 18px;
}

.fpprobuttonseta__icon {
  width: 78px;
  height: calc(100% - 4px);
  position: absolute;
  left: 2px;
  background: var(--fpprobuttonsetacolor2);
  box-shadow: inset 0px 0px 8px 1px var(--fpprobuttonsetashadowcolor),
              0px 12px 20px 0px #0000004d;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  z-index: 2;
  pointer-events: none;
  box-sizing: content-box;
}

.fpprobuttonseta__text {
  font-family: var(--fpprobuttonsetafont);
  color: var(--fpprobuttonsetafontcolor);
  font-size: 16px;
  font-weight: 400;
  position: relative;
  z-index: 1;
}

.fpprobuttonseta__link {
  color: inherit;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
}

.fpprobuttonseta__icon svg { overflow: visible; }

.fpprobuttonseta__icon svg circle {
  fill: var(--fpprobuttonsetadotscolor);
  opacity: .15;
  animation: fpprobuttonsetaDotWave 1.4s ease-in-out infinite;
}

@keyframes fpprobuttonsetaDotWave {
  0%, 100% { opacity: .15; }
  50%      { opacity: 1; }
}

.fpprobuttonseta__icon svg circle:nth-child(1),
.fpprobuttonseta__icon svg circle:nth-child(9)  { animation-delay: 0s; }
.fpprobuttonseta__icon svg circle:nth-child(2),
.fpprobuttonseta__icon svg circle:nth-child(10) { animation-delay: .12s; }
.fpprobuttonseta__icon svg circle:nth-child(3),
.fpprobuttonseta__icon svg circle:nth-child(7)  { animation-delay: .24s; }
.fpprobuttonseta__icon svg circle:nth-child(4),
.fpprobuttonseta__icon svg circle:nth-child(8)  { animation-delay: .36s; }
.fpprobuttonseta__icon svg circle:nth-child(5)  { animation-delay: .48s; }
.fpprobuttonseta__icon svg circle:nth-child(6)  { animation-delay: .6s; }

.fpprobuttonseta.seta-settle .fpprobuttonseta__icon svg circle {
  animation-delay: 0s !important;
}
:root{
--fpusercomponentfont: "Geist", sans-serif;     
--fpusercomponentwidth: 300px;   
}

.fotosclientes .f1:hover {
 transform: translatex(-12px);
 filter: blur(0px) saturate(1);
 transition: all 0.5s;
}

.fotosclientes:hover .f1:not(:hover) {
 transition: all 0.5s;
 filter: blur(0px) saturate(1);
}

.f1 {
 width: 50px;
 height: 50px;
 transition: all 1s;
 margin-left: -20px;
 border-radius: 100%;
 overflow: hidden;
 display: block;
}

 .fotosclientes{
 width: fit-content;
 flex-direction: row;
 gap: 0px;
 align-items: center;
 justify-content: center;
 display: flex;
 margin-left: 20px;
 padding: 0px;
}
 .fp-clientes{
 height: fit-content;
 width: var(--fpusercomponentwidth);
 flex-direction: row;
 gap: 10px;
 align-items: e;
 justify-content: center;
 display: flex;
 padding: 0px;
 z-index: 10;
 box-sizing: border-box;
 -webkit-tap-highlight-color: transparent;
}
 
 .clientestitle{
 font-size: 16px;
 font-family: var(--fpusercomponentfont);
 font-weight: 400;
 text-align: start;
 color: var(--fpusercomponentcolor);
 line-height: 1.2em;
 width: 100%;
 z-index: 10;
 margin: 0px; 
 align-self: center;
 word-break: break-word;
}







.card {
  width: 340px;
  height: 650px;
  bottom: -80px;
  background: #617C94;
  border-radius: 55px;
  border: 2px solid #C7CCCD;
  padding: 7px;
  position: relative;
  z-index: 9;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.card-int {
  background: #1a1ae6;
  border: 8px solid #000;
  height: 100%;
  border-radius: 45px;
  display: flex;
  align-items: start;
  justify-content: start;
  box-sizing: border-box;
  overflow: hidden;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.top {
  position: absolute;
  top: 10px;
  right: 50%;
  transform: translate(50%, 0%);
  width: 35%;
  height: 28px;
  background-color: black;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  z-index: 999;
}

.speaker {
  position: absolute;
  top: 8px;
  right: 50%;
  transform: translate(50%, 0%);
  width: 40%;
  height: 2px;
  border-radius: 2px;
  background-color: rgb(20, 20, 20);
}

.camera {
  position: absolute;
  top: 6px;
  right: 84%;
  transform: translate(50%, 0%);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.048);
}

.int {
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  background-color: rgba(0, 0, 255, 0.212);
}

.btn1, .btn2, .btn3, .btn4 {
  position: absolute;
  width: 2px;
}

.btn1, .btn2, .btn3 {
  height: 45px;
  top: 30%;
  right: -4px;
  background: #617C94;
}

.btn2, .btn3 {
  transform: scale(-1);
  left: -4px;
}

.btn2, .btn3 {
  transform: scale(-1);
  height: 30px;
}

.btn2 {
  top: 26%
}

.btn3 {
  top: 36%
}

.frontinnerinfo.celular{
    justify-content: center;
    align-items: end;
    justify-content: end;
    padding: 0;
    padding-right: 40px;
  clip-path: polygon(
    -1000% -1000%,   
    1000% -1000%,   
    1000% 100%,    
    -1000% 100%      
  );
    position: relative;
}

.square{
    position: absolute;
    z-index: 1;
    transform: scale(1);
    transition: 0.2s;
}
.square:hover{
  transform: scale(0.8);
}

.s1{
    width: 80px;
    height: 80px;
    background: #2960F5;
    top: 130px;
    left: 60px;
}
.s2{
    width: 80px;
    height: 80px;
    background: #61FE8E;
    top: 220px;
    left: 60px;
}
.s3{
    width: 60px;
    height: 60px;
    background: #FF6600;
    top: 180px;
    left: -10px;
}

.s4{
    width: 40px;
    height: 40px;
    background: #FF00FF;
    top: 250px;
    left: 10px;
}
.s5{
    width: 120px;
    height: 120px;
    background: #FFCC00;
    top: 310px;
    left: 30px;
}
.s6{
    width: 80px;
    height: 80px;
    background: #FF00FF;
    top: 445px;
    left: 60px;
}
.s7{
    width: 80px;
    height: 80px;
    background: #2960F5;
    top: 445px;
    left: -30px;
}
.s8{
    width: 100px;
    height: 100px;
    background: #FF6600;
    top: 540px;
    left: 55px;
}

/* ===== VIDEO ===== */
.video-thumb {
 width: 100%;
 height: 100%;
 object-fit: cover;
 display: block;
 border-radius: 0px;
 background: rgb(0, 0, 0);
 z-index: 99;
}
.video-wrapper iframe {
  width: 100%;
  height: 100%;
  border: 0;
  overflow: hidden;
  border-radius: 0px;
  z-index: 99;
  position: relative;
  background: rgb(0, 0, 0);
}


.video-placeholder {
 position: relative;
 width: 100%;
 height: 100%;
 cursor: pointer;
 overflow: hidden;
 border-radius: 0px;
 z-index: 99;
}
.video-placeholder:hover .play-button svg{
  transform: rotate(360deg);
}

.play-button {
 appearance: none;
 border: none;
 position: absolute;
 top: 60%;
 left: 50%;
 transform: translate(-50%, -50%);
 background: #FFF;
 box-shadow: 0px 0px 40px #010316;
 color: #091b4d;
 font-family: "Geist", sans-serif;
 font-size: 16px;
 font-weight: 500;
 width: fit-content;
 padding: 5px;
 padding-right: 20px;
 height: auto;
 display: flex;
 gap: 10px;
 justify-content: start;
 align-items: center;
 border-radius: 100px; 
 transition: 0.2s;
 white-space: nowrap;
  box-sizing: content-box;
}
.play-button:active{
  transform: translate(-50%, -50%) scale(0.9);
}
.play-button svg {
 width: 30px;
 height: 30px;
 flex-shrink: 0;
 background: #2960F5;
 display: block; 
 border: none;
 margin: 0;
 overflow: hidden;
 box-sizing: content-box;
 aspect-ratio: 1/1;
 fill: #fff;
 padding: 7px;
 border-radius: 100px;
 transform: rotate(0deg);
 transition: cubic-bezier(0.68, -0.55, 0.265, 1.55) 1s;
}

.video-wrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 9/16;
  box-sizing: border-box;
  z-index: 99;
  background: rgb(0, 0, 0);
  z-index: 99;
}


.thumb-stage {
  position: relative;
  display: inline-block;
  width: 100%;
}
.eye-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.06s linear;
}

@media(max-width: 1024px){
.hero .frontinner{
    flex-direction: column;
}
.fpprobuttonseta__text {
  font-size: 14px;
}
.frontinnerinfo{
width: 100%;
padding: 50px 15px;
padding-bottom: 0;
}
.fronthead{
font-size: 28px;    
}
.fronttext{
font-size: 16px;    
width: 100%;
}
.hero .fronttext{
text-align: start !important;
}
.f1 {
 width: 40px;
 height: 40px;
 margin-left: -15px;
}
 .clientestitle{
 font-size: 14px;
width: 150px;
}
:root{  
--fpusercomponentwidth: fit-content;   
}
.infodot{
font-size: 14px;    
padding: 10px 15px;
padding-left: 25px;
}
.infodot:before{
    width: 6px;
    height: 6px;
    left: 12px;
}
.card {
  width: 280px;
  height: 500px;
  bottom: -45px;
  margin-top: -10px;
}
.frontinnerinfo.celular{
width: fit-content;
align-self: center;
align-items: center;
padding-right: 0px;
}

.s1{
   display: none;
}
.s2{
    width: 80px;
    height: 80px;
    background: #61FE8E;
    top: 80px;
    left: -40px;
}
.s3{
    width: 60px;
    height: 60px;
    background: #FF6600;
    top: 180px;
    left: 280px;
}

.s4{
    width: 80px;
    height: 80px;
    background: #FF00FF;
    top: 245px;
    left: -50px;
}
.s5{
    width: 120px;
    height: 120px;
    background: #FFCC00;
    top: 310px;
    left: 220px;
}
.s6{
    display: none;
}
.s7{
    display: none;
}
.s8{
   display: none;
}
.bok{
  overflow: hidden;
}
}
.fade-in {
  opacity: 0;
}
.js-ready .fade-in {
  animation: fadeInUp 1s ease forwards;
  animation-delay: var(--fade-delay, 0s);
}

@keyframes fadeInUp {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* HERO */



/* FRASE */
:root{
  --fppro-ink:#fff;
  --fppro-paper:#2d2b38;
  --fppro-paper-dim:#dfdfdf;
  --fppro-red:#346aff;
}
@media (prefers-reduced-motion: reduce){
  *{ animation-duration:.01ms !important; transition-duration:.01ms !important; }
}

.fppro-grad-char{
  display:inline-block;
  color:var(--fppro-paper-dim);
}
.fppro-grad-char.fppro-grad-show{
  animation:fppro-grad-pulse 0.5s ease-out;
  color:var(--fppro-paper);
}
@keyframes fppro-grad-pulse{
  0%{ color:var(--fppro-paper-dim);}
  18%{ color:var(--fppro-red);}
  60%{ color:var(--fppro-red);}
  100%{ color:var(--fppro-paper);}
}

.fppro-icon-item{
  display:inline-block;
  transform:scale(0.3);
  opacity:0.2;
  transition:transform .4s cubic-bezier(.34,1.56,.64,1), opacity .3s ease;
}
.fppro-icon-item.fppro-icon-show{
  transform:scale(1);
  opacity:1;
}
.fppro-word{
  display:inline-block;
  white-space:nowrap;
}
.frontinner.frase{
padding: 200px 100px;
align-items: center;
justify-content: center;
background: transparent;
}

.frontinner.frase .fronttext{
text-align: center !important;
font-size: 48px;
font-weight: 400;
width: 100%;
letter-spacing: -1px;
color: #999999 !important;
}

.frontout.frasex{
  border: none;
}
.iconfrase{
  width: 60px;
  height: 60px;
  object-fit: contain;
  margin-bottom: -10px;
}
@media(max-width: 1024px){
.frontinner.frase{
padding: 100px 40px;
}  
.frontinner.frase .fronttext{
font-size: 28px;
line-height: 1.3em;
}
.iconfrase{
  width: 40px;
  height: 40px;
  margin-bottom: -10px;
}
}
.fx1{
  content: url("Media/NEW/iconf3.webp");
}
.fx2{
  content: url("Media/NEW/iconf1.webp");
}
.fx3{
  content: url("Media/NEW/iconf5.webp");
}
.fx4{
  content: url("Media/NEW/iconf2.webp");
}
.fx5{
  content: url("Media/NEW/iconf4.webp");
}
/* FRASE */




/* RECURSOS */
.frontinner.recursos{
padding: 70px 60px;
padding-right: 0;
padding-bottom: 0;
background: linear-gradient(#0052E8, #008BE2, #D6F0FF);
flex-direction: column;
}

.recursos:before{
  content: "";
  width: 700px;
  height: 500px;
  pointer-events: none;
  background: url("/Media/NEW/luzeffect.webp") top right/contain no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  mix-blend-mode: screen;
}

.recursos .fronthead{
color: #fff;
width: 500px;
}

.page {
    width: 100%;
    display: flex;
    align-items: end;
    gap: 20px;
    box-sizing: border-box;
    margin-top: 100px;
  }

.telarecurso {
  width: 530px;
  height: 400px;
  border-radius: 5px;
  background-color: #000;
  position: absolute;
  top: 10px;
  overflow: hidden;
}

.telarecurso::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--bg-image, none);
  background-size: cover;
  background-position: center;
  opacity: 1;
  transition: opacity 0.3s ease;
  will-change: opacity;
}

  .faq {
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-bottom: 80px;
  }

  .faq-item {
    background: #ffffff;
    border-radius: 40px;
    overflow: hidden;
  }

  .faq-trigger {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 20px 20px;
    background: none;
    border: none;
    cursor: pointer;
    text-align: left;
    font: inherit;
  }

  .faq-icon {
    flex: 0 0 auto;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #2952e3;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transform: translateZ(0) rotate(0deg);
    transform: translateZ(0) rotate(0deg);
    transition: transform 0.3s ease, background 0.3s ease;
  }

  .faq-icon svg {
    width: 18px;
    height: 18px;
    stroke: #ffffff;
    stroke-width: 4;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .faq-item.open .faq-icon {
    background: #17307a;
    -webkit-transform: translateZ(0) rotate(45deg);
    transform: translateZ(0) rotate(45deg);
  }

  .faq-title {
    margin: 0;
    font-size: 26px;
    font-weight: 500;
    color: #1564ca;
    line-height: 1.2;
    font-family: "GeistPixel", sans-serif;
  }

  .faq-panel {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.35s ease;
  }

  .faq-item.open .faq-panel {
    grid-template-rows: 1fr;
  }

  .faq-panel-inner {
    min-height: 0;
    overflow: hidden;
  }

  .faq-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0 30px 20px;
  }

  .faq-tag {
    background: #17307a;
    color: #ffffff;
    font-size: 12px;
    font-weight: 400;
    padding: 6px 14px;
    border-radius: 20px;
    opacity: 0;
    transition: opacity 0.2s ease;
    font-family: "Geist", sans-serif;
  }

  .faq-item.open .faq-tag {
    opacity: 1;
    transition: opacity 1.5s ease 0.15s;
  }

  .faq-item.open .faq-tag:nth-child(2) { transition-delay: 0.22s; }
  .faq-item.open .faq-tag:nth-child(3) { transition-delay: 0.29s; }
  .faq-item.open .faq-tag:nth-child(4) { transition-delay: 0.36s; }
  .faq-item.open .faq-tag:nth-child(5) { transition-delay: 0.43s; }
  .faq-item.open .faq-tag:nth-child(6) { transition-delay: 0.5s; }

  .faq-tag.accent {
    background: #2f6bff;
  }

  .faq-answer {
    margin: 0;
    padding: 0 30px 32px;
    color: #5b6472;
    font-size: 16px;
    line-height: 20px;
    white-space: pre-line;
    opacity: 0;
    transition: opacity 0.25s ease;
    font-family: "Geist", sans-serif;
    will-change: opacity;
  }

  .faq-item.open .faq-answer {
    opacity: 1;
    transition: opacity 0.6s ease 0.35s;
  }

  .faq-trigger:focus-visible {
    outline: 3px solid #17307a;
    outline-offset: -3px;
  }

  .divtela{
    display: flex;
    position: relative;
    justify-content: end;
    align-items: end;
    height: fit-content;
    width: 55%;
    box-sizing: border-box;
  }
.telafaq{
  width: 540px;
  object-fit: contain;
  z-index: 9;
}
.telarecurso.fading::after {
  opacity: 0;
}


:root {
  --fpboxprimary-bg: #F6F5F8;
  --fpboxprimary-dots: #416DE8;
  --fpboxfont: "Geist", sans-serif;
  --fpboxfontcolor: #416DE8;
  --fpboxfontcolor2: #5B5B5B;
}
.fpchatboxparent{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
    width: fit-content;
    position: absolute;
    right: 60px;
    top: 140px;
}

.fpchatbox {
  display: flex;
  justify-content: left;
  gap: 15px;
  position: relative;
  width: 500px;
}
.fpchatbox.rt {
  display: flex;
  justify-content: right;
  gap: 15px;
  position: relative;
  width: 500px;
}
.fpchatboxinner {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  gap: 40px;
}

.fpchatbox-avatar {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  flex-shrink: 0;
}

.fpchatbox-bubble {
  width: fit-content;
  position: relative;
}

.fpchatbox-loading {
  display: flex;
  gap: 8px;
  height: 46px;
  width: 90px;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 5px;
  left: 0;
  background: var(--fpboxprimary-bg);
  border-radius: 100px;
  opacity: 1;
  transition: all 1s;
}

.fpchatbox-triangle {
    position: absolute;
    top: 0;
    left: -7px;
    color: var(--fpboxprimary-bg);
    display: block;
}

.dotfpbox {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--fpboxprimary-dots);
  opacity: 0.2;
  animation: pulse 0.8s infinite;
}
.dotfpbox.dot__1 { animation-delay: 0s; }
.dotfpbox.dot__2 { animation-delay: 0.2s; }
.dotfpbox.dot__3 { animation-delay: 0.4s; }
@keyframes pulse {
  0% { opacity: 0.2; transform: translateY(0px) }
  20% { opacity: 1; transform: translateY(2px) }
  80% { opacity: 1; transform: translateY(-2px) }
  100% { opacity: 0.2; transform: translateY(0px) }
}

.fpchatbox-text {
  visibility: hidden;
  opacity: 0;
  transition: all 0.1s ease;
  position: relative;
  padding: 20px;
  border-radius: 0px 20px 20px 20px;
  width: fit-content;
  font-size: 12px;
  background: var(--fpboxprimary-bg);
  font-family: var(--fpboxfont);
  color: var(--fpboxfontcolor2);
  transform: translatex(-20px);
}

.fpchatbox-text p{
margin: 0;
margin-bottom: 20px;
}

.fpchatbox-name { 
  color: var(--fpboxfontcolor); 
  font-weight: 500; 
  font-size: 16px;
  font-family: var(--fpboxfont); 
  margin-bottom: 10px; 
  display: inline-block;
}
.fpchatbox-time {
  font-family: var(--fpboxfont);  
  color: var(--fpboxfontcolor);
  font-size: 14px;
  position: absolute;
  bottom: 15px;
  right: 25px;
}

.show-text .fpchatbox-loading { visibility: none; opacity: 0; transition: all 0.1s ease;}
.show-text .fpchatbox-text {
  visibility: visible;
  opacity: 1;
  transform: translatex(0px);
  transition: all 0.6s ease;
  will-change: opacity, transform;
}

@media (max-width: 1024px) {
.fpchatbox-avatar {
  width: 42px;
  height: 42px;
}
  .faq-tag {
    font-size: 9px;
    padding: 6px 12px;
    border-radius: 20px;
  }
.recursos .fronthead{
width: 100%;
}
  .faq-title {
    font-size: 21px;
  }
.fpchatbox-text {
  font-size: 13px;
}
  .fpchatbox-bubble {
    max-width: 100%;
    width: fit-content;
  }
.fpchatbox {
  width: 100%;
}
.fpchatbox.rt {
  width: 90%;
}
.fpchatbox-loading {
  gap: 8px;
  height: 42px;
  width: 90px;
  top: 2px;
}
.fpchatbox-name { 
  font-size: 14px;
}
.fpchatbox-time {
  font-size: 12px;
}
.fpchatboxparent{
    align-items: start;
    position: relative;
    right: auto;
    top: auto;
    margin-top: 40px;
}
}
.fpchatboxinner.rtxx{
  align-items: end !important;
}
.fpchatbox-text, .fpchatbox-text * {
  box-sizing: content-box;
  line-height: normal;
}
.fpchatbox-triangle svg {
  display: block;
}






@media(max-width: 1024px){
.page {
    flex-direction: column;
    margin-top: 40px;
    gap: 20px;
  } 
    .faq, .divtela {
    width: 100%;
    right: -30px;
    bottom: -40px;
    padding-bottom: 0;
  }
  .telafaq{
  min-width: 108%;
}
  .telarecurso {
    width: 106%;
    height: 75.2%;
    top: 4px;
  }
  .frontinner.recursos{
padding: 40px 30px;
}
.recursos:before{
  width: 500px;
  height: 300px;
}
}

/* RECURSOS */



/* SPACER */
.frontinner.spacer{
  padding: 50px;
  background: #F5F5F7;
  background-image: repeating-linear-gradient(135deg, #d5d5da 0, transparent 1px, transparent 0, transparent 50%);
  background-size: 20px 20px;
}
/* SPACER */
@media(max-width: 1024px){
.frontinner.spacer{
  padding: 35px;
}  
}





/* BENEFÍCIOS */
.frontinner.beneficios{
padding: 60px 0px;
flex-direction: column;
background: transparent;
}
.beneficios .infodot{
  margin-left: 60px;
  background: #F5F5F7;
}
.beneficios .fronthead{
  margin-left: 60px;
}

.beneficios .fpchatboxparent{
    position: absolute;
    right: 60px;
    top: 100px;
}
.swiperparent{
  margin-top: 20px;
}
@media(max-width: 1024px){
 .beneficios .infodot{
  margin-left: 30px;
}
.beneficios .fronthead{
  margin-left: 30px;
} 
.beneficios .fpchatbox {
  width: 90%;
}
.beneficios .fpchatboxparent{
    position: relative;
    right: auto;
    top: auto;
    margin-left: 30px;
    margin-top: 20px;
}
.swiperparent{
  margin-top: 20px;
}
}



.carousel-wrap {
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: end;
    gap: 40px;
  }

  .carousel-nav {
    position: relative;
    height: 60px;
    width: 120px;
    flex: 0 0 auto;
    margin-right: 60px;
  }

  .carousel-nav::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMjIwOS4wNyA5NDQwLjU1IiBmaWxsPSIjZGZlMWU0Ij48cGF0aCBkPSJNIDc4ODcuNjcsODUyNC43MDA4MDQwOTM3NjcgQyA0MzM5LjksMTA2NjAuNjMwODA0MDkzNzY3IDAuMCw4OTIyLjMxMDgwNDA5Mzc2OCAwLjAsNDcyMC4yNjA4MDQwOTM3NjcgQyAwLjAsNTE4LjA2MDgwNDA5Mzc2NjggNDMzOS42OCwtMTIyMC4wODkxOTU5MDYyMzM3IDc4ODcuNjcsOTE1Ljg1MDgwNDA5Mzc2NjggQyA5NzgxLjIsMjA1NS44ODA4MDQwOTM3NjY1IDEyNDMyLjg2LDIwNTEuMTYwODA0MDkzNzY2NyAxNDMyNC41NjAwMDAwMDAwMDEsOTEzLjMyMDgwNDA5Mzc2NjggQyAxNzg3MS43MTAwMDAwMDAwMDMsLTEyMjAuMjk5MTk1OTA2MjMzIDIyMjA5LjA3LDUyMC4xNzA4MDQwOTM3NjY4IDIyMjA5LjA3LDQ3MjAuMjYwODA0MDkzNzY3IEMgMjIyMDkuMDcsODkyMC41MTA4MDQwOTM3NjcgMTc4NzEuODQsMTA2NjAuNzYwODA0MDkzNzY3IDE0MzI0LjU2LDg1MjcuMjMwODA0MDkzNzY2IEMgMTI0MzIuNzc5OTk5OTk5OTk5LDczODkuMzkwODA0MDkzNzY2IDk3ODEuMiw3Mzg0LjY3MDgwNDA5Mzc2NjUgNzg4Ny42Njk5OTk5OTk5OTksODUyNC43MDA4MDQwOTM3NjUgWiIvPjwvc3ZnPg==");
    background-size: 100% 100%;
    pointer-events: none;
  }

  .carousel-nav button {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: none;
    background: #f5f5f7;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #0a0e17;
    transform: translate(-50%, -50%);
    transition: background 0.2s ease;
    box-sizing: border-box !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .carousel-nav .carousel-prev { left: 22.0%; }
  .carousel-nav .carousel-next { left: 78.0%; }

  .carousel-nav button:hover { background: #ffffff; }

  .carousel-nav svg {
    width: 30%;
    height: 30%;
    box-sizing: content-box;
    margin: 0;
  }

  .carousel-viewport {
    overflow: hidden;
    box-sizing: border-box;
    width: 100%;
    padding-bottom: 8px;
    -webkit-mask-image: linear-gradient(to right, transparent 0, #000 32px, #000 calc(100% - 32px), transparent 100%);
            mask-image: linear-gradient(to right, transparent 0, #000 32px, #000 calc(100% - 32px), transparent 100%);
  }

  .carousel-track {
    display: flex;
    gap: 20px;
    will-change: transform;
    transition: transform 1s ease;
  }

  .carousel-card {
    flex: 0 0 auto;
    width: 500px;
    background: #FBFBFB;
    border: 2px solid #eceef1;
    border-radius: 20px;
    padding: 40px;
  }

  .carousel-icon {
    width: 60px;
    height: 60px;
    border-radius: 12px;
    background: #ffffff;
    border: 2px solid #eceef1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    margin-bottom: 16px;
  }
  .carousel-icon img{
    width: 30px;
    object-fit: contain;
  }
  .carousel-card h3 {
    margin: 0 0 10px;
    font-size: 21px;
    font-weight: 700;
    color: #2952e3;
    line-height: 1.3;
    font-family: "GeistPixel", sans-serif;
  }

  .carousel-card p {
    margin: 0;
    font-size: 16px;
    line-height: 1.2em;
    color: #667085;
    font-family: "Geist", sans-serif;
  }

 @media(max-width:1024px){
    .carousel-card {
    width: 60%;
    padding: 40px;
  }
    .carousel-wrap {
    align-items: start;
    gap: 40px;
  }
    .carousel-nav {
    margin-left: 20px;
    margin-right: 0;
  }
 }
/* BENEFÍCIOS */





/* DEPOIMENTOS */
.depoimentobglight{
  position: absolute;
  height: 100%;
  right: 0;
  bottom: 0px;
  opacity: 0.5;
}
.frontinner.depoimentos {
    padding: 60px 60px;
    background: linear-gradient(#030613, #030613, #0066ff, #fdc9ff);
    flex-direction: column;
    overflow: hidden;
    min-height: 720px;
    justify-content: start;
    padding-bottom: 0;
}

.depoimentos:before {
content: "";
width: 100%;
height: 300px;
position: absolute;
background: linear-gradient(transparent 30%, #c9dfff 100%);
z-index: 9;
left: 0;
bottom: 0;
pointer-events: none;
}

.depoimentos .infodot {
    background: #010511;
    color: #fff;
    z-index: 9;
}

.depoimentos .fronthead {
    color: #fff;
}

.controles {
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 20px;
}

.timerdepo {
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #00061b79;
    border-radius: 50%;
    position: relative;
    z-index: 10;
}

.timerdepo:before {
    content: "";
    width: 50px;
    height: 50px;
    position: absolute;
    background: #212B48;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.timerdepo:after {
    content: "";
    width: 55px;
    height: 55px;
    position: absolute;
    background: conic-gradient(
        #2e5bff var(--loadingDeg),
        #00061B var(--loadingDeg)
    );
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
}

.timerdepo svg {
    width: 20px;
    z-index: 9;
}

.carousel-navdepo {
    position: relative;
    height: 60px;
    width: 120px;
    flex: 0 0 auto;
    z-index: 10;
}

.carousel-navdepo::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMjIwOS4wNyA5NDQwLjU1IiBmaWxsPSIjMDAwNjFCIj48cGF0aCBkPSJNIDc4ODcuNjcsODUyNC43MDA4MDQwOTM3NjcgQyA0MzM5LjksMTA2NjAuNjMwODA0MDkzNzY3IDAuMCw4OTIyLjMxMDgwNDA5Mzc2OCAwLjAsNDcyMC4yNjA4MDQwOTM3NjcgQyAwLjAsNTE4LjA2MDgwNDA5Mzc2NjggNDMzOS42OCwtMTIyMC4wODkxOTU5MDYyMzM3IDc4ODcuNjcsOTE1Ljg1MDgwNDA5Mzc2NjggQyA5NzgxLjIsMjA1NS44ODA4MDQwOTM3NjY1IDEyNDMyLjg2LDIwNTEuMTYwODA0MDkzNzY2NyAxNDMyNC41NjAwMDAwMDAwMDEsOTEzLjMyMDgwNDA5Mzc2NjggQyAxNzg3MS43MTAwMDAwMDAwMDMsLTEyMjAuMjk5MTk1OTA2MjMzIDIyMjA5LjA3LDUyMC4xNzA4MDQwOTM3NjY4IDIyMjA5LjA3LDQ3MjAuMjYwODA0MDkzNzY3IEMgMjIyMDkuMDcsODkyMC41MTA4MDQwOTM3NjcgMTc4NzEuODQsMTA2NjAuNzYwODA0MDkzNzY3IDE0MzI0LjU2LDg1MjcuMjMwODA0MDkzNzY2IEMgMTI0MzIuNzc5OTk5OTk5OTk5LDczODkuMzkwODA0MDkzNzY2IDk3ODEuMiw3Mzg0LjY3MDgwNDA5Mzc2NjUgNzg4Ny42Njk5OTk5OTk5OTksODUyNC43MDA4MDQwOTM3NjUgWiIvPjwvc3ZnPg==");
    background-size: 100% 100%;
    pointer-events: none;
}

.carousel-navdepo button {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    border-radius: 50%;
    border: none;
    background: #212B48;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #fff;
    transform: translate(-50%, -50%);
    transition: background 0.2s ease;
}

.carousel-navdepo .carousel-prevdepo {
    left: 22%;
}

.carousel-navdepo .carousel-nextdepo {
    left: 78%;
}

.carousel-navdepo button:hover {
    background: #39497a;
}

.carousel-navdepo svg {
    width: 30%;
    height: fit-content;
    box-sizing: content-box;
    margin: 0;
}

.infosdepoimentos {
    display: flex;
    flex-direction: column;
    justify-content: start;
    gap: 40px;
    margin-top: 30px;
    z-index: 10;
    opacity: 0.9;
    position: relative;
}

.infosdepoimentosfoto {
    display: flex;
    justify-content: start;
    align-items: start;
    gap: 20px;
    z-index: 10;
}

.infosdepoimentosfoto img {
    width: 60px;
}

.infosdepoimentosfoto h3 {
    font-family: "GeistPixel", sans-serif;
    color: #fff;
    font-size: 28px;
    margin: 0;
    z-index: 10;
}

.infodepo2 {
    font-size: 14px;
    font-family: "Geist", sans-serif;
    font-weight: 400;
    z-index: 10;
}

.infosdepoimentos p {
    font-family: "Geist", sans-serif;
    color: #ffffff;
    font-size: 21px;
    width: 600px;
    margin: 0;
    z-index: 10;
}

.moldurax {
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}

.bgbox {
    position: absolute;
    height: 95%;
    bottom: 0;
    right: 0;
    filter: drop-shadow(40px 20px 40px #000);
}

.depoimentobg {
    pointer-events: none;
    z-index: 9;
}
.depoBg-oculto{ opacity:0; }

.depoimentobg-particles {
    pointer-events: none;
}

.depo-el {
    transition:
        transform 0.45s cubic-bezier(0.4, 0, 0.2, 1),
        opacity 0.45s ease;
    transition-delay: var(--delay, 0s);
    transform: translateX(0);
    opacity: 1;
}
#depoNome{
  line-height: 22px;
}
.depo-el.saindo {
    transform: translateX(60px);
    opacity: 0;
}

.depo-el.entrando {
    transform: translateX(-60px);
    opacity: 0;
    transition: none;
}

@property --loadingDeg {
    syntax: "<angle>";
    inherits: true;
    initial-value: 0deg;
}

.timerdepo.rodando:after {
    animation: timerLoading 6000ms linear forwards;
}

@keyframes timerLoading {
    from {
        --loadingDeg: 0deg;
    }

    to {
        --loadingDeg: 360deg;
    }
}

.timerdepo.pausado:after {
    animation-play-state: paused;
}

.timerdepo.revertendo:after {
    animation: none;
    transition: --loadingDeg 220ms ease-out;
}

@media (max-width: 1024px) {
    .frontinner.depoimentos {
        padding: 40px 30px;
        background: linear-gradient(#030613, #030613, #0066ff, #002255);
        min-height: 680px;
        padding-bottom: 0;
    }
    .depoimentos:before {
content: "";
background: linear-gradient(transparent 0%, #060d2c 85%);
}
    .infosdepoimentosfoto img {
        width: 40px;
    }

    .infosdepoimentosfoto h3 {
        font-size: 18px;
    }
    .infosdepoimentosfoto {
    gap: 12px;
}

    .infodepo2 {
        font-size: 12px;
    }

    .infosdepoimentos p {
        font-size: 16px;
        width: 80%;
    }

    .infosdepoimentos {
        gap: 20px;
        margin-top: 40px;
    }

    .bgbox {
        height: auto;
        width: 550px;
        object-fit: contain;
        right: -200px;
        filter: drop-shadow(-20px 20px 20px #00000093);
    }
    .depoimentobglight{
display: none;
}
#depoNome{
  line-height: 18px;
}
.moldurax {
    width: 350px;
    height: auto;
    left: 0;
    bottom: 0;
}
}
.depoimentobg {
    pointer-events: none;
    will-change: opacity;
    transform: translateZ(0);
}

.depoimentobg-particles {
    pointer-events: none;
    will-change: opacity;
    transform: translateZ(0);
}
/* DEPOIMENTOS */






/* DEMO */
.demo .fronthead{
width: 700px;
}  
.frontout.dark{
background: #030613;
}
.dark .frontinner.spacer{
  padding: 50px;
  background: #030613;
  background-image: repeating-linear-gradient(135deg, #232330 0, transparent 1px, transparent 0, transparent 50%);
  background-size: 20px 20px;
}
@media(max-width: 1024px){
.dark .frontinner.spacer{
  padding: 35px;
}  
}
.dark .frontinner{
  border-color: #232330;
}
.demobk{
  border-bottom: 1px solid #232330 !important;
}
.memoji2{
  position: absolute;
  width: 150px;
  top: 180px;
  right: 100px;
}
.memoji3{
  position: absolute;
  width: 70px;
  top:350px;
  right: 280px;
}
.memoji4{
  position: absolute;
  width: 130px;
  top: 270px;
  left: 240px;
}
.memoji5{
  position: absolute;
  width: 60px;
  top: 190px;
  left: 150px;
}

.frontinner.demo {
    padding: 60px 60px;
    background: linear-gradient(to top, #5E76FF 10%, #F5F5F7 50%);
    flex-direction: column;
    overflow: hidden;
    min-height: 680px;
    justify-content: center;
    align-items: center;
    padding-bottom: 0;
    z-index: 9;
}

.demo .fronthead{
  text-align: center !important;
}
.demo .fronttext{
  text-align: center !important;
  width: 400px;
}

.demo .infodot{
  background: #2960F5;
  color: #fff;
}
.demo .infodot:before{
    background: #fff;
}
.switch {
  background-color: rgba(107, 107, 107, 0.2);
  border-radius: 30px;
  border: 4px solid rgba(58, 58, 58, 0.1);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.5) inset;
  margin: 0px;
  position: relative;
  width: 120px;
  display: inline-block;
  user-select: none;
  z-index: 99999;
}
.switch-check {
  position: absolute;
  visibility: hidden;
  user-select: none;
}

.switch-label {
  cursor: pointer;
  display: block;
  height: 42px;
  text-indent: -9999px;
  width: 115px;
  user-select: none;
}

.switch-label:before {
  background: #fff;
  background: -webkit-radial-gradient(45%, circle, rgb(255, 58, 58) 0%, rgb(255, 113, 113) 100%);
  border-radius: 10px;
  border: 1px solid #742323;
  box-shadow: 0 2px 5px rgba(255, 67, 48, 0.6), 0 0 5px rgba(255, 159, 109, 0.5) inset;
  content: "";
  display: block;
  height: 10px;
  left: -20%;
  position: absolute;
  top: 16px;
  transition: all 0.2s;
  width: 10px;
  z-index: 12;
  user-select: none;
}

.switch-label:after {
  background: linear-gradient(#4f4f4f, #2b2b2b);
  background: -moz-radial-gradient(45%, circle, rgba(60, 60, 60, 0.6) 0%, rgba(151, 151, 151, 0.6) 100%);
  border-radius: 10px;
  border: 1px solid #111;
  box-shadow: 0 2px 5px rgba(20, 20, 20, 0.5);
  content: "";
  display: block;
  height: 10px;
  right: -20%;
  position: absolute;
  top: 16px;
  transition: all 0.2s;
  width: 10px;
  z-index: 12;
  user-select: none;
}

.switch-label span {
  background: linear-gradient(#4f4f4f, #2b2b2b);
  border-radius: 30px;
  border: 1px solid #1a1a1a;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.5), 0 1px 1px rgba(255, 255, 255, 0.1) inset, 0 -2px 0 rgba(0, 0, 0, 0.2) inset;
  display: block;
  height: 38px;
  left: 1px;
  position: absolute;
  top: 1px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  width: 53px;
  user-select: none;
  animation: shine 2s infinite;
}

@keyframes shine{
  0%,100%{filter: brightness(1); transform: scale(1);}
  50%{filter: brightness(2);transform: scale(0.9);}
}

.switch-label span:before {
  background: #fff;
  background: -webkit-linear-gradient(left, rgba(48, 48, 48, 0.4), rgba(34, 34, 34, 0.4));
  background: linear-gradient(left, rgba(48, 48, 48, 0.4), rgba(34, 34, 34, 0.4));
  border-radius: 30px 10px 10px 30px;
  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2) inset;
  content: "";
  display: block;
  height: 33px;
  left: 2px;
  position: absolute;
  top: 2px;
  width: 21px;
  user-select: none;
}

.switch-label span:after {
  background: #fff;
  background: -webkit-linear-gradient(right, rgba(48, 48, 48, 0.4), rgba(34, 34, 34, 0.4));
  border-radius: 10px 30px 30px 10px;
  box-shadow: 2px 0 5px rgba(0, 0, 0, 0.2) inset;
  content: "";
  display: block;
  height: 33px;
  position: absolute;
  right: 2px;
  top: 2px;
  width: 21px;
  user-select: none;
}

.switch-check:checked + .switch-label span {
  left: 59px;
  animation: none;
}

.switch-check:checked + .switch-label:before {
  background: -webkit-radial-gradient(45%, circle, rgba(60, 60, 60, 0.6) 0%, rgba(151, 151, 151, 0.6) 100%);
  border: 1px solid #111;
  box-shadow: 0 2px 5px rgba(20, 20, 20, 0.5);
  user-select: none;
}

.switch-check:checked + .switch-label:after {
  background: -webkit-radial-gradient(45%, circle, lightgreen  0%, lightgreen 100%);
  border: 1px solid #004562;
  box-shadow: 0 2px 5px green, 0 0 5px green inset;
  user-select: none;
}
.tela{
  width: 1000px;
  z-index: 5;
  pointer-events: none;
}
 .overlay {
    border-radius: 10px;
    width: 980px;
    height: 550px;
    justify-content: center;
    align-items: center;
    z-index: 1;
    position: absolute;
    bottom: 170px;
    display: flex;
    background: linear-gradient(#303147, #0C0E1B);
  }

  .overlay iframe {
    width: 100%;
    height: 100%;
    border: none;
    background: rgb(0, 0, 0);
    border-radius: 10px;
    opacity: 0;
    transition: opacity 1s ease;
    pointer-events: none; 
  }

  .overlay iframe.show {
    opacity: 1;
    pointer-events: auto;
  }
  @media(max-width: 1024px){
     .overlay {
    border-radius: 10px;
    width: 490px;
    height: 280px;
    bottom: 85px;
  }
  .demo .fronthead{
  font-size: 21px;
}
.frontinner.demo {
    padding: 40px 30px;
    padding-bottom: 0;
}
  .demo .fronthead{
width: 100%;
}  
.demo .fronttext{
width: 100%;
}
  .tela{
  width: 500px;
}
.memoji2{
  width: 75px;
  top: 100px;
  right: -30px;
}
.memoji3{
  width: 50px;
  top:290px;
  right: 0px;
}
.memoji4{
  width: 60px;
  top: 290px;
  left: 0px;
}
.memoji5{
  width: 40px;
  top: 130px;
  left: 0px;
}
}
[data-fppro-mosaic]{position:absolute;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none;z-index:2;}
[data-fppro-mosaic] canvas{display:block; z-index:99; width:100%;}
/* DEMO */







/* PREÇO */

.fpprobuttonseta-decor {
  width: 60px;  
  height: 60px;
  display: flex;
  flex-direction: column;
  gap: 25px;
  align-items: center;
  justify-content: center;
  padding: 20px;
  background: #0C0E1B;
  border: 4px solid #14172c;
  box-sizing: border-box;
  position: absolute;
  top: -30px;
  z-index: 2;
}

.fpprobuttonseta-decor svg { overflow: visible; }

.fpprobuttonseta-decor svg circle {
  fill: #ffffff;
  opacity: .15;
  animation: fpprobuttonsetaDotWave 1.4s ease-in-out infinite;
}
.fpprobuttonseta-decor svg {
  overflow: visible;
  transform: rotate(90deg);
}
@keyframes fpprobuttonsetaDotWave {
  0%, 100% { opacity: .15; }
  50%      { opacity: 1; }
}

.fpprobuttonseta-decor svg circle:nth-child(1),
.fpprobuttonseta-decor svg circle:nth-child(9)  { animation-delay: 0s; }
.fpprobuttonseta-decor svg circle:nth-child(2),
.fpprobuttonseta-decor svg circle:nth-child(10) { animation-delay: .12s; }
.fpprobuttonseta-decor svg circle:nth-child(3),
.fpprobuttonseta-decor svg circle:nth-child(7)  { animation-delay: .24s; }
.fpprobuttonseta-decor svg circle:nth-child(4),
.fpprobuttonseta-decor svg circle:nth-child(8)  { animation-delay: .36s; }
.fpprobuttonseta-decor svg circle:nth-child(5)  { animation-delay: .48s; }
.fpprobuttonseta-decor svg circle:nth-child(6)  { animation-delay: .6s; }
.d3{
  border-top: 0;
}  
.upx{
  margin-top: 20px;
}
.gridofertaout{
  position: absolute;
  width: 100%;
  height: 800px;
  overflow: hidden;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  box-sizing: border-box;
  z-index: 1;
}  
.gridoferta{
  width: 140%;
  height: 100%;
  flex-shrink: 0;
  background-color: transparent;
  background-image: linear-gradient(90deg, #d9d9d9, #d9d9d9 1px, transparent 1px, transparent 11px), 
                     linear-gradient(0deg, #d9d9d9, #d9d9d9 1px, transparent 1px, transparent 11px);
  background-size: 100px 100px;
  border: 1px solid #d9d9d9;
  transform: perspective(900px) rotateX(65deg) translateY(100px);
  animation: gridMove 1.5s linear infinite;
  will-change: background-position;
  mask: linear-gradient(to top, black 60%, transparent 95%);
  -webkit-mask: linear-gradient(to top, black 60%, transparent 95%);
}

@keyframes gridMove {
  from {
    background-position: 0 100px;
  }
  to {
    background-position: 0 0;
  }
}

.oferta .dotbthr{
  position: absolute;
  border-color: #fff;
}
.memoji2x{
  position: absolute;
  width: 90px;
  top: 350px;
  right: 40px;
}
.memoji3x{
  position: absolute;
  width: 80px;
  top:50px;
  left: 40px;
  transform: rotate(-40deg);
}
.memoji4x{
  position: absolute;
  width: 80px;
  top: 70px;
  right: 40px;
}
.memoji5x{
  position: absolute;
  width: 70px;
  bottom: 50px;
  right: 30px;
}
.memoji6x{
  position: absolute;
  width: 80px;
  bottom: 220px;
  left: 50px;
}
.memoji7x{
  position: absolute;
  width: 120px;
  bottom: 20px;
  left: 20px;
}

.oferta .fpprobuttonseta{
  --fpprobuttonsetacolor1: #4066FF;
  --fpprobuttonsetabordercolor: #7c95f7;
}

.fronthead.preco{
color: #71ff99 !important;
font-size: 128px;
}
.precopeq{
font-size: 26px; 
vertical-align: middle;
}
.cardoferta{
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 80px 40px;
  width: 600px;
  background: url("/Media/NEW/noisebg5.webp") center center/cover no-repeat;
  border: 17px solid #fff;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 2;
  box-sizing: border-box;
  overflow: hidden;
}

.frontout.ofertax{
background: #030613;
border-color: #232330;
flex-direction: column;
justify-content: center;
align-items: center;
}

.fronttext.destaquex{
background: linear-gradient(#4066FF, #A382FF);
width: auto !important;
padding: 15px 20px;
font-family: "GeistPixel", sans-serif;
font-size: 18px;
color: #fff !important;
position: relative;
}
.cardoferta .fronttext.destaquex{
  background: #fff;
  color: #0C0E1B !important;
  width: fit-content;
  font-size: 14px !important;
  padding: 12px 15px !important;
  box-shadow: none !important;
}
.frontinner.oferta {
    padding: 100px 60px;
    background: #0C0E1B;
    border-color: #232330;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}
.frontinner.bg2 {
    background: linear-gradient(#4066FF, #A382FF);
}
.oferta .fronthead,.fronttext{
  text-align: center;
  color: #fff;
}
.oferta .fronthead{
  width: 450px;
  color: #d8d8ff;
}
.oferta .fronttext{
  text-align: center !important;
  color: #ffffffda !important;
  width: 380px;
}

.oferta .infodot{
  background: #2960F5;
  color: #fff;
}
.oferta .infodot:before{
    background: #fff;
}
.lista-icones {
  list-style: none;     
  padding: 0;
  margin: 0;
  display: flex;            
  flex-wrap: wrap;           
  width: 335px;
  margin-top: 10px;
  gap: 20px;
  justify-content: center;           
}

.lista-icones li {
  display: flex;            
  align-items: center;    
  gap: 0.4rem;              
  color: #fff;  
  font-family: "Geist", sans-serif;
  font-size: 14px;
  margin: -5px;
}

.lista-icones svg {
  flex-shrink: 0; 
  width: 18px;  
  height: auto;
  stroke: #ffffff;       
}
.infobp{
 width: 250px !important;
 font-size: 16px;
}
@media(max-width:1024px){
.cardoferta{
  padding: 50px 20px;
  width: 100%;
  border: 12px solid #fff;
} 
.memoji2x{
  width: 50px;
  top: 350px;
  right: -20px;
}
.memoji3x{
  width: 60px;
  top: -5px;
  left: -10px;
  transform: rotate(-40deg);
}
.memoji4x{
  width: 55px;
  top: 40px;
  right: -5px;
}
.memoji5x{
  width: 40px;
  bottom: 10px;
  right: 0px;
}
.memoji6x{
  width: 50px;
  bottom: 350px;
  left: -20px;
}
.memoji7x{
  width: 70px;
  bottom: 10px;
  left: 10px;
  z-index: -1;
  opacity: 0.5;
}
.frontinner.oferta {
    padding: 60px 30px;
    padding-bottom: 90px;
    }
    .lista-icones {          
  width: 100%;
  gap: 8px;          
}
.lista-icones li { 
  gap: 0.2rem;              
  font-size: 11px;
  margin: 0px;
}

.lista-icones svg {
  width: 12px;       
}
.fronthead.preco{
font-size: 88px;
}
.bg2{
  padding: 60px 20px !important;
}
.oferta .fronthead{
  width: 250px;
}
.oferta .fronttext{
  width: 100%;
}
.gridofertaout{
  height: 500px;
}  
.gridoferta{
  width: 120%;
  transform: perspective(900px) rotateX(65deg) translateY(150px);
}
.infobp{
 width: 250px !important;
 font-size: 14px;
}
}
/* PREÇO */




/* FAQ */
.faq2 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-bottom: 80px;
}

.faq-item2 {
  background: #1E222A;
  border-radius: 20px;
  overflow: hidden;
}

.faq-trigger2 {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 20px 20px;
  background: none;
  border: none;
  cursor: pointer;
  text-align: left;
  font: inherit;
}

.faq-icon2 {
  flex: 0 0 auto;
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: #E6E6E6;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateZ(0) rotate(0deg);
  transition: 0.3s ease;
}

.faq-icon2 svg {
  width: 20px;
  height: 20px;
  stroke: #1E222A;
  opacity: 0.75;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
  transform: translateZ(0) rotate(0deg);
  transition: 0.3s ease;
}

.faq-item2.open2 .faq-icon2 {
  background: #f5ff67;
}

.faq-item2.open2 .faq-icon2 svg{
  transform: translateZ(0) rotate(45deg);
}

.faq-title2 {
  margin: 0;
  font-size: 18px;
  padding-right: 100px;
  font-weight: 400;
  color: #E6E6E6;
  line-height: 1.2;
  font-family: "GeistPixel", sans-serif;
}

.faq-panel2 {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.35s ease;
}

.faq-item2.open2 .faq-panel2 {
  grid-template-rows: 1fr;
}

.faq-panel-inner2 {
  min-height: 0;
  overflow: hidden;
}

.faq-answer2 {
  margin: 0;
  padding: 0 30px 32px;
  color: #e6e6e6d0;
  font-size: 14px;
  line-height: 20px;
  white-space: pre-line;
  opacity: 0;
  transition: opacity 0.25s ease;
  font-family: "Geist", sans-serif;
  will-change: opacity;
}

.faq-item2.open2 .faq-answer2 {
  opacity: 1;
  transition: opacity 0.8s ease 0.25s;
}

.faq-trigger2:focus-visible {
  outline: 3px solid #D3FF00;
  outline-offset: -3px;
}


.frontinner.faqsec{
  background: linear-gradient(#E6E6E6, #FFFF5E);
  padding: 80px 60px;
}  
.faqsec .fronttext{
width: 350px;
}
.faqsecinner{
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: start;
  align-items: start;
  box-sizing: border-box;
  width: 50%;
}
@media(max-width: 1024px){
 .frontinner.faqsec{
  flex-direction: column;
  padding: 60px 30px;
  padding-bottom: 0px;
}  
.faqsec .fronttext{
width: 100%;
}
.faqsecinner{
  width: 100%;
}
.x2{
  margin-top: 40px;
}
.faq-title2 {
  padding-right: 20px;
  font-family: 16px;
}
}
/* FAQ */



/* RODAPÉ */
.lastx{
  border: none !important;
  box-sizing: border-box;
} 
.last .fronthead{
  font-size: 160px;
  color: #fff;
  opacity: 0.5 !important;
  font-weight: 500;
  align-self: center;
}
.last{
  justify-content: center;
  align-items: end;
  flex-direction: column;
  box-sizing: border-box;
  position: relative;
  padding: 0 !important;
}
.take{
align-self: end; 
width: fit-content !important; 
text-decoration: none; 
margin-top: 10px;  
font-family: "GeistPixel", sans-serif;
font-weight: 400;
color: #eaf2ff !important;
font-size: 14px !important;
filter: brightness(0.6)
}  
.take{
  transition: 0.5s;
}
.take:hover{
  filter: brightness(1.5);
}
.frontinner.footer{
  background: transparent;
  border-color:#232330;
  padding: 50px 60px;
  overflow: hidden;
}  
.frontinner.last{
  background: linear-gradient(transparent, #030613, #2575BB, #D2C7F2, #D7D6E6);
  height: 400px;
  align-items: end;
  justify-content: end;
}
.anoAtual {
    font-size: 14px;
    color: #eaf2ff;
    text-align: center;
    font-family: "GeistPixel", sans-serif;
    text-align: start;
}  
.footerinner{
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: start;
  align-items: start;
  box-sizing: border-box;
  width: 50%;
}
@media(max-width: 1024px){
 .frontinner.footer{
  flex-direction: column;
  padding: 60px 30px;
}  
.footerinner{
  width: 100%;
}
.x2{
  margin-top: 40px;
}
.take{
align-self: start;
margin-top: 10px;  
font-size: 12px !important;
padding-right: 80px;
} 
.last .fronthead{
  font-size: 12vw;
  align-self: center;
}
.frontinner.last{
  height: 200px;
  align-items: end;
  justify-content: end;
  overflow: hidden;
}
}
/* RODAPÉ */