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

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

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

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

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

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

.title-embarque {
    font-size: 21px;
    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;
}

.slide {
      position: relative;
      text-align: center;
      color: white;
      overflow: hidden; /* Para garantir que o pseudo-elemento não ultrapasse o contêiner */
      height: 400px;
    }

    .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: 31px;
     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: #f57703;
    display: inline-flex;
    padding: 5px 24px;
    border-radius: 55px;
    text-decoration: solid;
    }

    .botao-slide2 {
    font-size: 16px;
    color: white;
    background: #f57703;
    display: inline-flex;
    padding: 5px 24px;
    border-radius: 55px;
    text-decoration: solid;
    margin-right: 15px;
    }


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

.sub {
    text-align:center;
    position: relative;
    margin-top: 46px;
    margin-bottom: 10px;
}

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

.sub-divider {
    position: absolute;
    display: block;
    width: 40px;
    height: 5px;
    background: #f57703;
    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: 5px;
    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: -9px;
    margin-bottom: -11px;
    text-align: center;
}

.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%;
}}










   .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;
    }








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

.slide2 {
  display: none;
}

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

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

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

.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;
    font-size: 33px;
    padding: 15px 17px 20px 15px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.next {
  right: 0;
    font-size: 33px;
    padding: 15px 15px 20px 17px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

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

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

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

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

.logo_img  {
    width: 110px;margin-top: -11px;margin-bottom: -16px;margin-right: 7px;margin-left: -6px;
}

.info_foto {
    margin-top: -58px;
    color: white;
    z-index: 2;
    position: relative;
    font-size: 18px;
    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;
    }

     .info_preco {
     background: #f0f0f0!important;
     font-size: 12px;
     padding-top: 6px;
    }
     
     .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;border-top-right-radius: 33px;
       }

       .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;
       }

@media (min-width: 1200px) {
  .tamanho-caminhao {
    width: 100%;
    height: 180px;
    margin-left: -5px;
    margin-right: -5px;
    margin-top: 0px;
    border-radius: 7px;
    object-fit: cover;
}

}  
  
@media (max-width: 1200px) {
  .tamanho-caminhao {
    width: 100%;
    height: 180px;
    margin-left: -5px;
    margin-right: -5px;
    margin-top: 0px;
    border-radius: 7px;
        object-fit: cover;
}

}   
 
    @media (max-width: 1000px) {
  .tamanho-caminhao {
    width: 100%;
    height: 140px;
    margin-left: -5px;
    margin-right: -5px;
    margin-top: 0px;
    border-radius: 7px;
        object-fit: cover;
}

}  
  
@media (max-width: 800px) {
  .tamanho-caminhao {
    width: 100%;
    height: 90px;
    margin-left: -5px;
    margin-right: -5px;
    margin-top: 0px;
    border-radius: 7px;
        object-fit: cover;
}

}  
  
    @media (max-width: 600px) {
  .tamanho-caminhao {
    width: -webkit-fill-available;
    height: 70px;
    margin-left: -5px;
    margin-right: -5px;
    margin-top: -5px;
    border-radius: 7px;
        object-fit: cover;
}

}





.botoes-linha {
  display: flex;
  gap: 27px;
  width: 100%;
}

.botao {
  flex: 1;
  display: block;
  text-align: center;
  padding: 17px;
  background: #25d366;
  color: #fff;
  text-decoration: none;
  border-radius: 8px;
  font-weight: bold;
}

/* MOBILE */
@media (max-width: 768px) {
  .botoes-linha {
    flex-direction: column;
  }
}





.grupo-destino-estado {
    margin-top: 20px;
}

.grupo-destino-estado h3 {
    margin-bottom: 15px;
}

.grupo-destino-estado::after {
    content: "";
    display: block;
    clear: both;
}

.coluna-1,
.coluna-2,
.coluna-3 {
    width: 32%;
    float: left;
    margin-right: 2%;
}

.coluna-3 {
    margin-right: 0;
}

.link_footer {
    display: block;
    margin-bottom: 0px;
}

@media (max-width: 768px) {
    .coluna-1,
    .coluna-2,
    .coluna-3 {
        width: 100%;
        float: none;
        margin-right: 0;
    }
}






.overlay-rotas {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.7);
  z-index: 99999;
  align-items: center;
  justify-content: center;
}

.overlay-rotas.ativo {
  display: flex;
}

.popup-rotas {
  position: relative;
  width: min(92%, 520px);
  animation: aparecer 0.3s ease;
}

.titulo-rotas {
  background: #fbfbf9;
  text-align: center;
  margin-bottom: -8px;
  font-weight: bold;
  padding: 18px 5px 27px;
  border-radius: 8px 8px 0 0;
  color: #15354f;
  font-size: 24px;
}

.img-banner-rotas {
  width: 100%;
  border-radius: 10px;
  display: block;
}

.rodape-rotas {
  background: #faf9f6;
  color: #133b6e;
  margin-top: -9px;
  text-align: center;
  padding: 14px 5px 16px;
  font-weight: bold;
  font-size: 15px;
  border-radius: 0 0 8px 8px;
}

.fechar-banner {
  position: absolute;
  top: -12px;
  right: -12px;
  width: 34px;
  height: 34px;
  border: none;
  border-radius: 50%;
  background: #e57614;
  color: #fff;
  font-size: 22px;
  cursor: pointer;
  z-index: 2;
}

@keyframes aparecer {
  from { transform: scale(0.9); opacity: 0; }
  to { transform: scale(1); opacity: 1; }
}