@keyframes pulse {
  0% {
      background-color: #68ab8b; /* Cor inicial */
      transform: scale(1);
  }
  50% {
      background-color: #7bc9a6; /* Cor intermediária */
      transform: scale(1.05);
  }
  100% {
      background-color: #68ab8b; /* Cor inicial */
      transform: scale(1);
  }
}

.panel-heading {
  padding: 15px !important;
}

.panel {
  border: 0px !important;
}

a.garantavaga {
  color: #ffffff !important;
  background-color: #000000 !important;
  border: 1px solid #00b086 !important;
}

a.garantavaga:hover {
  background-color: #00b086 !important;
  border: 1px solid #00b086 !important; 
}

a.garantavaga:focus {
  color: #ffffff !important;
}

#datalocal {
  font-size: 20px; 
  margin-top: -20px;
  padding-bottom: 20px;
}

#faq .panel-body a {
  /* Estilos para os links aqui */
  color: #68ab8b; /* Substitua #DesejadaCorHex pela cor desejada */
}

#faq .panel-body a:hover {
  /* Estilos para o estado hover aqui */
  color: #3dcc87; /* Substitua #DesejadaCorHexHover pela cor desejada ao passar o mouse */
}


.panel-heading {
  background-color: #222222 !important;;
}

.panel-body {
  color: black;
  background-color: #d6d6d6;
  font-size: 13px;
}

#garantamenu {
  background-color: #68ab8b; /* Cor inicial */
  color: #ffffff; /* Cor do texto */
  padding: 10px 20px; /* Espaçamento interno para dar destaque */
  border-radius: 5px; /* Bordas arredondadas */
  animation: pulse 1.5s infinite; /* Animação de pulsação */
  transition: all 1s ease; /* Transição suave para hover e outros efeitos */
}

#garantamenu:hover {
  background-color: #57a57f; /* Cor ao passar o mouse */
  transform: scale(1.1); /* Aumenta um pouco o tamanho ao passar o mouse */
}


.btnguia {
  border: 1px solid black !important;
  color:  black !important;
}

.btnguia:hover,
.btnguia:focus {
  background: black !important;
  color: white !important;
}

#faq {
  padding-bottom: 20px;
}

.videodes {
  padding: 0px 30px 30px 30px;
}

.videofrm {
  height: 200px;
  width: 100%;
}

.bgvideos {
border: 1px solid rgb(48, 48, 48); 
background-color:rgb(26, 26, 26);
}

#heroVideo {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) scale(1.3);
  width: 100%;
  height: 100%;
  pointer-events: none;
  max-width: 100%; 
}

.caminhoshero {
    width: 500px;
  }

.btn2nd {
    margin-top: 4.8px;
}

html {
  scroll-behavior: smooth; 
}

  @media only screen and (max-width: 600px) {
    
    #datalocal {
      padding: 0px 80px;
    }

.mailc {
  display: none;
}

.contatodesk {
  display: none;
}

#pabout {
  padding-top: 30px;
}

#maspmob {
  padding-bottom: 20px;
}

#titabout {
  display: none;
}

#maspdesk {
  display: none !important;
}

    .btnguia {
    margin-bottom: 30px;
    }

    #garantamenu {
      background-color: transparent; /* Sem fundo */
      color: #68ab8b; /* Cor inicial */
      padding: 10px 20px;
      border-radius: 0; /* Sem bordas arredondadas */
      animation: colorPulse 1s infinite; /* Animação de mudança de cor */
      transition: color 0.3s ease; /* Transição suave para hover */
  }

  #garantamenu:hover {
      color: #57a57f; /* Cor ao passar o mouse */
  }

  @keyframes colorPulse {
      0% {
          color: #68ab8b; /* Cor inicial */
      }
      50% {
          color: #7bc9a6; /* Cor intermediária */
      }
      100% {
          color: #68ab8b; /* Cor inicial */
      }
  }

    .home-section {
      height: 800px !important;
    }

    .caminhoshero {
      width: 350px;
    }

    .btn2nd {
      display: none;
    }
    
    #heroVideo {
    transform: scale(4);
    }

    #inscrdesk {
      display: none;
    }
    
    body, html {
      overflow-x: hidden;
       height: 100vh;
    }

    .herocontent {
      padding-top: 50px !important;
    }

    #socialmob {
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    .footer-social-links {
      font-size: 16px !important;
    }

.jornada {
  margin: 0 0 0;
}

  }

  @media (min-width: 1200px) {
   .btn2nd {
    margin-left: 390px;
   }
  }

  @media (min-width: 576px) {
    #inscrmob {
      display: none !important;
    }

    #maspmob {
      display: none !important;
    }

    #aboutmpic {
      display: none !important;
    }

    .contatomob {
      display: none !important;
    }

    .contactsub {
      display: none !important;
    }

#home {
  padding-top: 60px;
}
    
  }

  @media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) {

    body, html {
      overflow-x: hidden;
       height: 100vh;
    }

}