@import url('https://fonts.googleapis.com/css2?family=Bitter&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@500&display=swap');

body
{
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

h1, h2, h3, h4, span
{
  font-family: 'Josefin Sans', sans-serif;
  color:#006135 !important;

}

.login-logo
{
  max-width: 100% !important;
}

.button-wpp
{
    background: #1cc94c;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    outline: none;
    color: #fff !important;
    border-radius: 30px;
    border: none;
    padding: .5rem .7rem;
}

.navbar-toggler:focus
{
  box-shadow: none !important;
  outline: none !important;
}

a 

{
  font-family: 'Source Sans 3', sans-serif;
  font-weight: 700 !important;
  text-decoration: none !important;

}

p

{
  font-family: 'Source Sans 3', sans-serif;
  font-weight: 500 !important;

}
body::-webkit-scrollbar { display: none; }

#slide-window
  {
  width:100%;
  height:93vh;
  overflow:hidden;
  position: relative;
  top:0px;
  left:0px;
  }

#slides
  {
  height:100%;  
  position:absolute;
  margin:0px;
  padding:0px;
  
  -webkit-transform: translate3d(0px,0px,0px);
  transform: translate3d(0px,0px,0px);
    
  transition: all 0.66s ease; -webkit-transition: all 0.66s ease; 
  
  }

  #slide-window-projeto2
  {
  width:100%;
  height:93vh;
  overflow:hidden;
  position: relative;
  top:0px;
  left:0px;
  }

#slides-projeto2
  {
  height:100%;  
  position:absolute;
  margin:0px;
  padding:0px;
  
  -webkit-transform: translate3d(0px,0px,0px);
  transform: translate3d(0px,0px,0px);
    
  transition: all 0.66s ease; -webkit-transition: all 0.66s ease; 
  
  }



  .foto-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: start; /* Centraliza as fotos */
    gap: 10px;
}

.foto {
    flex: 1 1 calc(25% - 10px); /* 4 fotos por linha, considerando 10px de gap */
    max-width: 26rem; /* Largura máxima da foto */
    margin: 5px;
}

.foto img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 5px;
}

.desktop-imgs
    {
      display: flex;

    }

.mobile-slider
{
  display: none;
}
/* Media Query para dispositivos com tela menor que 600px (Celulares) */
@media (max-width: 768px) {
  .card
  {
    margin: .5rem;
  }
    .foto {
        flex-basis: 100%; /* 1 foto por linha */
    }

    .desktop-imgs
    {
      display: none !important;

    }

    .mobile-slider
    {
      display: flex !important;
    }

}

  .passeio2
  {
    padding: 1rem;

  }

.slide 
  {
  list-style:none;
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  width: 500px;
  height: 100%;
  background: #ccc;
  text-align: center;
  line-height: 300px; 
  background-size: cover; 
  background-position:50% 50%;
  color:#fff;
  -webkit-transform: translate3d(0px,0px,0px);
  visibility:hidden;
  -webkit-transform-style: preserve-3d;
  }

.alive { visibility:visible; }

.nav 
  { 
  position:absolute; 
  z-index:9; 
  top:50%; 
  cursor:pointer; 
  color:#fff; 
  opacity:0.7; 
  transition: all 0.66s ease; -webkit-transition: all 0.66s ease; 
  }

.nav:hover { opacity:1.0; }
#left, #left-projeto2 { left:3%; }
#right, #right-projeto2 { right:3%; }


#credit 
  { 
    display: none !important;
  }

  .nav-link
  {
    font-size: 1.2rem !important;
    color:#1f1f1f !important;
  }


  a
  {
    color:#000 !important;
  }


  @media(max-width:768px)
  {
    .flex-mobile
    {
      flex-direction: column !important;
    }
  }


  @media(max-width:768px)
  {
    .booking-form
    {
      text-align: center !important;
    }

    .booking-form .form-control
    {
      text-align: center !important;
    }
    .row
    {
      --bs-gutter-x: 0 !important;
    }
   
  }
  
  #booking {
    font-family: 'Cabin', sans-serif;
    background-color: #f7f9fa;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top: 25px;
    padding-bottom: 25px;
    margin-top:25px;
    min-height: 100vh !important;
   ;
  }
  
  .booking-form {
    display: flex;
    position: relative;
    width: 100%;
    margin: auto;
    background: #fff;
    -webkit-box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.3);
  }
  
td, tr, th
{
  justify-items: start;
  text-align: start !important; 
}

.mobile-table
{
  display: none;
}

@media(max-width:768px){

  .desk-table
  {
    display: none !important;
    
  }

  .mobile-table
  {
    display: flex;
  }
  .booking-form>form
  {
    width:100% !important;
  }

  .passeio2
  {
    width: 100% !important;

  }
}

  .booking-form>.booking-bg {
    width: 50%;
    background-image: url('../img/background.jpg');
    background-size: cover;
    background-position: center;
  }
  
  .booking-form>form {
    padding: 30px;
    width: 50%;
    border: 1px solid #f9fafc;
    border-left: 0px;
  }
  
  .booking-form .form-header {
    margin-bottom: 30px;
  }
  
  .booking-form .form-header h2 {
    margin: 0;
    margin-bottom: 0px;
    font-weight: 700;
    color: #122244;
    font-size: 35px;
    text-transform: capitalize;
  }
  
  .booking-form .form-group {
    position: relative;
    margin-bottom: 20px;
  }
  
  .booking-form .form-control {
    background-color: #f7f9fa;
    height: 40px;
    padding: 0px 10px;
    border-radius: 0px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    color: #122244;
    border: 0px;
    font-size: 16px;
    font-weight: 700;
    -webkit-box-shadow: inset 0 1px 4px rgba(181, 193, 204, 0.3);
    box-shadow: inset 0 1px 4px rgba(181, 193, 204, 0.3);
  }
  
  .booking-form .form-control::-webkit-input-placeholder {
    color: #dde3e8;
  }
  
  .booking-form .form-control:-ms-input-placeholder {
    color: #dde3e8;
  }
  
  .booking-form .form-control::placeholder {
    color: #dde3e8;
  }
  
  .booking-form .form-control:focus {
    -webkit-box-shadow: inset 0 1px 4px rgba(181, 193, 204, 0.3);
    box-shadow: inset 0 1px 4px rgba(181, 193, 204, 0.3);
  }
  
  .booking-form input[type="date"].form-control:invalid {
    color: #dde3e8;
  }
  
  .booking-form select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  
  .booking-form select.form-control+.select-arrow {
    position: absolute;
    right: 0px;
    bottom: 4px;
    width: 32px;
    line-height: 32px;
    height: 32px;
    text-align: center;
    pointer-events: none;
  }
  
  .booking-form select.form-control+.select-arrow:after {
    content: '\279C';
    display: block;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    color: #dddee9;
    font-size: 14px;
  }
  
  .booking-form .form-label {
    color: #b5c1cc;
    font-weight: 700;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    text-transform: uppercase;
    line-height: 24px;
    height: 24px;
    font-size: 14px;
    z-index: 1;
  }
  
  .booking-form .form-btn {
    margin-top: 10px;
  }
  
  .booking-form .submit-btn {
    color: #fff;
    background-color: #6499ff;
    font-weight: 700;
    padding: 13px 35px;
    font-size: 16px;
    border: none;
    width: 100%;
  }
  
  @media only screen and (max-width: 480px) {
    .booking-form>.booking-bg {
      display: none;
    }
    .booking-form>form {
      margin-left: 0px;
    }
  }

  /* Carrinho */

  table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 3rem;
}

thead th {
    text-align: center;
}

tbody td {
    text-align: center;
    vertical-align: middle;
    box-shadow: none !important;
}

tbody tr {
    display: table-row;
    background: #fff !important;
    box-shadow: none !important;
}

td form {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}