/* Importando a fonte Carnas Bold 
@font-face {
    font-family: "CarnasBold";
    src: url("https://db.onlinewebfonts.com/t/122c141f00bd0a1471676beb104d66a1.eot");
    src: url("https://db.onlinewebfonts.com/t/122c141f00bd0a1471676beb104d66a1.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/122c141f00bd0a1471676beb104d66a1.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/122c141f00bd0a1471676beb104d66a1.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/122c141f00bd0a1471676beb104d66a1.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/122c141f00bd0a1471676beb104d66a1.svg#Carnas W03 Bold")format("svg");
}

    body {
      font-family: 'CarnasBold', sans-serif;
     
    }*/

    body{
      overflow-x: hidden;
    }


    .inputColortz{
      background-color: #f1d7ad;
      border-radius: 5px;
      color:black;     
      border: 1p solid #f1d7ad;;

    }


    .contato-fonte-maior {
      font-size: 24px; /* Ajuste o tamanho da fonte conforme necessário */
  }


    .inputColor{
      background-color: #f1d7ad;
      border-radius: 5px;
      color:black;
      height: 33px;;
      border: 1p solid #f1d7ad;;

    }

    .inputColor:hover{
      background-color: #ccb289;
      border-radius: 25px;
      color:black;
      height: 33px;;
      border: 1p solid #f1d7ad;;

    }



    .no-padding-left {
      padding-left: 0px;
      background-color: #ece1d1
  }

  .no-padding-right {
    padding-right: 0px;
    background-color: #ece1d1
}

  

.fundo1 {
  background-color: #524439;
  border-bottom-right-radius: 25px;
  padding-left: 15px;
  color: white;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 15px; /* Adiciona um pouco de espaço à direita */
}



.fundo2 {
background-color: #90623e;
border-bottom-left-radius: 25px;
padding-left: 15px;
left: 3px;
color: white;
height: 45px;
display: flex;
align-items: left;
}

.instagram-icon, .whatsapp-icon {
max-height: 100%; /* Garante que a altura máxima da imagem seja 100% da altura da div */
/*margin-right: 10px;  Espaçamento à direita do ícone */
vertical-align: middle; /* Alinha verticalmente o ícone com o texto */
display: inline-block; /* Garante que a imagem seja tratada como um bloco inline */
padding: 7px;;
}

.cadeado-icon{
  width: 45px;
  height:45px;
  vertical-align: middle; /* Alinha verticalmente o ícone com o texto */
display: inline-block; /* Garante que a imagem seja tratada como um bloco inline */
padding: 7px;;
}


.area-code {
font-size: 0.8em; color:white /* Diminui o tamanho da fonte para o código de área */
}



/* Visibilidade para PC */
.pc {
  display: flex;; /* Exibe o conteúdo em dispositivos de PC */
}



.mob {
  display: none; /* Esconde o conteúdo em dispositivos de PC */
}



 /* Estilos personalizados para o menu */
 .navbar {
      
  background-image: url('../images/fundomenu.jpg');
  background-position: right; /* Posiciona a imagem à direita */
background-repeat: no-repeat; /* Evita a repetição da imagem */
background-size: cover; /* Ajusta a imagem para cobrir toda a largura do elemento */
}



.meioB{      
  background-image: url('../images/fundomaster.jpg');
  background-position: right; /* Posiciona a imagem à direita */
background-repeat: no-repeat; /* Evita a repetição da imagem */
background-size: cover; /* Ajusta a imagem para cobrir toda a largura do elemento */
}



.meioD{      
  background-image: url('../images/fundomasterBanner.jpg');
  background-position: right; /* Posiciona a imagem à direita */
background-repeat: no-repeat; /* Evita a repetição da imagem */
background-size: cover; /* Ajusta a imagem para cobrir toda a largura do elemento */
}


.meioC{      
  background-image: url('../images/fundoD.jpg');
  background-position: right; /* Posiciona a imagem à direita */
background-repeat: no-repeat; /* Evita a repetição da imagem */
background-size: cover; /* Ajusta a imagem para cobrir toda a largura do elemento */
}



.meioF{      
  background-image: url('../images/fundomastermob.jpg');
  background-position: right; /* Posiciona a imagem à direita */
background-repeat: no-repeat; /* Evita a repetição da imagem */
background-size: cover; /* Ajusta a imagem para cobrir toda a largura do elemento */
}




/* Visibilidade para Mobile */
@media (max-width: 767px) {


   /* Estilos personalizados para o menu */
   .navbar {
    background-color: #ece1d1;
    background-image: url('');
    
  }



  .pc {
      display: none; /* Esconde o conteúdo em dispositivos móveis */
  }

  .mob {
      display: block; /* Exibe o conteúdo em dispositivos móveis */
  }


  .fundo1 {
    background-color: #524439;   
    border-bottom-right-radius: 0px;
    padding-left: 15px;
    color: white;
    height: 48px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: space-between;
    font-size: medium;
   
}



.fundo2 {
  background-color: #90623e; 
  border-bottom-right-radius: 0px;
  padding-left: 15px;
  left: 3px;
  color: white;
  height: 45px;
  display: flex;
  align-items: center;
  text-align: center;
}

a img.instagram-icon, a img.whatsapp-icon {
  max-height: 100%; /* Garante que a altura máxima da imagem seja 100% da altura da div */
  /*margin-right: 10px;  Espaçamento à direita do ícone */
  vertical-align: middle; /* Alinha verticalmente o ícone com o texto */
  display: inline-block; /* Garante que a imagem seja tratada como um bloco inline */
  padding: 7px;
  width: 60px;
}

a.instagram-icon, a.whatsapp-icon {
  display: inline-block; /* Garante que o link seja tratado como um bloco inline */
  text-align: center; /* Centraliza o conteúdo dentro do link, se necessário */
  padding: 0; /* Remove qualquer padding do link para evitar deslocamento da imagem */
  width: 60px;
}


.area-code {
  font-size: 0.8em; /* Diminui o tamanho da fonte para o código de área */
  text-align: center;
  }


}




.btn-master {
  background-color: #c8a161;
  color: white;
  border-radius: 35px; /* Adiciona um raio de borda de 35px */
  padding: 10px 20px; /* Ajusta o padding para um botão mais confortável */
  border: none; /* Remove a borda padrão do botão, se necessário */
}
.btn-master:hover {
  background-color: #c8a161; /* Um pouco mais escuro */
  border-radius: 35px; /* Adiciona um raio de borda de 35px */
  padding: 10px 20px; /* Ajusta o padding para um botão mais confortável */
  border: none; /* Remove a borda padrão do botão, se necessário */
}


.btn-masterr {
  background-color: #b99457;
  color: white;
  border-radius: 35px; /* Adiciona um raio de borda de 35px */
  padding: 10px 20px; /* Ajusta o padding para um botão mais confortável */
  border: none; /* Remove a borda padrão do botão, se necessário */
}
.btn-masterr:hover {
  background-color: #b99457; /* Um pouco mais escuro */
  border-radius: 35px; /* Adiciona um raio de borda de 35px */
  padding: 10px 20px; /* Ajusta o padding para um botão mais confortável */
  border: none; /* Remove a borda padrão do botão, se necessário */
}



.contato{
  margin: 80px 0px 20px 20px;   width:100%; padding-right: 90px;
}


   
    .navbar-nav .nav-link {
      color: #875429;
      margin: 0 15px; /* Espaçamento horizontal entre os itens do menu */
    }
    .navbar-nav .nav-link:hover {
      color: rgba(128, 128, 128, 0.5); /* 50% cinza */
    }

    .navbar-dark .navbar-nav .nav-link {
        color:  #875429;
        font-weight: bold;
    }


    .navbar-dark .navbar-nav .nav-link:hover {
      color: black; /* Mantém o texto preto no hover */
      border-bottom: 2px solid #8B4513; /* Adiciona uma linha em marrom abaixo do link */
      font-weight: bold;
  }


    .btn-reservar {
      background-color: #1D4220;
      color: white;
    }
    .btn-reservar:hover {
      background-color: #0f2411; /* Um pouco mais escuro */
    }
    /* Estilos personalizados para o slide 
    .carousel-item {
      position: relative;
      height: 90vh; /* Para ocupar toda a altura da tela  
    }*/

    .rackalturaSlide{
      position: relative;
      /*height: 90vh;  Para ocupar toda a altura da tela */
    }


    .politica{
     padding-top: 30px;
  }

    @media (max-width: 768px) {
  .rackalturaSlide {
   /* height: 40vh;  Para ocupar 60% da altura da tela em dispositivos móveis */
  }
  .politica{
    text-align: center; padding-top: 10px;
  }

  .contato{
    margin: 80px 0px 20px 20px;   width:100%; padding-right: 10px;
  }

  

}

    .carousel-itemRACK {      
      height: 00vh; /* Para ocupar toda a altura da tela */
    }


    .carousel-caption {
      position: absolute;
      top: 75%;
      left: 50%;
      transform: translate(-50%, -50%);
      text-align: center;
      width: 50%;
    }

    .carousel-caption h3{
      text-shadow: 4px 4px 6px rgba(0, 0, 0, 0.9); /* Sombra no texto */
      position: absolute;
      text-align:center
    }
    .overlay {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      /*background-color: rgba(0, 0, 0, 0.5);*/ /* Adiciona uma cor de fundo semi-transparente */
      z-index: 999; /* Para garantir que as divs do rodapé estejam sempre acima do slide */
      color: white;
      /*padding: 20px;
      padding-bottom: 20px;*/
    }

    .fa-Fx{
      font-size: 1.2em; margin-top:6px
    }

   



    .a-pousada h6 {
      font-size: 1.1rem;
      margin-bottom: 6px;
    }
    .a-pousada p {
      font-size: 0.9rem;
      margin-bottom: 7px;
    }
    .a-pousada .fa-check {
      color: black;
      margin-right: 10px;
    }


    /* */


 
  .carouselhackArrowP{
    height: 100px; width: 0px; top:50px;   left: -35px;  
  }

  .carouselhackArrowN{
    height: 100px; width: 0px; top:50px;  right: -35px;    
  }

  .border-black{
    border: 2px solid #000000 !important; /* Define a borda preta de 2px */
  }



  /* */

  .quartos {
     /* background: url('../../assets/images/fundo.png');*/
    
        
      /*background-color: #D8620A;  */
      background-color: white;
      color: black;
      
    }
    .a-pousada h6 {
      font-size: 1.1rem;
      margin-bottom: 6px;
    }
    .a-pousada p {
      font-size: 0.9rem;
      margin-bottom: 7px;
    }
    .a-pousada .fa-check {
      color: black;
      margin-right: 10px;
    }



    /* */
    .btn-costaneira {
    background-color: #a67c52;
    color: white;
    border: none;
    padding: 10px 20px; /* Ajuste conforme necessário */
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.btn-costaneira:hover {
    background-color: #8e663f; /* Cor um pouco mais escura ao passar o mouse */
    color: white;
}



 /* */
 .btn-costaneiraOrange {
  background-color: #D8620A;
  color: white;
  border: none;
  padding: 10px 20px; /* Ajuste conforme necessário */
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.btn-costaneiraOrange:hover {
  background-color: #a34b08; /* Cor um pouco mais escura ao passar o mouse */
  color: white;
}




 /* */
 .btn-costaneiraGreen {
  background-color: #1D4220;
  color: white;
  border: none;
  padding: 10px 20px; /* Ajuste conforme necessário */
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.btn-costaneiraaGreen:hover {
  background-color: #0c220d; /* Cor um pouco mais escura ao passar o mouse */
  color: white;
}





.carouselExampleIndicators3{
  bottom: -50px;
}


.zerarMargem{ margin: 0px;}
.Marginspace{ margin: 5px;}
.rackIndicators{ position: absolute; ; bottom: none;}






  /* */

  .cozinha {
      /*background: url('../../assets/images/fundoCozinha.jpg') no-repeat center center;*/
      background-size: cover; 
      background-color: #1d4220;
     
      color: black;
      
    }
    .cozinha h6 {
      font-size: 1.1rem;
      margin-bottom: 6px;
    }
    .cozinha p {
      font-size: 0.9rem;
      margin-bottom: 7px;
    }
    .cozinha .fa-check {
      color: black;
      margin-right: 10px;
    }



    /* */

  .restaurante {
      /*background: url('../../assets/images/fundoRestaurante.jpg') no-repeat center center;
      background-size: cover; */
      background-color:#83411C;
      color: black;
      
    }
    .restaurante h6 {
      font-size: 1.1rem;
      margin-bottom: 6px;
    }
    .restaurante p {
      font-size: 0.9rem;
      margin-bottom: 7px;
    }
    .restaurante .fa-check {
      color: black;
      margin-right: 10px;
    }




     /* */

  .depoimentos {
      
       background: url('../../assets/images/fundoC.jpg') no-repeat center center;
     
      color: rgb(0, 0, 0);
      
    }
    .depoimentos h6 {
      font-size: 1.1rem;
      margin-bottom: 6px;
    }
    .depoimentos p {
      font-size: 0.9rem;
      margin-bottom: 7px;
    }
    .depoimentos .fa-check {
      color: black;
      margin-right: 10px;
    }





   
        .whatsapp-float {
            position: fixed;
            width: 60px;
            height: 60px;
            bottom: 40px;
            right: 40px;
            background-color: #25d366;
            color: #FFF;
            border-radius: 50px;
            text-align: center;
            font-size: 30px;
            box-shadow: 2px 2px 3px #999;
            z-index: 100;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .whatsapp-float img {
            width: 35px;
            height: 35px;
        }