h1 {
    font-size: 28px;
    text-align: center;
    line-height: 38px;
    margin-top: 12px;
}

h2 {
    font-size: 21px;
    margin-bottom: 5px;
}

h3 {
    margin-top: 22px;
    text-align: center;
    font-size: 33px;
    margin-bottom: 22px;
}

h4 {
    margin-top: 22px;
    text-align: center;
    font-size: 33px;
    margin-bottom: 22px;
}

h5 {
    margin-top: 22px;
    text-align: center;
    font-size: 33px;
    margin-bottom: 22px;
}

h6 {
    margin-top: 22px;
    text-align: center;
    font-size: 33px;
    margin-bottom: 22px;
}

.title-embarque {
    font-size: 23px;
    text-align: center;
    margin-top: 8px;
    margin-bottom: 8px;
    font-weight: bold;
}

.title-empresa {
    font-size: 21px;
    margin-top: 5px;
    margin-bottom: 7px;
    font-weight: bold;
}

.title-localização {
    font-size: 22px;
    margin-top: 1px;
    margin-bottom: 5px;
    font-weight: bold;
}

p {
    margin: 0 0 25px;
}

body {
    margin: 0;
    font-family: sans-serif;
    font-size: 16px;
    line-height: 26px;
}

.container {
    max-width: 1140px;
    margin-right: auto;
    margin-left: auto;
    padding: 15px 18px;
}

.impar {
    background: #edf3f2;
    padding: 20px 0 20px;
}

.par {
    background: #ffffff;
    padding: 20px 0 20px;
}

     @media all and (max-width:900px) {
    .slide {
      position: relative;
      text-align: center;
      color: white;
      overflow: hidden; /* Para garantir que o pseudo-elemento não ultrapasse o contêiner */
      height: 400px;
    }}

     @media all and (min-width:900px) {
    .slide {
      position: relative;
      text-align: center;
      color: white;
      overflow: hidden; /* Para garantir que o pseudo-elemento não ultrapasse o contêiner */
      height: 500px;
    }}

    .imagem {
      width: 100%;
      display: none; /* Inicialmente, escondemos todas as imagens */
      transition: opacity 0.5s ease; /* Efeito de transição suave */
    }

    .ativo {
      display: block; /* Exibimos apenas a imagem ativa */
    }

    .imagem::after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5); /* Fundo preto semi-transparente */
      opacity: 1; /* Opacidade do fundo preto */
    }

    .texto-sobre-imagem {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     font-size: 27px;
     color: white;
     text-transform: uppercase;
     width: 90%;
     z-index: 99;
     line-height: 44px;
     font-weight: bold;
    }

    .slide-descrição {font-size: 18px;line-height: 35px;text-transform: none;margin-top: 11px;font-weight: 500;margin-left: -4px;margin-right: -4px;}

    footer {
    margin-bottom: -11px;
    padding: 10px 0;
    background: #424141;
    z-index: 1;
    position: sticky;
    }

    .botao-slide {
    font-size: 16px;
    color: white;
    background: #f50303;
    display: inline-flex;
    padding: 5px 28px;
    border-radius: 55px;
    text-decoration: solid;
    }

.flex {
    display:flex;
    flex-wrap: wrap;
}

.sub {
    text-align: center;
    position: relative;
    margin-bottom: 12px;
    margin-top: 40px;
    padding: 0 11px;
}

.divider {
    position: absolute;
    display: block;
    width: 120px;
    height: 1px;
    background: rgb(230 0 0);
    left: calc(50% - 60px);
}

.sub-divider {
    position: absolute;
    display: block;
    width: 40px;
    height: 5px;
    background: rgb(230 0 0);
    bottom: 0;
    left: calc(50% - 20px);
    margin-bottom: -2px;
}

.contato {
    background:white;
    border-radius:6px;
    border:1px solid #b7b7b7;
    margin-top:7px;
    padding:10px;
    margin-bottom: 40px;
}

.titulo {
    background: white;
    border-left: 1px solid #b7b7b7;
    border-right: 1px solid #b7b7b7;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-top: 1px solid #b7b7b7;
    height: 65px;
    width: 100%;
    line-height: 31px;
    text-align: center;
    text-transform: uppercase;
}

.area-de-preços {
    border-left:1px solid #b7b7b7;
    border-right:1px solid #b7b7b7;
    display:inline-flex;
    margin-bottom: 0;
    width: 100%;
}

.preços {
    display:inline-block;
    font-size:17px;
    width:69.8%
}

.medio {
    background:#edf3f2;
    border-bottom:1px solid #b7b7b7;
    border-top:1px solid #b7b7b7;
    display:inherit;
    font-size:19px;
    height: 66px;
    padding:0 11px;
}

.info_medio {
    font-size: 14px;
    font-weight:normal;
    margin-top:6px
}

.preço_medio {
    display: inline;
    margin-top: 7px;
    margin-left: -1px;
    text-decoration: line-through;
}

.promocional {
    background:white;
    border-bottom:1px solid #b7b7b7;
    display:flow-root;
    font-size: 29px;
    height: 75px;
    padding:0 11px;
}

.info_promocional {
    font-size: 14px;
    font-weight:normal;
    margin-top:7px;
    margin-bottom: 5px;
}

.preço_promocional {
    color: #e76f02;
    display:inline;
    font-weight: 600;
    margin-top: 7px;
    margin-left: -1px;
}

.area-da-imagem {
    width: 40%;
    border-top: 1px solid #b7b7b7;
    border-left: 1px solid #b7b7b7;
    border-bottom: 1px solid #b7b7b7;
    display: flex;
    justify-content: center;
}

.area-imagem {
    background: white;
    padding: 6px;
}

.pax {
    font-size: 13px;
    margin-top: 111px;
    text-align: center;
    position: absolute;
}

.area-do-cupom {
    background:white;
    border-bottom-left-radius:8px;
    border-bottom-right-radius:8px;
    border-bottom:1px solid #b7b7b7;
    border-left:1px solid #b7b7b7;
    border-right:1px solid #b7b7b7;
    padding:4px 10px 9px 11px;
    margin-right: -2px;
}

.titulo-cupom {    
    font-size: 20px;
    margin-bottom: 6px;
    font-weight: bold;
    margin-top: 10px;
}

.whatsapp {
    text-align: center;
    border: 1px solid #e0e0e0;
    display: block;
    color: white;
    text-transform: uppercase;
    background: #119334;
    margin-top: -9px;
    font-size: 22px;
    border-radius: 9px;
    padding: 16px 0 21px;
    border-bottom: 6px solid #177430;
    border-right: 6px solid #177430;
    margin-bottom: 4px;
    text-decoration: none;
    font-weight: bold;
}

.img-whatsapp {
    margin-right: 2px;
    margin-top: -11px;
    margin-bottom: -11px;
}

.fotos {
    border-top-right-radius:33px;
    margin-bottom: 3px;
    width:100%;
    margin-top: 6px;
}

.empresa {
    border-top-right-radius: 33px;
    margin-bottom: 3px;
    width: 100%;
    margin-top: 6px;
}

.center {
    text-align:center;
    margin-bottom: 30px;
}

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

.img-circle {
    background:white;
    border:3px solid lightgrey;
    display:inline-block;
    padding:4px;
    border-radius: 50%;
}

.copyright {
    margin-top: 12px;
    margin-bottom: -23px;
    text-align: center;
    color: #2c2c2c;
    line-height: 25px;
    background: #edf3f2;
}

.atalho {
    display: flex;
    margin-top: 9px;
    text-align: center;
    margin-bottom: 17px;
}

.atalho-a {
    background: #1c1c1c;
    color: white;
    text-align: center;
    height: 60px;
    line-height: 60px;
    text-transform: uppercase;
    font-weight: bold;
    width: 46%;
    font-size: 15px;
    border-top-left-radius:5px;
    border-bottom-left-radius: 5px;
    text-decoration: none;
}

.atalho-b {
    background: #b15400;
    color: white;
    text-align: center;
    height: 60px;
    line-height: 60px;
    text-transform: uppercase;
    font-weight: bold;
    width: 54%;
    font-size: 15px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    text-decoration: none;
}

    @media all and (max-width:900px) {
    .coluna-a {
    width: 100%;
    margin-bottom: -10px;
}

   .coluna-b {
    width: 100%;
    margin-top: 18px;
}}

    @media all and (min-width:900px) {
   .coluna-a {
    width: 64.66%;
    padding-right: 2%;
}

   .coluna-b {
    width: 33%;
    margin-top: 18px;
}}

    @media all and (max-width:900px) {
   .coluna-1 {
    margin-bottom: 1px;
    width: 100%;
}
.coluna-2 {
    margin-bottom: 1px;
    width: 100%;
}
   .coluna-3 {
    margin-bottom: 1px;
    width: 100%;
}}

    @media all and (min-width:900px) {
   .coluna-1 {
    width: 32%;
    margin-right: 2%;
}
   .coluna-2 {
    width: 32%;
    margin-right: 2%;
}
   .coluna-3 {
    width: 32%;
}}

    @media all and (min-width:900px) {
    .imagem-slide {
     width: 100%;
}}

    @media all and (max-width:900px) {
    .imagem-slide {
    width: 110%;
    min-height: 400px;
}}








   .select-group {
        margin-bottom: 15px;
    }
    .select-group label {
        display: block;
        margin-bottom: 5px;
        font-weight: bold;
    }
    .select-buttons {
        display: flex;
        gap: 10px;
    }
   .select-button {
    padding: 15px 5px;
    border: 1px solid #6a6a6a;
    background-color: #edf3f2;
    color: #000000;
    font-size: 14px;
    cursor: pointer;
    border-radius: 5px;
    transition: background-color 0.3s, color 0.3s;
    width: -webkit-fill-available;
}
    .select-button:hover {
        background-color: #707070;
        color: #ffffff;
    }
    .select-button.selected {
        background-color: #f57703;
        color: #ffffff;
    }
    button[type="submit"] {
    background-color: #00932d;
    color: #ffffff;
    border: none;
    margin-top: 14px;
    margin-bottom: 33px;
    padding: 23px 20px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.3s, color 0.3s;
    width: 100%;
    }
    button[type="submit"]:hover {
        background-color: #00932d;
    }






 @media all and (max-width:900px) {

.carousel {
  position: relative;
  max-width: 100%;
  overflow: hidden;
    margin-top: 6px;
    margin-bottom: 32px;
}}

@media all and (min-width:900px) {

.carousel {
  position: relative;
  max-width: 88%;
  overflow: hidden;
    margin-top: 6px;
    margin-bottom: 32px;
    float: right;
}}

.slide2 {
  display: none;
}

.slide2 img {
  width: 100%;
  height: auto;
    border-radius: 8px;
}

.prev, .next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  cursor: pointer;
}

.prev {
  left: 0;
  padding: 12px 17px 17px 15px;
  font-size: 25px;
  border-top-right-radius: 11px;
  border-bottom-right-radius: 11px;
}

.next {
  right: 0;
  padding: 12px 15px 17px 17px;
  font-size: 25px;
  border-top-left-radius: 11px;
  border-bottom-left-radius: 11px;
}

.link_footer {
  width: 100%;
text-decoration: wavy;
display: block;
border-bottom: 1px solid #7e7e7e;
padding: 13px 0;
color: white;
font-size: 17px;
}

 #scrollButton {
    position: fixed;
    bottom: 15px;
    right: 15px;
    display: none;
    font-size: 19px;
    padding: 18px 21px 18px 14px;
    background-color: #119334;
    color: white;
    border-radius: 50px;
    cursor: pointer;
    border: 4px solid white;
    text-transform: uppercase;
}

#scrollButton:hover {
    background-color: #119334;
}

.logo  {
    display: block;float: left;font-size: 18px;font-weight: bold;color: #313b54;
}

.logo_img  {
    width: 41px;margin-top: -13px;margin-bottom: -14px;margin-right: 7px;margin-left: -4px;
}


.info_foto {
    margin-top: -58px;
    color: white;
    z-index: 1111111;
    position: relative;
    font-size: 17px;
    background: #00000061;
    padding: 12px 15px 12px 16px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

    .container2 {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 16px;
     margin-top: 26px;
     margin-bottom: 38px;
    }

    .item2 {
     display: grid;
     grid-template-rows: 1fr 1fr 2fr;
     background-color: #f0f0f0;
     padding: 5px;
     border-radius: 5px;
     border: 2px solid #cfcfcf;
    }

    .item2 > div {
     display: flex;
     justify-content: center;
     align-items: center;
     background: white;
    }

    .titulo2 {
     width: 100%;
     line-height: 36px;
     text-align: center;
     text-transform: uppercase;
     font-size: 17px;
     font-weight: bold;
     color: #4a4a4a;
    }

    .valor2 {
     font-size: 15px;
     color: #999999;
     font-weight: bold;
     text-align: center;
     background: #f0f0f0!important;
    }

    .quantidade2 {
     font-size: 37px;
     color: #f57703;
     margin-top: -2px;
     font-weight: bold;
    }
     
     .menu-icon {
      display: flex;
      flex-direction: column;
      width: 28px;
      height: 25px;
      justify-content: space-between;
      cursor: pointer;
      text-decoration: none; 
    }

    .bar {
      width: 100%;
      height: 5px;
      background-color: #313b54;
      border-radius: 5px;
    }




.header  {
     display: flow-root;height: 62px;line-height: 32px;z-index: 9999999;background: white;width: 100%;box-shadow: 0 1px 3px #bdbdbd;
       }

      .menu  {
     float: right;font-size: 19px;font-family: cursive;color: #000000;margin-top: 3px;margin-right: 7px;
       }

      .atalho2  {
     color: black;
       }

       .descrição  {
     margin-bottom: 12px;margin-top: 40px;text-align: center;position: relative;
       }

       .carrocel_título  {
     position: absolute;top: 34px;color: white;left: 50%;font-size: 22px;text-transform: uppercase;transform: translate(-50%, -50%);text-align: center;width: 100%;font-weight: bold;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
       }

       .carrocel_descrição  {
     position: absolute;top: 57px;color: white;left: 50%;font-size: 14px;transform: translate(-50%, -50%);text-align: center;width: 100%;font-weight: bold;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
       }

       .botão_whatsapp  {
     padding: 24px 20px 27px 20px;font-size: 22px;border-radius: 5px;background-color: #00932d;border: none;color: white;display: block;text-align: center;text-transform: uppercase;text-decoration: none;margin-top: 25px;margin-bottom: 29px;
       }

       .img_galeria  {
     width: 100%;border-radius: 10px;margin-bottom: 10px;
       }

       .mapa  {
     margin-bottom:26px;margin-top:28px;border: 5px solid white;border-radius: 4px;
       }

       .footer1  {
     text-align: center;width: 100%;color: white;font-size: 30px;margin-top: 22px;margin-bottom: -5px;font-weight: bold;
       }

       .footer2  {
     text-align: center;width: 100%;color: white;;margin-top: 34px;margin-bottom: 21px;font-size: 28px;font-weight: bold;
       }

       .footer_descrição  {
     text-align: center;width: 100%;color: #b9b9b9;margin-top: 18px;margin-bottom: 18px;
       }

      .filtrar_pesquisa  {
     text-align: center;margin-top: 30px;margin-bottom: 8px;width: 100%;color: white;font-size: 30px;text-transform: uppercase;
       }

      .filtrar_pesquisa_descricao  {
     text-align: center;width: 100%;color: #ffffff;margin-top: 18px;margin-bottom: 18px;
       }

     .filtrar_pesquisa_destino  {
     color: #ffffff;font-size: 21px;margin-top: 31px;margin-bottom: 10px;font-weight: bold;text-transform: uppercase;
       }