body {
  font-family: 'Host Grotesk', sans-serif;
}


.distancia_topo { padding-top: 164px}

* { margin: 0; padding: 0; box-sizing: border-box; }

.lang { display: flex; gap: 10px; }

@media (min-width: 1280px) 
{
    .custom-menu,
    .container:not(.is-max-tablet):not(.is-max-desktop) {
        max-width: 1280px;
    }
}

.contaner { max-width: 1280px; }

body { font-family: 'Host Grotesk', sans-serif; background: #0036EA; color: #000; }

/* HEADER */
.header { position: absolute; width: 100%; padding: 20px; display: flex; 
  justify-content: space-between; color: #fff; z-index: 10; 
}

.menu-btn {
  cursor: pointer; font-size: 32px;
}

.logo {
  font-weight: 700;
}

.lang a {
  color: #fff; text-decoration: none;   font-weight: 500;
}

/* conteúdo por cima */
.content {  position: relative;  z-index: 2;  padding: 60px; }


/* MENU MODAL */
.menu-modal { 
  position: fixed; inset: 0; background: #ddd; color: #fff; display: none; flex-direction: column;
  justify-content: center; align-items: center; z-index: 999; 
}

.menu-modal nav a { display: block; margin: 20px 0; font-size: 40px; color: #fff; text-decoration: none; }

.btn_frog_cta {  
  position: relative; overflow: hidden; font-size: 18px;line-height: 18px; 
  background: linear-gradient(90deg, #D7DE27 0%, #00FF9F 100%); border-radius: 100px; padding: 30px 35px; 
  border: none; color: #0036EA; font-weight: 800; z-index: 1;
}


.btn_frog_cta.azul { background:#00165F;; color:white;  ;}
/* camada animada */
.btn_frog_cta::before {  
  content: "";  position: absolute;  left:  0%;  top: 0; width: 0%; height: 100%;

  background: #fff; /* ajuste a cor aqui */
  
  transform: translateX(-50%); 
  transition: width 0.4s ease;

  z-index: -1; /* fica atrás do texto */
  border-radius: 100px;
}

/* hover */
.btn_frog_cta:hover::before { width: 110%; transform: translateX(0%);  }

.btn_frog_cta.azul:hover{ color: #00165F!important; }

.close-btn {  color:white;  font-size: 40px; cursor: pointer; }

.menu-footer  {  display:flex; justify-content: flex-end; align-items: flex-end; flex-direction: column; color:white;  margin-top: -95px; }

 
.menu-footer .frog img { width: 600px;  display:block }


@media( min-width: 1000px){
  #menuModal .menu-footer { height: 320px;}
  #menuModal .menu-footer .frog img { transform: translate( -60px , 30px )}
  .menu-footer span { margin-right: 20px!important;}
}
@media(min-width:1000px) and (max-width:1380px){
  /* #menuModal .menu-footer .frog img { transform: translate( 0px , -20px  )} */
  /* .menu-links a.menor_item { font-size: 80px!important; } */
}

.lang{ color:white; }

.header .lang{  width: 80%;      padding-top: 8px; padding-left: 20px; color:white; }

.p_alto , .p_alto p { font-size: 32px!important; line-height: 40px!important; font-weight: lighter;}

.p_medio_maior, .p_medio_maior p { font-size: 24px ; }

.p_medio p , .p_medio{ font-size: 22px !important;}

.mostrar_mobile{ display:none; }

#menuModal .modal-content { max-height: none; overflow: hidden ;}



.sessao_titulo .titulo {
  text-align: center;  font-size: 62px; font-weight: 600;  
  color: #fffF;  margin-bottom: 60px;
   -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}



@media (max-width: 768px) {

  

  .sessao_titulo .titulo { font-size: 42px; }

  /* .menu-footer .frog img { width: 200px;  } */

  .header_container .logo { width: 92px;}

  .mostrar_mobile { display: block!important}

  .lang.mostrar_mobile{  margin-left: 0px!important; margin-top: 10px; margin-bottom: 10px;}

  .custom-menu .lang,
  .header .lang{ display:none ; }

  .p_medio p { font-size: 16px !important;}

  .p_alto , .p_alto p { font-size:  22px!important; line-height: 30px!important;}

  .menu-footer  .frog img{ width: 100%; }

  .frog.frog_menu { margin-top: 3.7vh; }


  .menu_social_texto_modal {
    flex-grow: 1; align-items: flex-start; display: flex; flex-direction: column;
  }
     
  .menu-footer {  margin-top:0px;   align-items: flex-start; justify-content: flex-end; text-align: center; flex-grow: 1; }

  .ir_voltar_dir { justify-content: flex-end;}

}

@media(min-width: 769px) {

   .texto_padding_dir { padding-right: 50px;}

   .header{ padding-top: 80px; padding-left: 0px; padding-right: 0px; }

}


.sem_f { }

.slide img { width: auto;}
/* footer */
/* FOOTER BASE */
.frog-footer { position: relative; color: #fff; overflow: hidden; padding-bottom: 80px; }

.frog-footer .container{ padding-top: 87px; }
 
.frog-footer > div {
   min-height: 70vh;
}

.frog-footer *:not(a) { color:#fff;}
/* fundo "frog" gigante */
.frog-footer::before { 
  content: " "; margin-top: 87px; width: 100%;height:  100%; position:absolute;display: block; 
  background-image: url(../imgs/frog_fundo.png); background-size: contain; background-size: 1200px ; 
  background-repeat: no-repeat; background-position: top center; white-space: nowrap; pointer-events: none;
}

/* título */
.frog-footer-title { 
  margin-top: 170px; font-size: 90px; font-weight: 300; margin-bottom: 10px;
  position: relative; z-index: 2;
}

.frog-footer-title strong {
  font-weight: 700;
}

/* subtítulo */
.frog-footer-sub { font-size: 24px; margin-bottom: 30px; opacity: 0.9; position: relative; z-index: 2; }

/* botão */
.frog-footer-btn { margin-bottom: 40px; position: relative; z-index: 2; }

/* sociais */
.frog-social-rodape { 
  display: flex; justify-content: center; gap: 25px; margin-bottom: 15px; position: relative;
  z-index: 2; padding-top: 145px;
}
/* rodape */
.frog-social-rodape a svg * { fill: #83A9AA;   transition: ease-in-out 0.3s all; }

.frog-social-rodape a:hover * {
  fill: #fff!important; 

}

/* copy */
.frog-copy { 
  font-size: 14px; color: #ADBFC4!important; font-weight: 400; position: relative; 
  z-index: 2; opacity:  1; margin-top: 15px;
}

.nao{ opacity: 0.8; font-weight: 200;}

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


  .frog-footer{ padding-bottom: 25px; }

  .frog-social-rodape { padding-top: 65px; }

  .btn_frog_cta    { padding-top: 21px; padding-bottom: 21px; }

  .frog-footer .container {     align-items: flex-start !important; }

  .frog-footer-sub { font-size: 16px; }
  
  .frog-footer-title  { font-size: 24px;  margin-top: 52px; margin-bottom: 66px; }

  .frog-footer::before {  font-size: 160px; height:  168px;  }

  .frog-footer > div { height: auto; padding-top: 0px!important;}
}


#menuModal { min-height: 100vh; }

.modal-background { background-color: #758E95; }
/* frog menu*/
.modal.custom-active {
  display: flex;
}

.custom-menu {
    width: 100%; height: 100vh; padding: 2rem; padding-bottom: 0px; position: relative; 
    /* display: flex; 
    flex-direction: column; justify-content: space-between; */
}

@media(min-width:1000px){
  .custom-menu { padding-top:  80px; padding-left: 0px; padding-right: 0px;}
  .close-btn { margin-top: -16px}
  #menuModal .lang { margin-top: -27px; margin-left: 78px!important }

  #menuModal .logo {}

  .menu-footer { position: absolute; bottom: 0px; right: 0px;}
}

/* topo */
 
.menu-top .lang a { color: white;  font-size: 16px;  }

/* links */
.menu-links { margin-top: 3rem; width: fit-content; display: flex; flex-direction: column; z-index: 2; }

.menu-links a { font-size: 70px; font-weight: 700; color: #fff; text-decoration: none; line-height: 1.1; }
.menu-links a.menor_item{ font-size: 50px; font-weight:lighter; }

.social a svg {  fill: #fff; transition: ease-in-out 0.3s all; }

.social a:hover svg { fill: #0036EA!important; transition: ease-in-out 0.3s all;}

.social a:hover svg * { fill:inherit ; }

.menu-links a:hover {
  color:#0036EA; transition: ease-in-out 0.3s all;
}
 
@media(min-width: 1362px){
  .menu-links a.menor_item { font-size: 60px; }
  .menu-links a { font-size: 100px;}
}
 
.social span {  margin-right: 10px;   color: white; }

/* imagem decorativa */
.frog img {
  /* max-width: 200px; */
}

.frog-topo { font-size: 14px; }


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

  #menuModal .modal-content { overflow: scroll; }

  .padding_mobile { padding-left: 22px; padding-right: 22px;}

  .custom-menu, 
  .header     { padding-top:50px; }

  .close-btn  { transform: translate(0px, -2px); }

  .container .header {   left: 0px; padding-right: 22px }

  .custom-menu { padding-left: 22px; padding-right: 22px;  justify-content: normal;}

  .lang_menu_mob{ padding-top: 30px; padding-bottom: 25px; }
  
  .menu-links { margin-top: 2vh; }
  
  .menu-links a { font-size: 5.8vh; line-height: 8.5vh;  }

  .menu-links a.menor_item { font-size: 3.5vh;line-height: 8.5vh; }

  .menu_social_texto_modal .social a svg { width: 60px;height: 60px;}

  .menu_social_texto_modal p { margin-bottom: 0px!important; margin-top: 2vh; }

  .frog:not(.frog_menu) img { max-width: 120px; }

  .frog-footer::before {  margin-top: 15px;   background-size: 327px  ;   }

  .frog-social-rodape { padding-top: 50px;}


 
  .header .logo img { width: 90px;  }

  .menu-top .logo img { width: 90px; margin-right: 2px; }


}