:root{
    --zenite:       #025b93;
    --zenite-star:  #9f7f3f;
    --primary:      #a53f0e;
    --second:       #1c3b5e;
    --third:        #8c7e48;
    --contrast:     #9b3b0d;
    --background:   #e9e5d8;
    --bg2:          #e6f4f9;
    --text:         #000000;

    --white:        #ffffff;
    --light-gray:   #dfdfdf;
    --black:        #000000;

    --blu:          #bf4a12;
    --blu2:         #f76119;
    --blu3:         #a6400f;

    --btn-01:       #8c7e48;
    --btn-02:       #1c3b5e;

    --gradient-01a:  200,  90,  1, 1;
    --gradient-01b:  220,  94, 1, 1;
    --gradient-02a:  62,  99, 133, .3;
    --gradient-02b:  92, 180, 238, .3;
    --gradient-03a:  01,  89,  88, 1;
    --gradient-03b:  01, 137, 134, 1;
    --gradient-04a: 193, 255, 231, 1;
    --gradient-04b:  01,  89,  88, 1;
    --gradient-05a:  28,  59,  94, 1;
    --gradient-05b:  92, 180, 238, 1;
    --gradient-06a:  21,  33,  48, 1;
    --gradient-06b:  01,  89,  88, 1;

    
    --color-01:     #bea145;
    --color-02:     #015958;
    --color-03:     06, 37, 64, .9;
}

html {
  scroll-behavior: smooth;
}

html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    overflow-x: hidden; /* Impede o estouro do conteúdo */
    
}

.clear  {clear: both;}

.color-second {
    color: #e4b55a;
}



.centro {
    align-items: center;
}

.color-dark {
    color: #fff;
    color: #fff;
}

.t90 {
    margin-top: 90px;
}

/*TESTE*/

 svg {
     opacity: 65%;
     position: absolute;
     margin-top: -11%;
     margin-left: 36.5%;
            width: 5vw;
            height: 100vh;
        }

        circle {
            fill: white;
        }
    
        .polygon {
            transform-origin: 100px 100px;
            animation: wiperMotion 8s infinite;
        }

        @keyframes wiperMotion {
            0%, 100% {
                transform: rotate(-10deg);
            }
            50% {
                transform: rotate(10deg);
            }
        }

.giftopo {
    width: 30%;
    margin-left: 14% ;
    margin-top: -1%
    
}

.gif-wrap img{
  display:block;        /* tira espaço indesejado abaixo da imagem */
  max-width:100%;       /* responsivo */
  height:auto;          /* mantém proporção */
  border:0;
}

/* garante posicionamento do overlay e respeita cantos arredondados */


/* Botão redondo branco centralizado */
.play-badge{
  --size: clamp(66px, 30vw, 104px);
  position: absolute;
  left: 50%;
  top: 76%;
  transform: translate(-50%, -50%);
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  background: #fff;        /* círculo branco */
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
  pointer-events: none;    /* puramente visual */
}

/* Triângulo (play) preto no centro */
.play-badge::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  /* leve deslocamento à direita para centralizar visualmente o triângulo */
  transform: translate(-38%, -50%);
  width: 0; height: 0;
  border-left: calc(var(--size) * 0.40) solid #000;        /* preto */
  border-top:  calc(var(--size) * 0.24) solid transparent;
  border-bottom: calc(var(--size) * 0.24) solid transparent;
}

/* Pulso suave ao redor do botão (opcional) */
.play-badge::after{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  box-shadow: 0 0 0 0 rgba(255,255,255,0.75);
  animation: playPulse 1.8s ease-out infinite;
}

@keyframes playPulse{
  0%   { box-shadow: 0 0 0 0 rgba(255,255,255,0.75); }
  70%  { box-shadow: 0 0 0 18px rgba(255,255,255,0); }
  100% { box-shadow: 0 0 0 18px rgba(255,255,255,0); }
}


.hero-video{
    border-radius: 30px;
  display:block;
  width:100%;
  height:150%; object-fit: cover           /* mantém proporção do vídeo */
  /* Se quiser “cortar” para preencher o container, use: */
  /* height:100%; object-fit:cover; */
}

.mulher {
    position: absolute;
    z-index: 2;
    width: 40%;
    margin-left: 24vh;
    margin-top: -30.5vw;
   
}

.pessoas {
    position: absolute;
    z-index: -1;
    width: 45%;
    margin-left: -1vh;
    margin-top: 0vw;
}

  :root{
    --gold: #bd9f61;
    --blue: #162a4a;
    --content-max: 1100px; /* largura máxima do conteúdo centralizado */
  }

  .zenite-section{ max-width:1200px; margin:0 auto; padding:0 16px; }

  .zenite-bullets{ list-style:none; margin:0; padding:0; display:grid; gap:22px; }

  /* Faixa: mantém separadores e o gradiente; remove padding horizontal,
     pois o conteúdo agora está dentro do wrapper centralizado */
  .zenite-bullets li{
    position:relative;
    background-color: transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.55), inset 0 -1px 0 rgba(255,255,255,.55);
    border-radius:4px;
  }

  /* Gradiente OURO -> TRANSPARENTE */
  .zenite-bullets li.gold{
    background-image: linear-gradient(90deg, rgba(189,159,97,.95) 85%, rgba(189,159,97,0) 100%);
  }
  /* Gradiente AZUL -> TRANSPARENTE */
  .zenite-bullets li.blue{
    background-image: linear-gradient(90deg, rgba(22,42,74,.95) 85%, rgba(22,42,74,0) 100%);
  }

  /* WRAPPER CENTRALIZADO: aqui ficam o bullet e o texto alinhados */
  .zenite-item{
    width: min(100%, var(--content-max));
    margin: 0 auto;                 /* centraliza o bloco dentro da faixa */
    padding: 30px 0px 30px 28px;             /* espaçamento interno do conteúdo */
    display: grid;
    grid-template-columns: auto 1fr;/* coluna do ícone + coluna do texto */
    gap: 12px;
    align-items: start;
    color: #fff;
      min-height: 120px;
  }

  /* Bullet como IMAGEM (você substitui o src no HTML) */
  .zenite-item .bullet{
    width: 18px; height: 18px;
    object-fit: contain;
    display: block;
    margin-top: 4px;                /* ajuste fino vertical */
  }

  .zenite-item p{
    margin: 0;
    font-size: 22px;
    line-height: 1.65;
    text-align: left;
  }

  @media (max-width:640px){
    :root{ --content-max: 100%; }
    .zenite-item{ padding: 18px; gap:10px; }
    .zenite-item .bullet{ width:16px; height:16px; margin-top:2px; }
    .zenite-item p{ font-size:16px; }
  }


        /* Configuração geral do carrossel */
        .caroussel-02 {
            
            margin-top: 60px !important;
            width: 100%;
            height: 100vh;
            margin: 0 auto;
        }

        /* Slides */
        .caroussel-slide {
           
            width: 100%;
            height: 100vh;
            background-size: cover;
            background-position: center;
        }

        /* Definição dos backgrounds */
      .banner-01{
  background-image: url(./mockup/topo2.png);
  background-repeat: no-repeat;
  background-position: top  /* ancora no topo */
  background-size: cover;          /* preenche e corta o excesso embaixo/lados */
  /* defina uma altura pro banner */
  min-height: 1100px; /* ajuste como preferir, ou use aspect-ratio */
  /* aspect-ratio: 16/9;  <- alternativa */
}
        .banner-02 {
            background: url('./mockup/bgdoiss.png') no-repeat top center;
        }

        /* Ajuste dos botões */
        .splide__arrow {
            background: rgba(0, 0, 0, 0.5);
            border-radius: 50%;
            width: 40px;
            height: 40px;
        }

        .splide__arrow svg {
            fill: white;
            width: 20px;
            height: 20px;
        }

        .splide__pagination {
            bottom: 15px;
        }

        .splide__pagination__page {
            background-color: white;
        }

        .splide__pagination__page.is-active {
            background-color: red;
        }
   

.carousel {
    scroll-behavior: smooth;
}


.wrapper {
  max-width: 1300px;
  width: 100%;
  position: relative;
}
.wrapper i {
  top: 100%;
  height: 50px;
  width: 50px;
  cursor: pointer;
  font-size: 1.25rem;
  position: absolute;
  text-align: center;
  line-height: 50px;
  background: transparent;
  border-radius: 0%;
  
  transform: translateY(-50%);
  transition: transform 0.1s linear;
}
.wrapper i:active{
  transform: translateY(-50%) scale(0.85);
}
.wrapper i:first-child{
  left: 400px;
}
.wrapper i:last-child{
  right: 400px;
}
.wrapper .carousel{
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: calc((100% / 4) - 12px);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  gap: 16px;
  border-radius: 20px;
  scroll-behavior: smooth;
  scrollbar-width: none;
}
.carousel::-webkit-scrollbar {
  display: none;
}
.carousel.no-transition {
  scroll-behavior: auto;
}
.carousel.dragging {
  scroll-snap-type: none;
  scroll-behavior: auto;
}
.carousel.dragging .card {
  cursor: grab;
  user-select: none;
}
.carousel :where(.card, .img) {
  display: flex;
  justify-content: center;
  align-items: center;
}
.carousel .card {
  scroll-snap-align: start;
  height: %;
  list-style: none;
  background: transparent;
  padding-bottom: 15px;
  flex-direction: column;
  border-radius: 10%;
}


.carousel .card {
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.carousel .card:hover {
    transform: scale(1.05);
}


.carousel .card .img {
  background: transparent;
  height: 100%;
  width: 100%;
  border-radius: 5%;
}
.card .img img {
  width: 100%;
  height: 100%;
  border-radius: 0%;
  object-fit: cover;
  
}

@media screen and (max-width: 900px) {
  .wrapper .carousel {
    grid-auto-columns: calc((100% / 2) - 9px);
  }
}
@media screen and (max-width: 600px) {
  .wrapper .carousel {
    grid-auto-columns: 100%;
  }
}


/*MEU CSS */

        .rotating-dots-container {
            position: absolute;
            width: 800px;
            height: 800px;
            margin-right: 430px;
            z-index: -1
        }

        .rotating-dots {
            position: absolute;
            width: 100%;
            height: 100%;
            background: url('mockup/bolinhas.png') no-repeat center center;
            background-size: contain;
            animation: rotate 40s linear infinite;
        }

        @keyframes rotate {
            0% {
                transform: rotate(0deg);
            }
            100% {
                transform: rotate(360deg);
            }
        }

   
            .highlight-section {
            text-align: center;
            
        }

        .highlight-section h2 {
    
            color: #fff;
        }

        .highlight-section h2 span {
            color: #ff7f00;
        }

        .button-container {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            
            
         
        }

        .highlight-button {
            font-family: Montserrat;
            background-color: #333;
            border: none;
            color: white;
            padding: 15px 60px;
            font-size: 22px;
            font-weight: 500;
            border-radius: 8px;
           

            overflow: hidden;
            transition: color 0.3s ease;
        }

        .highlight-button::before {
          transition: all 0.3s ease;
        }

    

        .highlight-button:hover {
          
            transition: all 0.3s ease;
  box-shadow: 0 0 35px rgba(255, 126, 0, 0.8);
  transform: scale(1.05);

         
        }

     

.glowing-dot2 {
         position: absolute;
            width: 50px;
            height: 50px;
            background-color: rgba(229, 229, 229, 0.4);
            border-radius: 50%;
            filter: blur(10px);
            opacity: 0;
            will-change: opacity, transform;
            animation: glow 3s ease-in-out infinite alternate, fadeIn 1s ease-in forwards;
        }

  .glowing-dot {
            position: absolute;
            width: 50px;
            height: 50px;
            background-color: rgba(255, 127, 0, 0.4);
            border-radius: 50%;
            filter: blur(10px);
            opacity: 0;
            will-change: opacity, transform;
            animation: glow 3s ease-in-out infinite alternate, fadeIn 1s ease-in forwards;
        }

        @keyframes glow {
            0% {
                opacity: 0.2;
                transform: scale(1);
                box-shadow: 0 0 20px rgba(255, 127, 0, 0.3);
            }
            50% {
                opacity: 0.8;
                transform: scale(1.4);
                box-shadow: 0 0 40px rgba(255, 127, 0, 0.6);
            }
            100% {
                opacity: 0.2;
                transform: scale(1);
                box-shadow: 0 0 20px rgba(255, 127, 0, 0.3);
            }
        }

        @keyframes fadeIn {
            from {
                opacity: 0;
            }
            to {
                opacity: 1;
            }
        }

        /* Posicionamento dos pontos brilhantes com efeito mais suave */
        .dot1 { top: 26%; left: 38%; animation-delay: 0s; }
        .dot2 { top: 74%; left: 75%; animation-delay: 1s; }
        .dot3 { top: 27%; left: 55%; animation-delay: 2s; }
        .dot4 { top: 36%; left: 79%; animation-delay: 1.5s; }
        .dot5 { top: 19%; left: 71%; animation-delay: 0.5s; }
    

#anchor-planos {
  scroll-margin-top: 10px; /* Ajuste o valor conforme necessário */
}

#anchor-videos {
  scroll-margin-top: 20px; /* Ajuste o valor conforme necessário */
}

#anchor-depo {
  scroll-margin-top: 40px; /* Ajuste o valor conforme necessário */
}

        /* Estilo da pop-up */
    .popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    overflow: hidden; /* Remove a rolagem do site */
}

/* Conteúdo da pop-up */
.popup-content {
    background: #fff;
    padding: 5px;
    border-radius: 8px;
    max-width: 50%;
    max-height: 90%; /* Limita o tamanho da pop-up */
    overflow-y: auto; /* Adiciona rolagem vertical na pop-up */
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2);
    z-index: 1001;
    position: relative;
}

/* Botão fechar */


/* Quando a pop-up estiver visível */
.popup-overlay.show {
    display: flex;
    overflow: hidden; /* Garante que o site embaixo não role */
}

        /* Estilo do botão de fechar */
        .close-btn {
            position: fixed;
            top: 3vw;
            right: 27vw;
            background-color: #ff4444;
            color: white;
            border: none;
            border-radius: 5px;
            padding: 5px 10px;
            cursor: pointer;
            font-size: 16px;
        }

.container {
            display: flex; /* Ativa o flexbox */
            justify-content: space-between; /* Espaço entre as colunas */
            align-items: flex-start; /* Alinha ao topo */
            gap: 20px; /* Espaço entre as colunas */
        }

        .coluna {
            flex: 1; /* As colunas têm largura igual */
            padding: 20px;
            border-radius: 8px;
        }

        .coluna:first-child {
            background-color: #122344; /* Fundo para a primeira coluna */
        }

        .coluna:last-child {
            background-color: #0d1a33; /* Fundo para a segunda coluna */
        }

        h2 {
            color: #00bcd4; /* Destaque no título */
        }

        ul {
            list-style-type: none;
            padding: 0;
        }

        ul li {
            display: flex;
            align-items: center;
            margin-bottom: 10px;
        }

      




.barra img {
    display: block; /* Evita espaços extras abaixo da imagem */
    max-width: 100%; /* Garante que a imagem não ultrapasse a div */
}

.barra2 img {
    margin-top: 0px;
    margin-bottom: -20px;

   margin-left: calc(102% - 0px);
     max-width: 15%; /* Garante que a imagem não ultrapasse a div */
}


.imgtextotopo  {

  
  margin-left: 0px;
    margin-top: 50vh;
}

.precos img {
    width: 100%
}

.imgtextotopo img {
    width: 70%;
    margin-top: -250px
}

.computador img {
    max-width: 150%;
    margin-left: -190px;
    
}

.precos {
    display: inline-block;
    text-decoration: none; /* Remove sublinhado dos links */
    transition: transform 0.3s ease-in-out;
    background-color: transparent;
}

.precos img {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: 10px; /* Arredonda os cantos da imagem */
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}


.precos:hover {
    transform: scale(1.03); /* Aumenta levemente no hover */
}

.precos img:hover {
    transform: scale(1.03); /* Aumenta levemente no hover */
    box-shadow: 0 0 35px #ef7d07, 0 0 30px rgba(239, 125, 7, 0.6); /* Brilho laranja */
    
}

.computador {
    width: 70%
}

.textocomputador {
    width: 0%
}

.videoum img {
    width: 120%;
        margin-left: -100px
}

.iazntt {
    margin-top: 60px;
    margin-bottom: 30px;
      width: 1000px;
    height: 420px;
    background-position: center !important;
     background-size: cover; 
    background-image: url('mockup/textoia.png') 
}

.assinaimg {
    margin-top: 150px; margin-bottom: 250px;
    max-height: 200px;
}

.intuitiva{
    text-align: left; font-size: 60px; margin-left: -60vh; margin-top:25vh
}

.container-fluid {
    
    width: 1400px;
}


/*HEADER*/


a{
  text-decoration:none
}

.header {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  align-content: flex-start;
  min-width: 300px;
  color: #eee;
  min-height: 200px; /* Defina uma altura mínima */
}

.header:after {
  content: "";
  width: 100%;
  height: 100%;
  z-index: -1;
}

.header:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #1B2030 url(mockup/banner-topo.png) no-repeat;
  background-size: cover;
  background-position: center center; /* Centraliza a imagem */
  z-index: -2;
}



.header a{
  color:#eee
}
.menu{
  display:block;
  width:40px;
  height:30px;
  border:2px solid #fff;
  border-radius:3px;
  position:absolute;
  right:20px;
  top:20px;
  text-decoration:none
}
.menu:after{
  content:"";
  display:block;
  width:20px;
  height:3px;
  background:#fff;
  position:absolute;
  margin:0 auto;
  top:5px;
  left:0;
  right:0;
  box-shadow:0 8px, 0 16px
}

.sides, .info{
  flex: 0 0 auto;
  width:50%
}
.info{
  width:100%;
  padding:15% 10% 0 10%;
  text-align:center;
  text-shadow:0 2px 3px rgba(0,0,0,0.2)
}
.author{
  display:inline-block;
  width:50px;
  height:50px;
  border-radius:50%;
  background:url(https://i.imgur.com/6DLCsZcb.jpg) center no-repeat;
  background-size:cover;
  box-shadow:0 2px 3px rgba(0,0,0,0.3);
  margin-bottom:3px
}
.info h4, .meta{
  font-size:0.7em
}
.meta{
  font-style:italic;
}
@keyframes grow{
  0% { transform: scale(1) translateY(0px)}
  50% { transform: scale(1.2) translateY(-400px)}
}
.content{  
  padding:5% 10%;
  text-align:justify
}


html{
    margin: 0px;
}
body{
    height: 100%;
    width: 100%;
    padding: 0px;
    margin: 0px;
    color: #ffffff;
    font-display: auto;
    font-family: "Montserrat", serif;
    background-color: #FFFFFF;
}

/*BOTOES BOTO*/

.popup-image {
    width: 100%;
    height: auto;
    display: block; /* Exibida por padrão */
}

.destaque img {
    
   position: absolute;
    max-width: 25%;
    margin-top: -10vw;
    margin-left: -35vw
   
   
}

.brilhobox img {
    margin-top: 100px;
    max-width: 60%;
    margin-bottom: 100px;

}

.btn4{
    float: left;
    min-width: 16.625rem;
    min-height: 3.5rem;
    border-radius: 2.25rem;
    font-size: 1.5rem;
    font-weight: 700;
    color: white !important;
    line-height: 1.5rem;
    padding: 1.2rem 4rem;
    margin-bottom: 20px;
        transition: all 0.3s ease;
    
}

.btn44{
    float: right;
    min-width: 16.625rem;
    min-height: 3.5rem;
    min-height: 3.5rem;
    border-radius: 2.25rem;
    font-size: 1.5rem;
    font-weight: 700;
    color: white !important;
    line-height: 1.5rem;
    padding: 1.2rem 2.9rem;
    margin-bottom: 20px;
        transition: all 0.3s ease;
    margin-right: 3.3vw;
    
}


.btn444{
    float: right;
  text-align: center;
min-width: 22rem;
    border-radius: 6.25rem;
    font-size: 1.2rem;
    font-weight: 500;
    color: black !important;
    line-height: .7rem;
    padding: 1rem 3rem 1rem 3.5rem;
    margin-bottom: 20px;
        transition: all 0.5s ease;
     margin-right: 4vw;
    margin-top: 100px;
    
}


.btn4442{
    float: right;
  
 text-align: center;
min-width: 22rem;
    border-radius: 6.25rem;
    font-size: 1.2rem;
    font-weight: 500;
    color: white !important;
    line-height: .7rem;
    padding: 1rem 3rem 1rem 3.5rem;
    margin-bottom: 20px;
        transition: all 0.5s ease;
    margin-right: 4vw;
    
}


.btn-greenn{
    background-color: #dcaa1d;
     border: 2px solid white;
}
    .btn-greenn:hover{
        background-color: white;
        color: #dcaa1d !important;
        border-color: #dcaa1d;
    }


.btn-zfia{
    background-color: #28d38d;
   
}
    .btn-zfia:hover{
        background-color: #115d3e;
        color: white !important;
       
    }


.btn-zfia2{
    background-color: #1d76e1;
    
}
    .btn-zfia2:hover{
        background-color: white;
        color: #1d76e1 !important;
        
    }



.btn-green{
    background-color: #957e45;
     border: 2px solid white;
}
    .btn-green:hover{
        background-color: white;
        color: #957e45 !important;
        border-color: #957e45;
    }

.clickable {
    cursor: pointer;
}

/*CARROSSEL*/

.card-title {
    font-weight: 650 ;
    color: #a37442 ;
}

@media (min-width: 768px) {
  /* show 3 items */
  .carousel-inner .active,
  .carousel-inner .active + .carousel-item,
  .carousel-inner .active + .carousel-item + .carousel-item {
    display: block;
  }
    
    

  .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
  .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
  .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
    transition: none;
  }

  .carousel-inner .carousel-item-next,
  .carousel-inner .carousel-item-prev {
    position: relative;
    transform: translate3d(0, 0, 0);
  }

  .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item {
    position: absolute;
    top: 0;
    right: -33.3333%;
    z-index: -1;
    display: block;
    visibility: visible;
  }

  /* left or forward direction */
  .active.carousel-item-left + .carousel-item-next.carousel-item-left,
  .carousel-item-next.carousel-item-left + .carousel-item,
  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  /* farthest right hidden item must be abso position for animations */
  .carousel-inner .carousel-item-prev.carousel-item-right {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    visibility: visible;
  }

  /* right or prev direction */
  .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
  .carousel-item-prev.carousel-item-right + .carousel-item,
  .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
  .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(100%, 0, 0);
    visibility: visible;
    display: block;
    visibility: visible;
  }
}


.card-body {
    
 min-height: 210px;
max-width: 600px;
}

.carousel-item {
  min-width: 250px; /* Defina o tamanho mínimo desejado */
  width: 100%; /* Garante que os cards ocupem toda a largura disponível */
  
 
}

.carousel-item {
  min-width: 250px; /* Defina o tamanho mínimo desejado */
  width: 100%; /* Garante que os cards ocupem toda a largura disponível */
  border-radius: 20px; /* Cantos arredondados */
  overflow: hidden; /* Garante que o conteúdo não ultrapasse os limites do card */
  transition: transform 0.6s ease; /* Transição suave para o efeito de zoom */
}

.carousel-item:hover {
  transform: scale(1.05); /* Aumenta ligeiramente o tamanho ao passar o mouse */
}

.carousel-item .card {

  border-radius: 10px; /* Cantos arredondados */
}

.owl-theme .owl-nav {
    margin-top: 40px !important;
}

.owl-dots {
    display: none;
}

.custom-carousel-control-prev,
.custom-carousel-control-next {
  position: absolute;
  top: 50% ;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background-color: #30908a;
  color: white;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  z-index: 1;
  transition: background-color 0.3s ease; /* Transição suave de cor */
}

.custom-carousel-control-prev {
  left: 20% !important;

}

.custom-carousel-control-next {
  right: 20% !important;
   
}

.custom-carousel-control-prev:hover,
.custom-carousel-control-next:hover {
  background-color: #dcaa1d;
}

.custom-carousel-control-prev-icon,
.custom-carousel-control-next-icon {
  width: 20px;
  height: 20px;
  background: no-repeat center center;
  background-size: 100% 100%;
}

.custom-carousel-control-prev-icon {
  background-image: url('mockup/setae.png'); /* Path to your custom prev icon */
}

.custom-carousel-control-next-icon {
  background-image: url('mockup/setad.png'); /* Path to your custom next icon */
}





/*GRIDS*/

.grid    {float: left;}
.grid-1  {width: 100%; margin: 0 auto;}
.grid-2  {width: 50%;}
.grid-3  {width: 33.33%;}
.grid-4  {width: 25%;}
.grid-35 {width: 35%;}
.grid-40 {width: 40%;}
.grid-60 {width: 60%;}
.grid-65 {width: 65%;}
.grid-70 {width: 70%;}
.grid-80 {width: 80%;}

/* 10 */

.frame {
  width: 90%;
  margin: 40px auto;
  text-align: center;
}
button {
  margin: 10px;
}
.custom-btn {
    font-size: 20px;
  width: 250px;
  height: 70px;
  color: black;
  border-radius: 25px;
  padding: 10px 10px;
  font-family: roboto, arial, helvetica, sans-serif;
  font-weight: 600;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
   box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
   7px 7px 20px 0px rgba(0,0,0,.1),
   4px 4px 5px 0px rgba(0,0,0,.1);
  outline: none;
}

.btn-10 {
  background: rgb(69,128,123);
background: linear-gradient(0deg, rgba(69,128,123,1) 0%, rgba(54,162,153,1) 100%);
  color: #fff;
  border: none;
  transition: all 0.3s ease;
  overflow: hidden;
}
.btn-10:after {
  position: absolute;
  content: " ";
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease;
  -webkit-transform: scale(.1);
  transform: scale(.1);
}
.btn-10:hover {
  color: #fff;
  border: none;
  background: transparent;
}
.btn-10:hover:after {
  background: rgb(0,3,255);
background: linear-gradient(0deg, rgba(45,166,156,1) 0%,  rgba(19,175,162,1)100%);
  -webkit-transform: scale(1);
  transform: scale(1);
}




/*OUTRO BOTAO*/

.btn-100 {
  background: rgb(69,128,123);
background: linear-gradient(0deg, rgba(212,164,31,1) 0%, rgba(224,169,14,1) 100%);
  color: #fff;
  border: none;
  transition: all 0.3s ease;
  overflow: hidden;
}
.btn-100:after {
  position: absolute;
  content: " ";
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  transition: all 0.3s ease;
  -webkit-transform: scale(.1);
  transform: scale(.1);
}
.btn-100:hover {
  color: #fff;
  border: none;
  background: transparent;
}
.btn-100:hover:after {
  background: rgb(0,3,255);
background: linear-gradient(0deg, rgba(241,191,49,1) 0%,  rgba(244,186,22,1)100%);
  -webkit-transform: scale(1);
  transform: scale(1);
}

/*OUTRO BOTAO ASSINAR*/

.custom-btnn {
    font-size: 22px;
  width: 540px;
  height: 70px;
  color: black;
  border-radius: 35px;
  padding: 10px 10px;
  font-family: Montserrat;
  font-weight: 600;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
display: flex
   box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
   7px 7px 20px 0px rgba(0,0,0,.1),
   4px 4px 5px 0px rgba(0,0,0,.1);
  outline: none;
}

.custom-btnnn {
    margin-top: 35px;
    margin-left: 100px;
    font-size: 16px;
  width: 150px;
  height: 30px;
  color: black;
  border-radius: 35px;
  padding: 0px 0px;
  font-family: Montserrat;
  font-weight: 500;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
display: flex
   box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
   7px 7px 20px 0px rgba(0,0,0,.1),
   4px 4px 5px 0px rgba(0,0,0,.1);
  outline: none;
}


.btn-1000 {
  background: #18293b;
  color: #fff;
  border: none;
  transition: all 0.3s ease;
  overflow: hidden;
}

.btn-1000:hover {
  box-shadow: 0 0 25px rgba(51, 74, 99, 0.8);
  transform: scale(1.05);
}

.btn-10000 {
  background: #967f43;

  color: #fff;
  border: none;
  transition: all 0.3s ease;
  overflow: hidden;
}

.btn-10000:hover {
  box-shadow: 0 0 25px rgba(172, 151, 95, 0.8);
  transform: scale(1.05);
}


.container-1140 {
    width: 100%; /* Ajuste conforme necessário */
    display: flex; /* Utiliza o modelo de caixa flexível */
    flex-direction: column; /* Garante que as divs fiquem uma embaixo da outra */
    align-items: center; /* Centraliza as divs horizontalmente */
    background-color: transparent
    
}

.container-1200 {
    width: 100%;
    display: flex; /* Utiliza o modelo de caixa flexível */
    flex-direction: column; /* Garante que as divs fiquem uma embaixo da outra */
    align-items: center; /* Centraliza as divs horizontalmente */
    background-color: transparent
    
}



.container-1300 {
    width: 100%; /* Ajuste conforme necessário */
    display: flex; /* Utiliza o modelo de caixa flexível */
    flex-direction: column; /* Garante que as divs fiquem uma embaixo da outra */
    align-items: center; /* Centraliza as divs horizontalmente */
}

.w900, .w625 {
    width: 100%; /* Ajusta a largura ao tamanho do contêiner principal */
    max-width: 900px; /* Define um valor máximo de largura */
    margin: 0 auto; /* Centraliza a div dentro do contêiner */
}

.w626 {
    display: flex;
     max-width: 900px; /* Define um valor máximo de largura */
    justify-content: center; /* Centraliza horizontalmente */
    align-items: flex-start; /* Alinha no topo */
    height: auto; /* Ou defina um tamanho fixo */
}


.w627 {
    display: flex;
     max-width: 1200px; /* Define um valor máximo de largura */
    justify-content: center; /* Centraliza horizontalmente */
    align-items: flex-start; /* Alinha no topo */
    height: auto; /* Ou defina um tamanho fixo */
}

.w628 {
    display: flex;
     max-width: 1050px; /* Define um valor máximo de largura */
    justify-content: center; /* Centraliza horizontalmente */
    align-items: flex-start; /* Alinha no topo */
    height: auto; /* Ou defina um tamanho fixo */
}


.w629 {
   display: flex;
    justify-content: flex-start;
    width: 1060px;
}



.w6255 {
    width: 100%; /* Ajusta a largura ao tamanho do contêiner principal */
    max-width: 870px; /* Define um valor máximo de largura */
    margin: 0 auto; /* Centraliza a div dentro do contêiner */
}


/*BACKGROUNDS*/

.bg-white   {background-color: var(--white);}
.bg-dark    {background-color: var(--black);}
.bg-color   {background-color: var(--background);}


.bg-001{
    float: left;
    margin: 0 auto;
    width: 100%;
    background: #ffffff url('mockup/bg_ia.png') no-repeat center center;
    background-size: cover;
}

.bg-0001{
    float: left;
    margin: 0 auto;
    width: 100%;
    background: #ffffff url('mockup/bg_ia.png') no-repeat center center;
    background-size: cover;
}

.bg-002{
    float: left;
    float: left;
    margin: 0 auto;
    width: 100%;
    background: #ffffff url('mockup/video2.webp') no-repeat center center;
    background-size: cover;
}

.bg-003{
    float: left;
    margin: 0 auto;
    width: 100%;
    background: #ffffff url('mockup/bg-depo.png') no-repeat center center;
    background-size: cover;
}

.bg-004{
    float: left;
    margin: 0 auto;
    width: 100%;
    background: #ffffff url('mockup/numerosbg.webp') no-repeat center center;
    background-size: cover;
}

.bg-005 {
    float: left;
    margin: 0 auto;
    width: 100%;
    background: #ffffff url('mockup/rodape.png') no-repeat top center;
    background-size: cover;
    background-attachment: scroll; /* Garante que o fundo role com a página */
   
}

.bg-006{
    float: left;
    margin: 0 auto;
    width: 100%;
    background: #ffffff url('mockup/banner.png') no-repeat center center;
    background-size: cover;
  
    
}



/*ANIMAÇÃO PUBLICO*/

.image-container2 {
    display: grid
;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(2, auto);
    gap: 30px;
    justify-content: center;
    justify-items: center;
}

.image-container2 img {
    width: 80%; /* Ajusta o tamanho das imagens */
   
    height: auto;
    border-radius: 10px; /* Borda arredondada opcional */
     transition: transform 0.5s ease-in-out;
}

.image-container2 img:hover {
    transform: scale(1.08);
        
}


.image-container {
    
    width: 100%;
    max-width: 1140px;
    position: relative;
    height: 300px; 
}

.image-container img {
    width: 100%
}

.animated-image {
    position: absolute;
   
 
}



.slide-in-left {
    right: -50%;
}

.slide-in {
    animation: slideIn 3s forwards;
}

@keyframes slideIn {
    from {
        left: -50%;
    }
    to {
        left: 0%;
    }
}



.slide-in-right {
   
    right: -50%;
}

.slide-in-right.slide-in {
    animation: slideInRight 3s forwards;
}

@keyframes slideInRight {
    from {
        right: -50%;
    }
    to {
        right: 0%;
    }
} 


.w900, .w625 {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}

.w1200 {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}


.zfsem {
            position: absolute;
            margin: -5vh 0vh 0vh -16vh;
           max-height: 20%;
        }

/*NAVBAR*/

        .center-placeholder {
            text-align: center;
        }

        /* Centralizando o placeholder no Firefox */
        input.center-placeholder::-moz-placeholder {
            text-align: center;
        }

        /* Centralizando o placeholder no Internet Explorer 10+ */
        input.center-placeholder:-ms-input-placeholder {
            text-align: center;
        }

        /* Centralizando o placeholder no Chrome, Safari e Opera */
        input.center-placeholder::placeholder {
            text-align: center;
        }

        .auth {
            display: flex;
            align-items: center;
            margin-top: -31px;
        }

        .auth input {
            margin-left: 20px;
          
            padding: 6px;
            border: 1px solid #ccc;
            border-radius: 20px;
            outline: none;
        }

.check {
    
    margin-left: 20px;
    margin-bottom: 0px
}

.menu-logo{
    width: 130px;
    height: 46px;
    margin: 16px 50px 5px;
    
}


.menu-logo img {
    
    text-align: center;
    width: 90px;
    margin-top: 18px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.menu-logo img:hover {
    transform: scale(1.1); /* Expansão ao passar o mouse */

}

.myMenu2{
    position: fixed;
    top: 0px;
    width: 100%;
    height: 75px;
    left: 0;
    font-size: 16px;
    font-weight: 600;
    background-color: #ffffff;
    -webkit-backdrop-filter: blur(30px) saturate(180%);
    backdrop-filter: blur(15px) saturate(30%);
    z-index: 10;
}

.myMenu{
    display: none;
    position: fixed;
    bottom: 0px;
    width: 100%;
    height: 80px;
    left: 0;
    font-size: 20px;
    font-weight: 600;
    background-color: rgba(20,20,20,.35);
    -webkit-backdrop-filter: blur(30px) saturate(180%);
    backdrop-filter: blur(15px) saturate(30%);
    z-index: 10;
}
.menu-container{
    max-width: 1200px;
    margin: -1%;
    margin-left: 45%;
}

.myMenu2 ul{
    float: left;
    list-style-type: none;
    padding: 0;
    width: 600px;
  
    text-align: center;
}
    .myMenu2 ul>li{
        float: left;
        max-height: 35px;
        padding: 0px 18px;
        line-height: 65px;
        text-transform: uppercase;
        display: block;
    }
        .myMenu2 ul>li>a {transition: .2s all; color: white;
font-weight: 500;}
            .myMenu ul>li>a:hover {color: #ef7d07}

.myMenu ul{
    float: left;
    list-style-type: none;
    padding: 0;
    width: 850px;
  
    text-align: center;
}
    .myMenu ul>li{
        float: left;
        max-height: 35px;
        padding: 0px 18px;
        line-height: 65px;
        text-transform: uppercase;
        display: block;
    }
        .myMenu ul>li>a {transition: .2s all; color: white;
font-weight: 500; text-transform: none; font-size: 14px;}
            .myMenu ul>li>a:hover {color: #ef7d07}

    .menu-social{
        float: left;
        padding-top: 40px;
    }
        .menu-social>a{
            margin: 0 6px;
        }
        .menu-social>a:hover{
            opacity: .3;
        }

            .menu-social>a>img{
                height: 22px;
            }

    .menu-social a[href*="whatsapp.com"] img {
    height: 30px;
}


/* Menu Fix top */
.menu{
    max-width: 100%;
    border-radius: 0px;
    z-index: 10;
}

.anchor{
    float: left;
    width: 0px;
    height: 0;
    position: relative;
    top: -110px;
}


/*ANIMAÇÃO APARECE*/

        .container {
            position: relative;
            width: 1140px;
            height: auto;
            overflow: hidden;
        }

        .aparece1 {
            max-width: 50%;
            height: auto;
            display: block;
            float: left;
        }

        .aparece2 {
            z-index: -1;
            position: absolute;
            top: 0;
            left: 0;
            max-width: 50%;
            max-height: 100%;
            transform: translateX(50%);
            transition: transform 2s ease-in-out;
        }

/*NEON*/

.numlado {
    margin-left: 20vh;
}

.texto-container {
    min-width: 400px;
    font
    
}
.ggg h3 {
    color: #bfb278; font-weight: 100;
}

.nnn h3 {
    color: #48abde; font-weight: 100;
}

.neon-container {
       text-align: center;
    display: inline-flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-evenly;
    align-items: flex-start;
}

.neon-text-gold {
    text-align: center;
    font-size: 120px;
    color: #bfb278;
    text-shadow: 0 0 5px #bfb278, 
                 0 0 10px #bfb278, 
                 0 0 15px #bfb278, 
                 0 0 200px #bfb278, 
                 0 0 40px #bfb278, 
                 0 0 5px #bfb278, 
                 0 0 6px #bfb278;
}

.neon-text-blue {
    font-size: 120px;
    text-align: center;
    color: #1778b3;
    text-shadow: 0 0 5px #1778b3, 
                 0 0 10px #1778b3, 
                 0 0 15px #1778b3, 
                 0 0 200px #1778b3, 
                 0 0 40px #1778b3, 
                 0 0 90px #1778b3, 
                 0 0 6px #1778b3;
}

    /* Footer */

.grid    {float: left;}
.grid-1  {width: 100%; margin: 0 auto;}
.grid-2  {width: 50%;}
.grid-3  {width: 33.33%;}
.grid-4  {width: 25%;}
.grid-35 {width: 35%;}
.grid-40 {width: 40%;}
.grid-60 {width: 60%;}
.grid-65 {width: 65%;}
.grid-70 {width: 70%;}
.grid-80 {width: 80%;}

.line-08 {line-height: 0.813rem;}
.line1-6 {line-height: 1.6rem;}
.line2 {line-height: 2rem;}
.line3 {line-height: 3rem;}
.line1-4em {line-height: 1.4em;}

.footer-logo{
    margin: 0px 0px 0px 0px;
    float: left;
    width: 16.75rem;
}


.logoz {
    
    transition: transform 0.5s ease-in-out;
}

.logoz:hover {
    transform: scale(1.1)
}


    .footer-logo img{width: 100%; margin-top: 20px; margin-bottom: -20px}

    .mom{margin-top: -15vw;}
    .logo-evento-footer{width: 100%;}
    .logo-evento-footer img{width: 70%;}
    footer>.container-1140>.grid-40{width: 100%;}
   
    footer .border-04:last-child{width: 30%; border: 0;}



    footer .container-990, footer .container-1140{padding-bottom: 0;}
    footer a, footer p{text-align: left;}
    footer .border-04, footer .border-04:last-child{border: 0px; width: %;}
    footer .border-05{float: left; font-size: 16px; line-height: 2rem;}
    footer br{display: none;}
    .footer-social{width: 100%; text-align: center; margin-top: -100px;}
    footer .footer-social{width: 100%; text-align: center; margin-top: 10px; display: block;}

footer {
    width: 100%;
    background-color: var(--white);
    overflow: hidden;
    padding-bottom: 40px;
}
footer .grid>a {display: block;}
    footer a:hover {text-decoration: underline;}

footer .color-dark a{color: #fff}
footer .border-04{border-left: px solid #ef7d03}
footer .border-05{border-top: 1px solid #e4b55a; border-bottom: 1px solid #e4b55a;}

.footer-social{
    width: 160px;
}
    .footer-social>a{
        margin: 0 6px;
        height: 22px;
    }
    .footer-social>a:hover{
        opacity: .3;
    }
    .footer-social>a>img{
        height: 33px;
    }

/* Margin & Padding */

.pad-lr15 {padding-left: 15px; padding-right: 15px;}
.pad-lr30 {padding-left: 30px; padding-right: 30px;}
.pad-lr50 {padding-left: 50px; padding-right: 50px;}
.pad2-lr50 {padding-left: 2.525rem; padding-right: 2.525rem;}
.pad-lr70 {padding-left: 70px; padding-right: 70px;}
.padlll {padding-left: 50px;}

.margin0        {margin: 0;}
.margin-center  {margin-left: auto; margin-right: auto;}

.margin-t-600   {margin-top: -600px;}
.margin-t20     {margin-top: 20px;}

.margin2-b130   {margin-bottom: 8.125rem;}

.margin-lr10    {margin-left: 10px; margin-right: 10px;}

.margin-l-130   {margin-left: calc(50% - 700px);}

.pad-25     {padding: 25px;}
.pad-35     {padding: 35px;}

.pad-lr20   {padding-left: 20px; padding-right: 20px;}
.pad-lr30   {padding-left: 30px; padding-right: 30px;}
.pad-lr40   {padding-left: 40px; padding-right: 40px;}
.pad-lr130  {padding-left: 130px; padding-right: 130px;}

.pad-tb60   {padding-top: 60px; padding-bottom: 60px;}
.pad2-tb10  {padding-top: 0.625rem; padding-bottom: 0.625rem;}
.pad2-tb20  {padding-top: 1.25rem; padding-bottom: 1.25rem;}
.pad2-tb50  {padding-top: 3.125rem; padding-bottom: 3.125rem;}
.pad2-tb70  {padding-top: 4.375rem; padding-bottom: 4.375rem;}
.pad2-tb100 {padding-top: 3.25rem; padding-bottom: 1.45rem;}

.pad-l25  {padding-left: 25px;}
.pad-l50  {padding-left: 50px;}
.pad2-l50  {padding-left: 2.125rem;}
.pad-l75  {padding-left: 75px;}

.pad-t50    {padding-top: 50px;}
.pad2-t100  {padding-top: 3.25rem;}

.pad-b10    {padding-bottom: 10px;}
.pad-b20  {padding-bottom: 20px;}
.pad-b90    {padding-bottom: 90px;}
.pad2-b200  {padding-bottom: 2.5rem;}

.pad-r40    {padding-right: 40px;}

.w284 {width: 286px; max-width: 100%;}
.w560 {width: 560px;}
.w625 {width: 625px;}
.w650 {width: 650px;}
.w690 {width: 690px;}
.w710 {width: 710px;}
.w750 {width: 750px;}
.w800 {width: 800px;}
.w850 {width: 850px;}
.w900 {width: 900px;}

body{
    height: 100%;
    width: 100%;
    padding: 0px;
    margin: 0px;
    color: #ffffff;
    font-display: auto;
    font-family: "Montserrat", serif;
    background-color: #ffffff;
}

.char {
    opacity: 0;
    animation: fadeIn 1s forwards;
}

@keyframes fadeIn {
    to {
        opacity: 1;
    }
}

/*BOTAO*/



.btn {
    font-family: poppins, arial, helvetica, sans-serif;
    font-size: 1.5rem !important;
    position: relative; /* Ensures the pseudo-element is positioned relative to the button */
    display: inline-block; /* Ensures the button sizes correctly */
    padding: 20px 30px; /* Adds some padding to the button */
    border-radius: 50px; /* Adjust as needed */
    text-decoration: none; /* Removes underline */
    transition: all .3s; /* Adds smooth transition for hover effect */
}

.btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.btn:active {
    transform: translateY(-1px);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.btn-white {
    background-color: #fff;
    color: #fff;
        border-radius: 2.25rem !important;
    min-width: 300px !important;
}

.btn::after {
    content: "";
    display: block; /* Ensures the pseudo-element takes up space */
    height: 100%;
    width: 100%;
    border-radius: 50px; /* Matches the border-radius of the button */
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1; /* Ensures the pseudo-element is behind the button */
    transition: all .4s;
}

.btn-white::after {
    background-color: #fff;
}

.btn:hover::after {
    transform: scaleX(1.4) scaleY(1.6);
    opacity: 0;
}

.btn-animate {
    animation: fadeIn 5s ease-out;
    animation-fill-mode: backwards;
}

/*CARROSSEL DE COMENTARIOS*/






.gtco-testimonials {
     
      max-width: 1300px;
      margin: auto;
    }

.gtco-testimonials .card {
    position: relative;
  background: 
    radial-gradient(circle at left top, rgba(4, 105, 166, 0.35), rgba(33,40,62,1) 70%),
    radial-gradient(circle at left bottom, rgba(4, 105, 166, 0.35), rgba(33,40,62,1) 70%),
    linear-gradient(90deg, rgba(33,40,62,1) 0%, rgba(15,82,102,1) 100%);
  
  margin: 0 10px;
  padding: 40px 60px;
  border-radius: 6px;
  border: 0;
  width: 380px;
  color: #fff;
}


    .gtco-testimonials .card .card-img-top {
        position: relative;
      max-width: 150px;
      border-radius: 50%;
    margin-bottom: -10px !important;
      margin: 15px auto 0;
      box-shadow: 0 8px 20px -4px #95abbb;
      width: 150px;
      height: 150px;
    }

    .gtco-testimonials .card h5 {
      color: #01b0f8;
      font-size: 21px;
      line-height: 1.3;
    }

    .gtco-testimonials .card h5 span {
      font-size: 18px;
      color: #666666;
    }

    .gtco-testimonials .card p {
      font-size: 18px;
      color: #555;
      padding-bottom: 1px;
    }

.gtco-testimonials .owl-carousel .owl-item.active.center .card {
    position: relative;
  opacity: 1;
  transform: scale(1.);
    z-index: 2 !important;
        


}

.gtco-testimonials .owl-carousel .owl-item:not(.center) .card {
    position: relative;
  opacity: 0.5;
  transform: scale(0.9);
    z-index: 1
}

.estrela {
    max-height: 80px;
    max-width: 90px;
    margin: 15px auto 0;
}


.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    height: auto;
}

.owl-carousel .owl-item {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.custom-carousel-control-prev,
.custom-carousel-control-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background-color: #30908a;
    color: white;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    z-index: 1;
    transition: background-color 0.3s ease; /* Transição suave de cor */
}

.custom-carousel-control-prev {
    left: 15px; /* Ajuste para mobile */
}

.custom-carousel-control-next {
    right: 15px; /* Ajuste para mobile */
}

.custom-carousel-control-prev:hover,
.custom-carousel-control-next:hover {
    background-color: #ef7d07;
}

.custom-carousel-control-prev-icon,
.custom-carousel-control-next-icon {
    width: 20px;
    height: 20px;
    background: no-repeat center center;
    background-size: 100% 100%;
}

.custom-carousel-control-prev-icon {
    background-image: url('mockup/setae.png'); /* Path to your custom prev icon */
}

.custom-carousel-control-next-icon {
    background-image: url('mockup/setad.png'); /* Path to your custom next icon */
}

/* Garanta um contexto e ordem de empilhamento nos itens do carrossel */
.gtco-testimonials .owl-carousel .owl-item {
  position: relative;      /* obrigatório para z-index funcionar */
  z-index: 1;              /* base para todos */
}

/* Deixe o item central por cima de todos */
.gtco-testimonials .owl-carousel .owl-item.active.center {
  z-index: 5;              /* maior que os vizinhos */
}



/*figura zn*/

.figuretopo {
    display: flex;
    align-items: center
}


.fa-solid {
    color: #fff;
}

.fa-solid {

  color: #151c30; /* Cor do texto */
  border: none; /* Sem borda */
  padding: 10px 50px 50px 50px; /* Espaçamento interno */
  border-radius: 50%; /* Bordas arredondadas */
  font-size: 18px; /* Tamanho da fonte */
  transition: all 0.3s ease; /* Transição suave */
}


.fa-solid
.owl-carousel .owl-nav button.owl-prev
.owl-carousel .owl-nav button.owl-next{
 
  color: #8765d7; /* Cor do texto no hover */
}

.fa-solid:hover,
.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel .owl-nav button.owl-next:hover{
  background-color: transparent; /* Cor de fundo no hover */
  color: #ef7d07; /* Cor do texto no hover */
}

.fa-solid:focus {
  outline: none; /* Remover contorno */
}

 .owl-carousel .owl-nav button.owl-prev:focus,
    .owl-carousel .owl-nav button.owl-next:focus {
      outline: none; /* Remover contorno */
    }

.subtitle{
    color: #ffffff;
    float: left;
    margin-top: 15px;
    line-height: 30px
}

.font-primary {font-family: "Montserrat", serif;}
.font-secondary {font-family: "Montserrat", serif;}

.font-14 {font-size: 0.875rem;}
.font-16 {font-size: 1rem;}
.font-17 {font-size: 1.063rem;}
.font-18 {font-size: 1.125rem;}
.font-20 {font-size: 1.25rem;}
.font-22 {font-size: 1.375rem;}
.font-26 {font-size: 1.625rem;}
.font-28 {font-size: 1.75rem;}
.font-30 {font-size: 1.875rem;}
.font-34 {font-size: 2.125rem;}
.font-40 {font-size: 3.125rem;}
.font-50 {font-size: 4.125rem;}
.font-60 {font-size: 5.125rem;}

.weight5 {font-weight: 500;}
.weight6 {font-weight: 600;}
.weight7 {font-weight: 700;}
.weight9 {font-weight: 900;}


.grid    {float: left;}
.grid-1  {width: 100%; margin: 0 auto;}
.grid-2  {width: 50%;}
.grid-3  {width: 33.33%;}
.grid-4  {width: 25%;}
.grid-35 {width: 35%;}
.grid-40 {width: 40%;}
.grid-60 {width: 60%;}
.grid-65 {width: 65%;}
.grid-70 {width: 70%;}
.grid-80 {width: 80%;}

.container-680  {width: 42.5rem; margin: 0 auto; max-width: 90vw;}
.container-740  {width: 46.25rem; margin: 0 auto; max-width: 90vw;}
.container-920  {width: 57.5rem; margin: 0 auto; max-width: 90vw;}
.container-990  {width: 68.875rem; margin: 0 auto; max-width: 90vw;}
.container-gtco-testimonialsw-111140 {width: 71.25rem; margin: 0 auto; max-width: 90vw; display: flex; justify-content: center}

.container-11400 {
    width: 71.25rem; margin: 0 auto; max-width: 90vw;
    position: relative; /* Permite o posicionamento relativo dos elementos dentro do contêiner */
    width: 100%; /* Ajuste conforme necessário */
    height: 100%; /* Ajuste conforme necessário */
    display: block; /* Assegura que o contêiner seja um bloco */
    background-color: transparent
}





.figuretopo {
    margin: 0 auto; /* Centraliza horizontalmente */
    position: relative; /* Permite o ajuste de posição vertical */
    top: 50px; /* Ajuste conforme necessário para a posição vertical */
    width: fit-content; /* Ajuste a largura ao conteúdo da figura */
}

.figuretopo img {
        display: block; /* Remove o espaço em branco ao redor da imagem */
    
    height: auto; /* Mantém a proporção da imagem */
    width: 25vh;
    padding-bottom: 50px;
    margin-top: -13vh;
}

.figureconteudo {
    margin: 0 auto; /* Centraliza horizontalmente */
    position: relative; /* Permite o ajuste de posição vertical */
    top: 0px; /* Ajuste conforme necessário para a posição vertical */
    width: fit-content; /* Ajuste a largura ao conteúdo da figura */
}

.figureconteudo img {
    display: block;
    max-width: 41vh;
    
}



.w2-230{width: 14.375rem;}

.w100 {width: 100%; max-width: 100vw; margin: 0 auto;}
.w90  {width: 90%; margin: 0 auto;}

.w284 {width: 286px; max-width: 100%;}
.w560 {width: 560px;}
.w625 {width: 625px;}
.w650 {width: 650px;}
.w690 {width: 690px;}
.w710 {width: 710px;}
.w750 {width: 750px;}

.texto-topo{
   
    width: 100%;
    margin: 2vh 0vh 0vh 0vh;
}

.texto-topo img {
    width: 55vh;
}

.texto-topo h1 {text-transform:inherit}
    
}

h1{font-family: poppins, roboto, arial, helvetica, sans-serif; margin: 0; color: var(--white); font-size: 2.125rem; font-weight: 700;}
h1{ text-transform: uppercase; text-align: left;}

/*FIM*/




.w-500 {
    width: 50% !important;
}


@media screen and (min-width: 1900px){
.destaque img {
    
   position: absolute;
    max-width: 20%;
    margin-top: -8vw;
    margin-left: -27vw
   
   
}
}

@media screen and (max-width: 2300px){
    

    
    .font-60 {font-size: 3.525rem !important;}
    
}


@media screen and (max-width: 1600px) {
    
     svg {
     opacity: 65%;
     position: absolute;
     margin-top: -7%;
     margin-left: 45%;
            width: 5vw;
            height: 100vh;
        }
    
      
        /* Configuração geral do carrossel */
        .caroussel-02 {
            margin-top: 00px !important;
            width: 100%;
            height: 90vh;
            margin: 0 auto;
        }

        /* Slides */
        .caroussel-slide {
            
            width: 100%;
            height: 90vh;
            background-size: cover;
            background-position: center;
        }
    
    
    

        /* Slides */
     
    
    .header:before {
    content: "";
    width: 100%;
    height: 220%;
    position: absolute;
    top: 0;
    left: 0;
    background: #1B2030 url(mockup/banner2.png) 100% 0 no-repeat;
    background-size: 100%;
    z-index: -2;
}
    
    .barra2 img {
    margin-top: -10px;

   margin-left: calc(85% - 60px);
     max-width: 15%; /* Garante que a imagem não ultrapasse a div */
}
    
        /* Posicionamento dos pontos brilhantes com efeito mais suave */
        .dot1 { top: 22%; left: 37%; animation-delay: 0s; }
        .dot2 { top: 55%; left: 75%; animation-delay: 1s; }
        .dot3 { top: 16%; left: 53%; animation-delay: 2s; }
        .dot4 { top: 36%; left: 79%; animation-delay: 1.5s; }
        .dot5 { top: 28%; left: 71%; animation-delay: 0.5s; }

    .w-500 {
        width: 65% !important;
        
}
    
    
    .custom-carousel-control-prev,
.custom-carousel-control-next {
  position: absolute;
  top: 107%;
    
    
    }
    
    .gtco-testimonials .card {
        width: 300px;
    }
    
    .owl-item {
        width: 300px;
    }
    
    
    @media screen and (max-width: 1600px) {
        
                        .mulher {
    position: absolute;
    z-index: 2;
    width: 40%;
    margin-left: 24vh;
    margin-top: -25.5vw;
   
}
            .pessoas {
    position: absolute;
    z-index: -1;
    width: 45%;
    margin-left: -1vh;
    margin-top: 4vw;
}

   
    }
    

@media screen and (max-width: 1400px) {
    
       svg {
     opacity: 65%;
     position: absolute;
     margin-top: -15%;
     margin-left: 51%;
            width: 5vw;
            height: 100vh;
        }
    
                .mulher {
    position: absolute;
    z-index: 2;
    width: 40%;
    margin-left: 24vh;
    margin-top: -19vw;
   
}
   
    .pessoas {
    position: absolute;
    z-index: -1;
    width: 45%;
    margin-left: -1vh;
    margin-top: 14vw;
}

    
     /* Posicionamento dos pontos brilhantes com efeito mais suave */
        .dot1 { top: 19%; left: 37%; animation-delay: 0s; }
        .dot2 { top: 48%; left: 75%; animation-delay: 1s; }
        .dot3 { top: 13%; left: 53%; animation-delay: 2s; }
        .dot4 { top: 32%; left: 79%; animation-delay: 1.5s; }
        .dot5 { top: 24%; left: 71%; animation-delay: 0.5s; }

    .w-500 {
        width: 75% !important;
}
    
    }
    
     @media screen and (max-width: 1850px) {
    
    .mulher {
    position: absolute;
    z-index: 2;
    width: 40%;
    margin-left: 24vh;
    margin-top: -28.5vw;
   
}
    }
    @media screen and (max-width: 1000px) {
        
              svg {
     opacity: 65%;
     position: absolute;
     margin-top: -15%;
     margin-left: 51%;
            width: 5vw;
            height: 100vh;
        }
        
     
        .image-container img {
    width: 90%;
                margin-right: -20px;
            margin-top: -30px !important;
}
        
        .w629 {
            display: block
        }   
        
        button {
    margin: 3px;
}
        
        .highlight-button {
    font-family: Montserrat;
    background-color: #333;
    border: none;
    color: white;
    padding: 15px 60px;
    font-size: 18px;
    font-weight: 500;
    border-radius: 8px;
    overflow: hidden;
    transition: color 0.3s ease;
            
}
        
        .button-container {
    display: flex
;
    flex-wrap: wrap;
    justify-content: center;
            margin-bottom: -100px;
}

        
        .precos img {
    display: block;
    max-width: 80%;
    height: auto;
    border-radius: 10px;
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
            margin-left: 15%;
        }
        
        .line2 {
    line-height: 1.6rem;
}
        
        .card .img img {
    width: 70%;
    height: 100%;
    border-radius: 0%;
    object-fit: cover;
}
    
        .pad-tb60 {
    padding-top: 0px;
        }
        
        .wrapper i:last-child {
    right: 00px;
}
        
 .wrapper i:first-child {
    left: 00px;
}
        
        .image-container2 img {
    margin-left: 40px;
    width: 80%;
    height: auto;
    border-radius: 10px;
    transition: transform 0.5s ease-in-out;
}
        
        .pad-b20 {
            padding-bottom: 5px;
            margin-bottom: 5px
        }
        
        .pad2-tb20 {
            padding: 0px
        }
        
        .image-container2 {
    display: grid
;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(1, auto);
    gap: 10px;
}
        
        .ajustemob1 {
            margin-top: -0px !important;
        }
        
          .ajustemob2 {
            margin-top: -0px !important;
            margin-bottom: 5px !important
        }
        
        .ajustemobi3 {
            padding-top: 5px !important;
        }
        
        .ajustemob4 {
             margin-bottom: -90px !important
        }
        
        .footer {
            padding-bottom: 0px;
        }
        
        html, body {

    overflow-x: hidden; /* Impede o estouro do conteúdo */
}
     .w625, .w900 {
    width: 100% !important;
}  
        
        .sumir1, .sumir2 {
            display: none;
        }
        
                .intuitiva {
            text-align: left;
            font-size: 40px;
            margin-left: 0vh;
            margin-top: 15vh;
        }
        
        .btn-10 {
margin-top: 10px;
    margin-left: 80px
}
        
                .btn-100 {
margin-top: 10px;
    margin-left: 60px
}
     
    }
    
    
    @media screen and (max-width: 1000px) {
        
          /* Configuração geral do carrossel */
        .caroussel-02 {
            margin-top: 0px !important;
            width: 100%;
            height: 65vh;
            margin: 0 auto;
        }

        /* Slides */
        .caroussel-slide {
            
            width: 100%;
            height: 340px;
            background-size: cover;
            background-position: center;
        }

        /* Definição dos backgrounds */
       .banner-01{
  background-image: url(./mockup/topo2.png);
  background-repeat: no-repeat;
  background-position: top center; /* ancora no topo */
  background-size: cover;          /* preenche e corta o excesso embaixo/lados */
  /* defina uma altura pro banner */
  min-height: 340px; /* ajuste como preferir, ou use aspect-ratio */
  /* aspect-ratio: 16/9;  <- alternativa */
}
        .banner-02 {
            background: url('./mockup/bgdoismobi.png') no-repeat center;
        }
        
        
        .barra2 img {
        margin-top: -10px;
        margin-left: calc(85% - 60px);
        max-width: 15%;
            display: none
    }

        
        
       .video-container {
    position: relative;
    width: 100%; /* O vídeo ocupará 100% da largura do contêiner */
    padding-bottom: 66.25%; /* Proporção de aspecto 16:9 (altura/largura = 9/16 = 0.5625) */
    height: 0; /* Garantindo que a altura seja calculada pela proporção */
    overflow: hidden; /* Evita que o conteúdo exceda os limites */
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; /* Preenche a largura do contêiner */
    height: 100%; /* Preenche a altura do contêiner */
}
        
          .popup-image {
        content: url('mockup/popupmobi.png'); /* Substitui a imagem */
    }
        
        
         .close-btn {
            position: fixed;
            top: 3vw;
            right: 2vw;
            background-color: #ff4444;
            color: white;
            border: none;
            border-radius: 5px;
            padding: 5px 10px;
            cursor: pointer;
            font-size: 16px;
        }
        
/* Conteúdo da pop-up */
.popup-content {
    background: #fff;
  
    max-width: 100%;
    max-height: 100%; /* Limita o tamanho da pop-up */
  
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2);
    z-index: 1001;
    position: relative;
}
        
        .destaque img {
            display: none;
        }
        
        .btn444{
    float: right;
  text-align: center;
min-width: 22rem;
    border-radius: 6.25rem;
    font-size: 1.2rem;
    font-weight: 500;
    color: black !important;
    line-height: .7rem;
    padding: 1rem 3rem 1rem 3.5rem;
    margin-bottom: 20px;
        transition: all 0.5s ease;
     margin-right: 7vw;
    margin-top: 50px;
    
}
        
        .btn4442 {
           margin-right: 7vw; 
        }
        
        .brilhobox img {
    margin-top: 60px;
    max-width: 60%;
    margin-bottom: 60px;
}
        
        .iazntt {
    margin-top: 60px;
    margin-bottom: 0px;
      width: 370px;
    height: 700px;
    background-position: center !important;
     background-size: cover; 
    background-image: url('mockup/textoiamobi.png') 
}
        
        .lr1 {
             padding-left: 20px;
    padding-right: 20px;
        }
        
        
           .lr2 {
             padding-left: 200px;
    padding-right: 200px;
        }
        
        .tcenter {
            text-align: center !important;
        }
        .padlll {
    padding-left: 82px;
}
     .pad-lr70 {
    padding-left: 40px;
    padding-right: 40px;
}   
        
     .pad2-lr50 {
    padding-left: 5.125rem;
        }
        
        .pad2-l50 {
    padding-left: 5.125rem;
}
        
        
                .container-990 {
            width: 100%;
        }
        
        .assinaimg {
    margin-top: 100px;
    margin-bottom: 25px;
    max-height: 200px;
}
   
        
        .header{
            min-height: 700px
 

}
.header:after{
  content:"";
  width:100%;
  height:100%;
  position:absolute;
  bottom:0;
  left:0;
  z-index:-1;

}
        
        .w627 {
    display: flex
;
    max-width: 1200px;
    justify-content: center;
    align-items: flex-start;
    height: auto;
    flex-direction: column;
}
        
        .computador img {
    max-width: 150%;
     margin-left: -60px;
            margin-bottom: 100px;
}
        
        .computador {
    width: 70%;
}
        
        .w629 {
            width: 95%;
        }
        .textocomputador {
    width: 80%;
    text-align: center !important;
        margin-left: 35px
}
        
        .rotating-dots-container {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
            display: none
}
        
        .rotating-dots {
    position: absolute;
    width: 75%;
    height: 75%;
    background: url(mockup/bolinhas.png) no-repeat center center;
    background-size: contain;
    animation: rotate 40slinear infinite;
            display: none
}
        
        
        .header:before{

  content:"";
  width:100%;
  height:100%;


  background: #fff url(mockup/bannermob.png) 100% 0 cover no-repeat;
  background-size:300%;

  z-index:-2
}
        
        .mobiletext1 {
            font-size: 20px !important;
        }
        
        .iaznt {
    display: flex
;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    margin-top: 6vh;
}
        
        .btn-animate {
            margin-top: -15px
        
        }
        
        
        .bg-001{
    float: left;
    margin: 0 auto;
    width: 100%;
    background: #ffffff url('mockup/pcm.jpg') no-repeat center center;
    background-size: cover;
}

                .bg-0001{
    float: left;
    margin: 0 auto;
    width: 100%;
    background: #ffffff url('mockup/bg_ia.png') no-repeat center center;
    background-size: cover;
}

        
.bg-002{
    float: left;
    float: left;
    margin: 0 auto;
    width: 100%;
    height: 460px;
    background: #ffffff url('mockup/video2m.jpg') no-repeat center center;
    
}

.bg-003{
    float: left;
    margin: 0 auto;
    width: 100%;
    background: #ffffff url('mockup/fundoazul.webp') no-repeat center center;
    background-size: cover;
}

.bg-004{
    float: left;
    margin: 0 auto;
    width: 100%;
    background: #ffffff url('mockup/numerosbg.webp') no-repeat center center;
    background-size: cover;
}

.bg-005{
    float: left;
    margin: 0 auto;
    width: 100%;
    background: #ffffff url('mockup/assinatura.webp') no-repeat center center;
    background-size: cover;
}

.bg-006{
    float: left;
    margin: 0 auto;
    width: 100%;
    height: 322px;
    background: #ffffff url('mockup/banner.png') no-repeat center center;
    margin-top: 20px;
    
}
        
        .bg-007{
    float: left;
    margin: 0 auto;
    width: 100%;
    background: #ffffff url('mockup/bg1.png') no-repeat center center;
    background-size: cover;
}
        
        .aparece1 {
            max-width: 100%
        }  
        
        .btn44{
    float: right;
    min-width: 10.625rem;
    min-height: 3.5rem;
    min-height: 3.5rem;
    border-radius: 2.25rem;
    font-size: 1.5rem;
    font-weight: 700;
    color: white !important;
    line-height: 1.5rem;
    padding: 0.7rem 1rem;
   
        transition: all 0.3s ease;
    margin-right: 15vw;
        
    
}
        textalt {
            font-size: 30px !important;
        }
        
        .t90 {
            
            margin-top: 40px
        }
        
      footer .border-04 {
    border-left: 0px solid #fff;
}
        
        .neon-container {
       text-align: center;
    display: inline-flex;
    flex-direction: column;
    align-content: center;
    justify-content: space-evenly;
    align-items: center;
            width: 100% !important;
}
        
                .aparece2 {
        display: none;
        }
        
        .figureconteudo img {
            
            max-width: 40vh;
        }
        
        .myMenu {
            display: none;
        }
        
        .numlado {
           margin-left: 0vh;
        } 
        

        .neon-text-gold {
            font-size: 60px
        } 
        
        .neon-text-blue {
            font-size: 60px
        }
        
        .ggg h3 {
            font-size: 25px
        }
        
        .nnn h3 {
            font-size: 25px
        }
        
        .copia {
            max-width: 300px
        }
        
        .copia h3 {
            max-width: 300px
        }
        
        .botaover {
    margin-right: 1vh; margin-left: 2vh
}
  
        .figuretopo img {
            
            width: 15vh;
            margin-top: -4vh;
            
        }
        
        .animated-image {
            width: 80%
        }
        
        .animated-image {
    position: absolute;
   
 
}



.slide-in-left {
    left: 10%;
}

.slide-in {
    
}

@keyframes slideIn {
    from {
        left: 0%;
    }
    to {
        left: 0%;
    }
}



.slide-in-right {
   
    right: 10%;
}

.slide-in-right.slide-in {
    animation: none;
}

@keyframes slideInRight {
    from {
        right: 0%;
    }
    to {
        right: 0%;
    }
} 

        .image-container {
    
    width: 100%;
    height: 150px; 
}
        
        .pesquisa {
            max-width: 40vh !important; 
        }
        
        .gtco-testimonials .card {
           
            
        }
        
        .zfsem {
            position: absolute;
            margin: -8vh 0vh 0vh 5vh;
           max-height: 12%;
        }
        

        
        .texto-topo{
     
   
    width: 90%;
    margin: 0vh 2vh 0vh 2vh;
}
        
        .font-60 {font-size: 2.125rem !important;}
        
        .assinaimg {
            max-width: 80%;
        }
        
        .w-500 {
    width: 90% !important;
}

        .custom-carousel-control-prev {
            margin-top: 10px;
  left: 15vh;
}

.custom-carousel-control-next {
    margin-top: 10px;
  right: 15vh;
}
        .container-990 {
            max-width: 99vw
        }
        
        footer .border-05 {
    float: left;
    font-size: 15px;
    line-height: 2rem;
}
        
        .container-fluid {
    
    width: 100% !important;
}
        
        
        
    }