body { 
    z-index: 4;
     /* overflow: auto; */
}

.container { z-index: 4 }

/* hero e banner */


/* imagem */
.hero-img { 
  margin: auto; position: absolute;  height: 700px; transform: translateX(-5%); 
  width: 100%;  display:block;  margin: auto;  object-position: center; 
  object-fit: contain;
}


/* HERO */
.hero > div {
  position: relative; min-height: 640px; overflow: hidden; padding-top: 60vh;
}

@media( min-width: 1280px) and (max-width: 1640px){

   .hero-img { height: 550px }
}
@media( min-width: 1280px){
  .hero > div { padding-bottom: 220px;}
}
/* @media(min-width: 1720px){
  .hero > div { padding-top: 85vh; }
} */

.depoimentos_container { position: relative;}
.depoimentos_container::after { position: absolute; left: 0px ; height: 100%; content: ' ';
display: block ; width: 80px; background-color: #0036EA; top: 0; z-index: 4;;}

.hero-content { position: relative; z-index: 2; }

/* TITULO ANIMADO */
.title-wrapper { height: 140px; overflow: hidden; margin-bottom: 0px; }

.title-slider span {
  font-size: 120px; line-height: 120px; font-weight: 700; color: #6bff00;
  height: 130px; background: linear-gradient(90deg, #D7DE27 0%, #00FF9F 100%);

  /* background: linear-gradient(to right, #d7de27, #00ff9f); */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  /* fallback moderno */
  background-clip: text;
  color: transparent;

}



.title-slider {
  display: flex; flex-direction: column;
  animation: slide 4s infinite;
  animation-delay:  1s;
}

/* ANIMAÇÃO */
@keyframes slide {
0%   { transform: translateY(0); opacity: 1; }

/* subida */
12%  { transform: translateY(-130px); }
16%  { transform: translateY(-135px); }
20%  { transform: translateY(-130px); }

/* segura em cima */
25%  { transform: translateY(-130px); }
37%  { transform: translateY(-130px); }

/* descida */
50%  { transform: translateY(0); }
54%  { transform: translateY(-5px); }
58%  { transform: translateY(0); }

/* segura embaixo */
62%  { transform: translateY(0); }
75%  { transform: translateY(0); }
 
}


/* SUBTITULO */
.hero .subtitle { font-size: 80px; color: #00165f; font-weight: bold;   }

.custom-hero { position: relative; overflow: hidden; min-height: 100vh; /* min-height: 640px; */ padding-top: 200px; margin-bottom: 100px; }

.custom-hero p { font-size: 24px; }

/* F gigante de fundo */
.custom-hero:not(.sem_f)::after { content: ""; position: absolute; right: 0%;
   top: 0; z-index: 1; width: 60%; height: 100%; 
   background: url('../imgs/home/f.png') no-repeat center; 
   background-size: contain; /* opacity: 0.15; */ background-position: right; 
   pointer-events: none;
}

.depoimentos_container {
  padding-top: 110px; padding-bottom: 110px;
}
.depoimentos_container .texto { 
  font-size: 32px; line-height: 38px; font-weight: lighter ; max-width: 768px;  margin-bottom: 24px; 
;}

.depoimentos_container .autor {
  font-weight: 400; color: #fff; 
}

.autor span {
  font-weight: lighter; /* light */ display: block; color: #ADBFC4;
}

/* imagem mobile */ 
@media (max-width: 768px) {

  .custom-hero { padding-top: 100px; padding-bottom: 100px; margin-bottom: 0px; }

  .container { padding-left: 20px; padding-right: 20px;}

  .hero-img {
    content: url('../imgs/home/fundo_sapo_mob.png'); transform: translateX( 0%); object-position: right; height: 65vh;
  }

  .depoimentos_container::after { display:none }


  .depoimentos_container .texto { font-size: 16px; line-height: 24px; font-weight: 300;}
 
  .depoimentos_container .slide { padding-left: 0px;}

  .custom-hero p { font-size:  16px; }
   

  /* HERO */

  .hero > div {  padding-top: 70vh; }

  .menu-btn img { width:34px; height: 25px }

  .title-wrapper { margin-top: -20px; height: 60px; }

  .title-slider span { font-size: 60px; line-height: 60px; }

  .hero .subtitle { font-size: 32px; }

}


@media(min-width: 1000px ){
    .hero {
        background-position: top;
        background-size: 50vw 50vh;
    }
    
    .custom-hero { padding-top: 0px;}


  .depoimentos_container .tns-ovh { overflow: inherit;}
  .depoimentos_container::after { top: 25% ;}

}


/* solucoes */
.solucoes { padding: 40px 20px; color: #fff; position: relative; overflow: hidden; min-height: 100vh; }

/* label topo */
.solucoes-tag { display: inline-block;  margin-bottom: 40px; opacity: 1; color: #fff; font-weight: bold; }

/* título principal */
.solucoes-title {  font-size: 28px;  font-weight: 300; line-height: 1.2; margin-bottom: 80px; color: #ADBFC4; }

/* ícone */
.solucoes-icon {  max-width: 168px; }

.solucoes-icon-text { margin-top: 10px;  color: #00ff88;}

.solucoes-list p { font-size: 16px; opacity: 0.9; line-height: 1.2; margin-bottom: 30px; max-width: 310px; }

.solucoes-list   .column.is-12   p {  max-width: 722px; ; }

.solucoes-list .solucao_sub_title {  font-size: 22px; font-weight:700;  margin-bottom: 10px;  }



/* RESPONSIVO */
@media (max-width: 768px) {

  .solucoes-list {
    height: calc(100dvh - 227.2px);
    padding-bottom: 20px;
    overflow: scroll;
  }
  

  .solucoes-list.menor {
    height: calc(100dvh - 290.2px);
    padding-bottom: 50px;
    overflow: scroll;
  }
  

  .solucoes .container { height: inherit;
  
        display: flex;
        flex-direction: column;
        padding-top: 30px;
      
  }

  .solucoes-list  .solucao_sub_title { font-size: 18px; font-weight:700; }

  .solucoes-list p { margin-bottom: 10px ; font-size: 14px; margin-bottom: 0px;}

  .solucoes-title { font-size: 28px; margin-bottom: 30px; }
 
  .solucoes-icon-text { font-size: 18px;margin: 0px;  }

  .solucoes-icon { max-width: 70px; height: fit-xontent;  }

  .solucoes_img_container { display:flex; gap: 20px; align-items: center;}

  .solucoes { padding: 0px 0px 30px 0; min-height: auto; }
}



/** bloco marcas que ganham voz */
/* container geral */
.frog-split { width: 100%; }

/* colunas */
.frog-col { min-height: 300px; display: flex; align-items: center; }

/* cores diferentes */
.frog-left {   background: #758e95; }

.frog-right { background: #adbfc4; }

/* conteúdo interno */
.frog-content {
  width: 100%; margin: 0 auto; padding: 40px; padding-bottom: 65px; padding-top: 255px ;
  color: #fff;

    width: fit-content;
    margin: auto;
    padding-left: 0px;
    padding-right: 0px;

}


/* .frog-content-2 { padding-left: 125px; } */
/* texto */
.frog-content p { font-size: 18px; line-height: 1.6; margin-bottom: 0px; }

.frog-content .margin { margin-bottom: 50px; }
  
/* responsivo */
@media (max-width: 768px) {


  .frog-content { padding-left: 0px; padding-right: 0px;  text-align: center; }

  .frog-col {  min-height: auto; }

  .frog-content .btn_frog_cta { width: 100%; }

  .frog-content .margin { margin-bottom: 38px;}

  .frog-content { padding-left: 25px; padding-right:  25px; padding-top: 323px; padding-bottom: 46px;}

}




.mini_slider {  width: 100%;   height: 80px;    position: relative; }

.track  { display: flex; width: max-content; animation: slideHorizontal 20s linear infinite; }

.track img { height: 100%; width: auto; flex-shrink: 0; /* impede quebrar */ }

@keyframes slideHorizontal {
  0% { transform: translateX(0); }
  100% {  transform: translateX(-50%);  }
}

.slider_home_fundo .slide { background: transparent; color:white; }

.slider_home_fundo .slide img{ border-radius: 0px;}
.slide_home_controle { margin-left:auto; display: flex; gap: 150px; justify-content: flex-end;}

@keyframes slideHorizontal {
  0% { transform: translateX(0);  }
  100% { transform: translateX(-50%); }
}