.portada {
    background-image: url('../img/portada2.jpg');
    background-size: cover;
    /* Centra la imagen y ajusta hacia arriba */
    width: 100%;
    height: auto;
    background-position: center;
    background-repeat: no-repeat;
    aspect-ratio: 3/2;
     display: flex;
    flex-direction: column;
   justify-content: flex-end; 
    
}
.navbar{
    background-color:rgba(20, 94, 130, 0.86);
    
   
}


.hero{
        height: 100%;
        width:100%;
        color:white;
        display: flex;
        flex-direction: column;
        justify-content: center; 
        align-items: center; 
       text-align: center; 
        background-color:rgba(0, 0, 0, 0.458);
}


.herobuton{
  margin-top: 20px;;
 gap:20px;
  display:flex;
  justify-content: space-between;
}



.portada h1 span , .pbdecor{
 
    color: #ec9626;
}

           /*social links */
.fa-whatsapp { color: #25D366; } /* Verde WhatsApp */
.fa-tiktok { color: #000000; } /* Negro TikTok */
.fa-instagram { color: #E4405F; } /* Rosa Instagram */
.fa-facebook { color: #1877F2; } /* Azul Facebook */
.social-link i:hover {
    opacity: 0.7;
    transition: 0.3s ease-in-out;
}

/*carta*/

 @media (min-width: 576px) and (max-width: 767.98px) {
        .cartaimg  {
        max-width: 500px;
        
      }

  }

.cartaidioma .nav-link{
  color: #522222;
  padding-block: 5px;
}

.cartaidioma .nav-link.active:hover{
  color: #ffffff !important;
}
.cartaidioma .nav-link.active{
  
 background-color: #dba060 !important;
}
.cartaimg div img{
  margin-top: 20px;
  width: 80%;

}

.cartanav {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 468px)  {
  .cartanav {
    max-width: 100% !important;
  }
  }


/* menu*/
.menutext{

    display: flex;
    flex-direction: column;
    
}

  .menuimg {
    width: 120px;             /* Tamaño reducido */
    margin-bottom: 15px;             /* Espacio entre imágenes */
    border-radius: 8px;       /* Esquinas redondeadas */
    box-shadow: 0 4px 6px rgba(0,0,0,0.1); /* Sombra suave */
    transition: transform 0.3s ease;
    cursor: pointer;
  }

  .menuimg:hover {
    transform: scale(1.05);   /* Zoom suave al pasar el ratón */
  }

  .galerymenu {
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
    margin-top: 40px;
    
    
  }

.columnamenu img{
  width:100%;


}




.titleprice {
   border-bottom: solid 1px #522222;
}

.titlecat {
   border-top: solid 1px #522222;
   border-bottom: solid 1px #522222;
}

.navmenu{
   
    color: #000;
}

.navelem :hover {
   
  color: rgb(209, 144, 15) !important;/* Color al pasar el ratón */
}
.navmenu.active {
  background-color: #6a4229 !important; /* Color cuando está activo */
  color: white !important;
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

.menuext{
    background-color:#b49e756e;
}
.titleprice h5:first-child , .titleprice h4:first-child{
  padding-right: 10px !important;
}
/*fin carta*/

 /* lightbox*/ 

.galeria {
    width: 90vw;
    max-width: 1200px;
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
    margin-top: 2rem;
    align-content: start;
    }


@media (min-width: 767.98px)  {
  .galeria img{
    width:auto !important;
  }
  }

  @media (min-width: 678px)  {
  .imgrev1{
    width:380px !important;
  }
  }
 .imgrev1{
  width:80%;
 } 


.galeria img{
  width: 45%;
}

.imgcontainer{
background-color: #f6f6f6;
}
    .preview {
      max-width: 400px;
      max-height: 270px;
      cursor: zoom-in;
      transition: transform 0.3s ease;
      border-radius: 6px;
    }

    .preview:hover {
      transform: scale(1.05);
    }

    .lightbox {
      position: fixed;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background: rgba(0,0,0,0.8);
      display: none;
      align-items: center;
      justify-content: center;
      z-index: 999;
    }

    .lightbox img {
      max-width: 90%;
      max-height: 80vh;
      border-radius: 10px;
      box-shadow: 0 0 20px #000;
      cursor: zoom-out;
    }

 

 /*fin lightbox*/ 
.btnreserva{
  background-color: #ffc107;
}
.btnreserva:hover{
  color:white;
  background-color: #dba060;
}

.btnsecundario:hover{
  background-color: #dba060;
}
 /*especiaitats*/
 .navesp .nav-link.active , .btnsecundario{
background-color: #522222;
  padding-block: 7px;
  color:white !important;
}



 /*menu semnanal*/

@media (min-width: 767.98px)  {
  .menusemana{

    padding: 80px 0  !important ;
  }
        
      

  }

.menusemana{
  align-items: center;
 display: flex;
  text-align: center;
  padding: 40px;
  background: url('../img/reserva5.jpg') center/cover no-repeat; position: relative;
}



.menusemana  span{
  color:#e47940;
}

 .hover-text-black:hover {
  background-color: #e47940 !important;
    color: rgb(251, 250, 250) !important;
  }

  .ambient{
    background-color: #000000;
    
  }

.carrouseld{
    background-color: #d6cfc2;
}


.cardlg {
  width:250px;
  min-height: 230px;
 
}
.testimonial{
 font-size: 19px;
}


.quedicen{
  background-color: #4b240224 !important;
  padding-bottom: 40px;
}


/*contacto*/
.contacto{
  background: linear-gradient(to right, #7f7262b5, #c5ab766e);
}


/* footer*/
.footer{
background-color:rgba(58, 41, 37, 0.74) !important;
}