@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');

*{
    margin: 0;
    padding: 0%;
    text-decoration: none;
    box-sizing: border-box;
    font-family:"montserrat";
}

/* Menú*/

.container-index {
  

    padding-top:20px;
    padding-bottom: 40px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    position: fixed;
    z-index: 1;

    max-width: 100%;
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 30px;
    }


    .container  {
  
  
    padding-top:20px;
    /*padding-bottom: 20px;*/
    display: flex;
    justify-content: space-between;
    width: 100%;
    position: fixed;
    z-index: 1000;
    background-color: white;
    max-width: 100%;
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 20px;

    }

    .logo-titulo{
    display: flex;
    }

    .logo-titulo h1{
        font-family: "montserrat";
        font-weight: lighter;
        text-align: left;    
        font-size: 30px; 
        padding-top: 0px;
        padding-left: 10px;
      }
    
.logo {
    display: flex;
    width:50px;
    height: 40px;
   
}
.logo-index{
    display: flex;
    width: 150px;
    height: 60px;
}
 .logo-menu {
    
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        height: 100px;
        object-fit:contain;
        cursor: pointer;
        margin-top: 50px;
        margin-bottom:30px;
        transition: 0.5s;
       
 }
        


.logo img{
    object-fit: contain;
}

.hamburguer{
    margin-top: 1px;
    position: relative;
    display: block;
    width: 35px;
    cursor: pointer;
    
    appearance: none;
    background: none;
    outline: none;
    border: none;

}
 
.hamburguer .bar, .hamburguer:after, .hamburguer:before{
    content: "";
    display: block;
    width: 100%;
    height: 5px;
    background-color: rgb(29, 29, 29);
    margin: 6px 0px;
    transition: 0.4s;
} 

.hamburguer.is-active:before{
    transform: rotate(-45deg) translate(-8px,6px);
}

.hamburguer.is-active:after{
    transform: rotate(45deg) translate(-9px,-8px);
}

.hamburguer.is-active .bar {
    opacity: 0;
}





.mobile-nav{
    
       
    background-repeat: no-repeat;
    background-attachment: fixed;  
    background-size: cover;
    background-position: 50%;

    position: fixed;
    bottom: 100%;
    left: 0%;
    width: 100%;
    min-height: 100vh;
    display: block;  
    background-color: rgb(59, 59, 59);
    background-image: url("img/Menu/MenuIndex.jpg")!important;
   
    padding-top: 120px;
    transition: 1s ease-in;

}


.mobile-nav.is-active {
bottom: 0;
}


.backgroundimg_nav{
    width: 100%;
    height: 100vh;
    position: absolute;
    
    transform: translateY(-120px);
    z-index: 0;
    object-fit: cover;
  

}

.nav_info{
    position: absolute;
    width: 100%;
   
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-end;

    

}
.mobile-nav a{
   /* width:100%;
    display: flex;
    justify-content: right;
    text-align: right;*/

    margin-bottom: 5px;
    padding-right: 150px;  
    color: rgb(248, 190, 43) ;
    font-size: 24px;
    font-weight: 300;
    transition:  .4s ease-in-out;
   
}

.mobile-nav a:hover{
    color:rgb(255, 255, 255);
    font-weight: 800;
    
}

.texto-activo{
    color: #fff;
    font-weight: 800;
}


.btn-contacto{
        display: flex;   
        justify-content: flex-end;    
     
        padding-right: 150px;
        width:100%;
        object-fit:contain;
        cursor: pointer;
        color: white;
        gap: 30px;


        appearance: none;
        background: none;
        outline: none;
        border: none;
}


.btn-contacto a{
    
    width: 20px;
    padding-right: 0px;
    margin-top: 50px;
    font-size: 30px;
    transition: 0.5s;
    color: white;
    
    
}

.btn-contacto a:hover{
    margin-top: 40px;
    color:  rgb(248, 190, 43);
}


/*Menu index*/


.hamburguer1{
    margin-top: 0px;
    position: relative;
    display: block;
    width: 35px;
    cursor: pointer;
    
    appearance: none;
    background: none;
    outline: none;
    border: none;

}
 
.hamburguer1 .bar, .hamburguer1:after, .hamburguer1:before{
    content: "";
    display: block;
    width: 100%;
    height: 6px;
    background-color: rgb(29, 29, 29);
    margin: 6px 0px;
    transition: 0.4s;
} 

.hamburguer1.is-active:before{
    transform: rotate(-45deg) translate(-9px,8px);
}

.hamburguer1.is-active:after{
    transform: rotate(45deg) translate(-8px,-9px);
}

.hamburguer1.is-active .bar {
    opacity: 0;
}


/* Menú Index*/
.mobile-nav1{
    
       
        background-repeat: no-repeat;
        background-attachment: fixed;  
        background-size: cover;
        background-position: 50%;
    
        position: fixed;
        bottom: 100%;
        left: 0%;
        width: 100%;
        min-height: 100vh;
        display: block;  
        background-color: rgb(59, 59, 59);
        background-image: url("img/Menu/MenuIndex.jpg")!important;
        padding-top: 120px;
        transition: 1s ease-in;
    
    }
   

.mobile-nav1.is-active {
   bottom: 0;
}



.mobile-nav1 a{
    width:100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;

    margin-bottom: 5px;
   
    padding-right: 150px;  
    color: rgb(248, 190, 43) ;
    font-size: 24px;
    font-weight: 300;
    transition:  .4s ease-in-out;
   
}

.mobile-nav1 a:hover{
    color:rgb(255, 255, 255);
    font-weight: 800;
    
}
.texto-activo1{
    color: #fff;
    font-weight: 800;
}


.btn-contacto1{
    display: flex;       
    justify-content: flex-end;

    padding-right: 150px;
    width:100%;
    object-fit:contain;
    cursor: pointer;
    color: white;
    gap: 30px;


    appearance: none;
    background: none;
    outline: none;
    border: none;
}


.btn-contacto1 a{
width: 20px;
padding-right: 0px;
margin-top: 50px;
font-size: 30px;
transition: 0.5s;
color: white;


}

.btn-contacto1 a:hover{
margin-top: 40px;
color:  rgb(248, 190, 43);
}


.logo-menu1 {
        
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    height: 100px;
    object-fit:contain;
    cursor: pointer;
    margin-top: 50px;
    margin-bottom:30px;
    transition: 0.5s;
   
}

@media(max-width: 1000px){

    
.hamburguer{
    margin-top: 20px;
   margin-right: 20px;
    position: relative;
    display: block;
    width: 80px;
    cursor: pointer;
    
    appearance: none;
    background: none;
    outline: none;
    border: none;

}
 
.hamburguer .bar, .hamburguer:after, .hamburguer:before{
    content: "";
    display: block;
    width: 100%;
    height: 15px;
    background-color: rgb(29, 29, 29);
    margin: 10px 0px;
    transition: 0.4s;
} 

.hamburguer.is-active:before{
    transform: rotate(-45deg) translate(-25px,25px);
}

.hamburguer.is-active:after{
    transform: rotate(45deg) translate(-9px,-10px);
}

.hamburguer.is-active .bar {
    opacity: 0;
}


.container-index{
    padding-left: 10px;
    padding-right: 20px;
}

   .logo-index{
        display: flex; 
        width: 150px;
        height: 55px;
        transform: translateY(-7px);
        
    }
    .logo-menu {
        
        margin: 250px -50px 0px 0px;
        height: 250px;     
 }

    .mobile-nav a{
     
        padding-right: 80px;
        font-size: 3rem;
        margin-bottom: 15px;
       
    }

    .btn-contacto{
        
        padding-right: 60px;
    }
    .btn-contacto a {
        
       font-size: 70px;
       padding-left: 20px;
    }
    .logo-titulo h1{
        font-size: 50px;
        margin-top: 30px;
        margin-left: 30px;
      }

      .logo {
        display: flex;
        margin-top: 20px;
        width:100px;
        height: 80px;

    }

    
    /*Menu index*/

     
    .mobile-nav1 a{
        
        padding-right: 25px;
        font-size: 1.2rem;
      

    } 
     .logo-menu1 {
        
            display: flex;
            flex-direction: column;
            justify-content: center;
           
            height: 100px;
            object-fit:contain;
            cursor: pointer;
            margin-top: 0px;
            margin-bottom:0px;
            margin-right: -20px;
            transition: 0.5s;


          
     }
     .btn-contacto1{
        margin-top: 0px;
        padding-right: 0px;
    }
    .btn-contacto1 a{
        
       font-size: 25px;
       margin-top: 20px;
    }   
    
    
    
}

/*footer*/

.footer{
  
 
    padding-top:40px;
    padding-bottom: 40px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    
    background-color: white;
 
    max-width: 100%;
    margin: 0 auto;
    padding-left: 30px;
    padding-right: 30px;
    }

    .contacto-escritorio{
        display: flex;
        justify-content: center;
        width: 100%;
      
        color: rgb(59, 59, 59);
        font-family: "montserrat";
        justify-content: center;
        text-align: center;
        margin-top:5px;
    }
.contacto-escrito-c{
    display: flex;
    justify-content: left;
    width: 33%;
    padding-top: 30px;
    color: rgb(59, 59, 59);
    font-family: "montserrat";
    justify-content: center;
    text-align: center;
    margin-top:5px;
}

.contacto-escrito-l{
    display: flex;
    justify-content: left;
    width: 33%;
    padding-top: 30px;
    color: rgb(59, 59, 59);
    font-family: "montserrat";
    justify-content: left;
    text-align: left;
    margin-top:5px;
}

.contacto-escrito-r{
    display: flex;
    justify-content: left;
    width: 30%;
    padding-top: 30px;
    color: rgb(59, 59, 59);
    font-family: "montserrat";
    justify-content:right;
    text-align: right;
    margin-top:5px;
}


.contacto-escrito-c p{
    padding-left:20px;
}

.contacto-escrito-l p{
    padding-left:20px;
}

.contacto-escrito-r p{
    padding-left:20px;
}


 .logo-footer {
    
        display: flex;  
        justify-content:center;
        text-align:left;
        width:10%;
        height: 80px;
        object-fit:contain;
        cursor: pointer;
        margin-right: 80px;
 
       
}
.btn-contacto-footer{
        display: flex;
        justify-content: right;
        text-align: center;
        width:10%;
        object-fit:contain;
        cursor: pointer;
        color: rgb(59, 59, 59);
        gap: 30px;
        margin-right: 15px;
        appearance: none;
        background: none;
        outline: none;
        border: none;
}

.btn-contacto-footer a{
  
    margin-top:30px;
    font-size: 30px;
    transition: 0.5s;
    color: rgb(59, 59, 59);

}

.btn-contacto-footer a:hover{
    margin-top: 20px;
 
    color:  rgb(248, 190, 43);
    }

    /* Boton Tel*/
.btn-contacto-footer .fas.fa-phone{
    font-size: 25px;
    padding-top: 3px;

}

.btn-contacto .fas.fa-phone{
    font-size: 25px;
    padding-top: 3px;

}



@media (max-width:1000px){
   
    .footer{
  
 
        padding-top:40px;
        padding-bottom: 40px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
        
        background-color: white;
     
        max-width: 100%;
        margin: 0 auto;
        padding-left: 10px;
        padding-right: 10px;
        }
    
    .btn-contacto-footer{
            display: flex;
            justify-content: center;
            
            width: 100%;
            margin-top: 30px;

     }

     
.btn-contacto-footer a{
    
    font-size: 50px;
  
}

     .contacto-escritorio{
         display: flex;
         flex-direction: column;
         justify-content: center;
         font-size: 35px;
         
     }

     .contacto-escrito-r, .contacto-escrito-c, .contacto-escrito-l{
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
        text-align: center;   
       
     }

     .contacto-escritorio i{
        display: none;
     }
     
     .contacto-escrito-r p, .contacto-escrito-c p, .contacto-escrito-l p{
       padding-left:0px;
    }

     .logo-footer{
        
            display: flex;
            justify-content: center; 
            height: 200px;
            width: 100%;
           
           
        
        }
    .logo-img{
        object-fit: contain;
        width: 100%;
       
    }
    
}


    /*slider*/

.container-slider{
    max-width: 100%;
    height: 100vh;
    margin: auto;
    overflow: hidden;
    position: relative;
  
}

.slider { 
   display: flex;
   width: 500%;
   height: 100vh;
   margin-left: -100%;
}

.slider__section{
    width: 100%;
 
}

.slider__img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  
}

.slider__btn{
 
    position: absolute;
    width: 80px;
    height: 80px;
   
   
    top:50%;

    transform: translateY(-50%);
    font-size: 30px;
    font-weight: bold;
    text-align: center;
 
    transition: 0.5s;
    cursor:pointer;    
}

.slider__btn:hover {
    width: 100px;
    height: 100px;
  
    
}

.slider__btn--right {
    right: 20px;
  

}
.slider__btn--left {
    left: 20px;
} 

.slider__btn--right:hover {
    right: 10px;
  

}
.slider__btn--left:hover {
    left: 10px;
} 

@media (max-width:1000px){
    .slider__btn{
    
        width: 40px;
        height: 40px;
       
    
}


}
/*fin de slider*/

/*Galeria Comercial*/
.gallery-container{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    padding: 20px;
    grid-gap: 20px;

}

.gallery__img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    
}



.gallery__item:nth-child(1){
    grid-row-start: span 2;
    grid-column-start: span 4;
}
.gallery__item:nth-child(2){
    grid-row-start: span 2;
    grid-column-start: span 2;
}

.gallery__item:nth-child(3){
    grid-row-start: span 1;
    grid-column-start: span 3;
}

.gallery__item:nth-child(4){
    grid-row-start: span 1;
    grid-column-start: span 3;
}


.gallery__item:nth-child(5){
    grid-row-start: span 2;
    grid-column-start: span 2;
}
.gallery__item:nth-child(6){
    grid-row-start: span 1;
    grid-column-start: span 4;
}

.gallery__item:nth-child(7){
    grid-row-start: span 1;
    grid-column-start: span 2;
}

.gallery__item:nth-child(8) {
    grid-row-start: span 1;
    grid-column-start: span 2;
}
.gallery__item:nth-child(9) {
    grid-row-start: span 2;
    grid-column-start: span 4; 
}
.gallery__item:nth-child(10) {
    grid-row-start: span 2;
    grid-column-start: span 2; 
}
.gallery__item:nth-child(11) {
    grid-row-start: span 2;
    grid-column-start: span 2; 
}
.gallery__item:nth-child(12) {
    grid-row-start: span 2;
    grid-column-start: span 2; 
}
.gallery__item:nth-child(13) {
    grid-row-start: span 2;
    grid-column-start: span 2; 
}
.gallery__item:nth-child(14) {
    grid-row-start: span 2;
    grid-column-start: span 4; 
}
.gallery__item:nth-child(15) {
    grid-row-start: span 2;
    grid-column-start: span 2; 
}

@media (max-width:1000px){
   
    .gallery-container{
       
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        padding: 20px;
       
        padding-top: 170px;
    
        grid-gap: 20px;
    
     }   
    .gallery__img{
         width: 100%;
         height: 100%;
         object-fit: cover;
    
    }
    
    

    .gallery__item:nth-child(1){
        grid-row-start: span 1;
        grid-column-start: span 6;
    }
    .gallery__item:nth-child(2){
        grid-row-start: span 2;
        grid-column-start: span 6;
    }

    .gallery__item:nth-child(3){
        grid-row-start: span 1;
        grid-column-start: span 6;
    }

    .gallery__item:nth-child(4){
        grid-row-start: span 1;
        grid-column-start: span 6;
    }


    .gallery__item:nth-child(5){
        grid-row-start: span 2;
        grid-column-start: span 6;
    }
    .gallery__item:nth-child(6){
        grid-row-start: span 1;
        grid-column-start: span 6;
    }

    .gallery__item:nth-child(7){
        grid-row-start: span 1;
        grid-column-start: span 6;
    }

    .gallery__item:nth-child(8) {
        grid-row-start: span 1;
        grid-column-start: span 6;
    }
    .gallery__item:nth-child(9) {
        grid-row-start: span 2;
        grid-column-start: span 6; 
    }
    .gallery__item:nth-child(10) {
        grid-row-start: span 2;
        grid-column-start: span 6; 
    }
    .gallery__item:nth-child(11) {
        grid-row-start: span 2;
        grid-column-start: span 6; 
    }
    .gallery__item:nth-child(12) {
        grid-row-start: span 2;
        grid-column-start: span 6; 
    }
    .gallery__item:nth-child(13) {
        grid-row-start: span 2;
        grid-column-start: span 6; 
    }
    .gallery__item:nth-child(14) {
        grid-row-start: span 2;
        grid-column-start: span 6; 
    }
    .gallery__item:nth-child(15) {
        grid-row-start: span 2;
        grid-column-start: span 6; 
    }
}

/*Galeria Gastronomía*/

.gallery-container2{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-auto-rows: 500px;
    padding: 20px;
    grid-gap: 20px;
    padding-top: 0px;

}

.gallery__img2{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gallery__item2:nth-child(1){
        grid-row-start: span 2;
        grid-column-start: span 2;
}

.gallery__item2:nth-child(2){
    grid-row-start: span 2;
    grid-column-start: span 2;
}

.gallery__item2:nth-child(3){
    grid-row-start: span 1;
    grid-column-start: span 2;
}

.gallery__item2:nth-child(4){
    grid-row-start: span 1;
    grid-column-start: span 2;
}

.gallery__item2:nth-child(5){
    grid-row-start: span 2;
    grid-column-start: span 4;
}
.gallery__item2:nth-child(6){
    grid-row-start: span 2;
    grid-column-start: span 2;
}
.gallery__item2:nth-child(7){
    grid-row-start: span 2;
    grid-column-start: span 2;
}
.gallery__item2:nth-child(8){
    grid-row-start: span 2;
    grid-column-start: span 2;
}
.gallery__item2:nth-child(9){
    grid-row-start: span 2;
    grid-column-start: span 2;
}
.gallery__item2:nth-child(10){
    grid-row-start: span 2;
    grid-column-start: span 3;
}
.gallery__item2:nth-child(11){
    grid-row-start: span 2;
    grid-column-start: span 3;
}
.gallery__item2:nth-child(12){
    grid-row-start: span 2;
    grid-column-start: span 2;
}
.gallery__item2:nth-child(13){
    grid-row-start: span 1;
    grid-column-start: span 2;
}
.gallery__item2:nth-child(14){
    grid-row-start: span 2;
    grid-column-start: span 2;
}
.gallery__item2:nth-child(15){
    grid-row-start: span 1;
    grid-column-start: span 2;
}
.gallery__item2:nth-child(16){
    grid-row-start: span 2;
    grid-column-start: span 4;
}
.gallery__item2:nth-child(17){
    grid-row-start: span 2;
    grid-column-start: span 2;
}
.gallery__item2:nth-child(18){
    grid-row-start: span 2;
    grid-column-start: span 6;
}

@media (max-width:1000px){
   
    .gallery-container2{
       
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        padding: 20px;
       
        padding-top: 170px;
    
        grid-gap: 20px;
    
    }   
    .gallery__img2{
         width: 100%;
         height: 100%;
         object-fit: cover;
    
    }
    
    

    .gallery__item2:nth-child(1){
        grid-row-start: span 2;
        grid-column-start: span 6;
    }
    .gallery__item2:nth-child(2){
        grid-row-start: span 2;
        grid-column-start: span 6;
    }

    .gallery__item2:nth-child(3){
        grid-row-start: span 1;
        grid-column-start: span 6;
    }

    .gallery__item2:nth-child(4){
        grid-row-start: span 2;
        grid-column-start: span 6;
    }


    .gallery__item2:nth-child(5){
        grid-row-start: span 2;
        grid-column-start: span 6;
    }
    .gallery__item2:nth-child(6){
        grid-row-start: span 3;
        grid-column-start: span 6;
    }

    .gallery__item2:nth-child(7){
        grid-row-start: span 3;
        grid-column-start: span 6;
    }

    .gallery__item2:nth-child(8) {
        grid-row-start: span 2;
        grid-column-start: span 6;
    }
    .gallery__item2:nth-child(9) {
        grid-row-start: span 2;
        grid-column-start: span 6; 
    }
    .gallery__item2:nth-child(10) {
        grid-row-start: span 2;
        grid-column-start: span 6; 
    }
    .gallery__item2:nth-child(11) {
        grid-row-start: span 2;
        grid-column-start: span 6; 
    }
    .gallery__item2:nth-child(12) {
        grid-row-start: span 2;
        grid-column-start: span 6; 
    }
    .gallery__item2:nth-child(13) {
        grid-row-start: span 2;
        grid-column-start: span 6; 
    }
    .gallery__item2:nth-child(14) {
        grid-row-start: span 2;
        grid-column-start: span 6; 
    }
    .gallery__item2:nth-child(15) {
        grid-row-start: span 2;
        grid-column-start: span 6; 
    }
    .gallery__item2:nth-child(16) {
        grid-row-start: span 2;
        grid-column-start: span 6; 
    }
    .gallery__item2:nth-child(17) {
        grid-row-start: span 2;
        grid-column-start: span 6; 
    }
    .gallery__item2:nth-child(18) {
        grid-row-start: span 1;
        grid-column-start: span 6; 
    }
 
}

/*Galeria Moda*/

.gallery-container2{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-auto-rows: 500px;
    padding: 20px;
    grid-gap: 20px;
    padding-top: 0px;

}

.gallery__img3{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gallery__item3:nth-child(1){
        grid-row-start: span 2;
        grid-column-start: span 2;
}

.gallery__item3:nth-child(2){
    grid-row-start: span 2;
    grid-column-start: span 2;
}

.gallery__item3:nth-child(3){
    grid-row-start: span 1;
    grid-column-start: span 2;
}

.gallery__item3:nth-child(4){
    grid-row-start: span 1;
    grid-column-start: span 2;
}
.gallery__item3:nth-child(5){
    grid-row-start: span 2;
    grid-column-start: span 4;
}
.gallery__item3:nth-child(6){
    grid-row-start: span 2;
    grid-column-start: span 2;
}

.gallery__item3:nth-child(7){
    grid-row-start: span 1;
    grid-column-start: span 2;
}
.gallery__item3:nth-child(8){
    grid-row-start: span 2;
    grid-column-start: span 4;
}
.gallery__item3:nth-child(9){
    grid-row-start: span 2;
    grid-column-start: span 2;
}
.gallery__item3:nth-child(10){
    grid-row-start: span 1;
    grid-column-start: span 2;
}
.gallery__item3:nth-child(11){
    grid-row-start: span 1;
    grid-column-start: span 2;
}
.gallery__item3:nth-child(12){
    grid-row-start: span 2;
    grid-column-start: span 4;
}
.gallery__item3:nth-child(13){
    grid-row-start: span 2;
    grid-column-start: span 2;
}
.gallery__item3:nth-child(14){
    grid-row-start: span 2;
    grid-column-start: span 2;
}
.gallery__item3:nth-child(15){
    grid-row-start: span 2;
    grid-column-start: span 2;
}
.gallery__item3:nth-child(16){
    grid-row-start: span 2;
    grid-column-start: span 2;
}
.gallery__item3:nth-child(17){
    grid-row-start: span 2;
    grid-column-start: span 3;
}
.gallery__item3:nth-child(18){
    grid-row-start: span 2;
    grid-column-start: span 3;
}



@media (max-width:1000px){
   
    .gallery-container2{
       
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        padding: 20px;
       
        padding-top: 170px;
    
        grid-gap: 20px;
    
    }   
    .gallery__img3{
         width: 100%;
         height: 100%;
         object-fit: cover;
    
    }
    
        

    .gallery__item3:nth-child(1){
        grid-row-start: span 3;
        grid-column-start: span 6;
    }
    .gallery__item3:nth-child(2){
        grid-row-start: span 3;
        grid-column-start: span 6;
    }

    .gallery__item3:nth-child(3){
        grid-row-start: span 2;
        grid-column-start: span 6;
    }

    .gallery__item3:nth-child(4){
        grid-row-start: span 1;
        grid-column-start: span 6;
    }


    .gallery__item3:nth-child(5){
        grid-row-start: span 2;
        grid-column-start: span 6;
    }
    .gallery__item3:nth-child(6){
        grid-row-start: span 2;
        grid-column-start: span 6;
        display: none;
    } 

    .gallery__item3:nth-child(7){
        grid-row-start: span 1;
        grid-column-start: span 6;
    }

    .gallery__item3:nth-child(8) {
        grid-row-start: span 3;
        grid-column-start: span 6;
    }
    .gallery__item3:nth-child(9) {
        grid-row-start: span 2;
        grid-column-start: span 6; 
    }
    .gallery__item3:nth-child(10) {
        grid-row-start: span 1;
        grid-column-start: span 6; 
    }
    .gallery__item3:nth-child(11) {
        grid-row-start: span 2;
        grid-column-start: span 6; 
    }
    .gallery__item3:nth-child(12) {
        grid-row-start: span 2;
        grid-column-start: span 6; 
    }
    .gallery__item3:nth-child(13) {
        grid-row-start: span 3;
        grid-column-start: span 6; 
    }
    .gallery__item3:nth-child(14) {
        grid-row-start: span 2;
        grid-column-start: span 6; 
    }
    .gallery__item3:nth-child(15) {
        grid-row-start: span 3;
        grid-column-start: span 6; 
    }
    .gallery__item3:nth-child(16) {
        grid-row-start: span 3;
        grid-column-start: span 6; 
    }
    .gallery__item3:nth-child(17) {
        grid-row-start: span 2;
        grid-column-start: span 6; 
    }
    .gallery__item3:nth-child(18) {
        grid-row-start: span 2;
        grid-column-start: span 6; 
    }
   

}

/*Galeria Productos*/
.gallery-container4{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-auto-rows: 500px;
    padding: 20px;
    grid-gap: 20px;
    padding-top: 0px;

}

.gallery__img4{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gallery__item4:nth-child(1){
        grid-row-start: span 1;
        grid-column-start: span 2;
}

.gallery__item4:nth-child(2){
    grid-row-start: span 2;
    grid-column-start: span 2;
}

.gallery__item4:nth-child(3){
    grid-row-start: span 1;
    grid-column-start: span 2;
}

.gallery__item4:nth-child(4){
    grid-row-start: span 1;
    grid-column-start: span 2;
}

.gallery__item4:nth-child(5){
    grid-row-start: span 1;
    grid-column-start: span 2;
}
.gallery__item4:nth-child(6){
    grid-row-start: span 2;
    grid-column-start: span 4;
}
.gallery__item4:nth-child(7){
    grid-row-start: span 1;
    grid-column-start: span 2;
}
.gallery__item4:nth-child(8){
    grid-row-start: span 1;
    grid-column-start: span 2;
}
.gallery__item4:nth-child(9){
    grid-row-start: span 2;
    grid-column-start: span 2;
}
.gallery__item4:nth-child(10){
    grid-row-start: span 2;
    grid-column-start: span 4;
}
.gallery__item4:nth-child(11){
    grid-row-start: span 2;
    grid-column-start: span 2;
}
.gallery__item4:nth-child(12){
    grid-row-start: span 2;
    grid-column-start: span 2;
}
.gallery__item4:nth-child(13){
    grid-row-start: span 2;
    grid-column-start: span 2;
}
.gallery__item4:nth-child(14){
    grid-row-start: span 2;
    grid-column-start: span 4;
}
.gallery__item4:nth-child(15){
    grid-row-start: span 2;
    grid-column-start: span 2;
}
.gallery__item4:nth-child(16){
    grid-row-start: span 1;
    grid-column-start: span 2;
}
.gallery__item4:nth-child(17){
    grid-row-start: span 2;
    grid-column-start: span 2;
}
.gallery__item4:nth-child(18){
    grid-row-start: span 1;
    grid-column-start: span 2;
}
.gallery__item4:nth-child(19){
    grid-row-start: span 1;
    grid-column-start: span 2;
}
.gallery__item4:nth-child(20){
    grid-row-start: span 1;
    grid-column-start: span 2;
}

@media (max-width:1000px){
   
    .gallery-container2{
       
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        padding: 20px;
       
        padding-top: 170px;
    
        grid-gap: 20px;
    
    }   
    .gallery__img4{
         width: 100%;
         height: 100%;
         object-fit: cover;
    
    }
    
        

    .gallery__item4:nth-child(1){
        grid-row-start: span 2;
        grid-column-start: span 6;
    }
    .gallery__item4:nth-child(2){
        grid-row-start: span 2;
        grid-column-start: span 6;
    }

    .gallery__item4:nth-child(3){
        grid-row-start: span 2;
        grid-column-start: span 6;
    }

    .gallery__item4:nth-child(4){
        grid-row-start: span 1;
        grid-column-start: span 6;
    }


    .gallery__item4:nth-child(5){
        grid-row-start: span 1;
        grid-column-start: span 6;
    }
    .gallery__item4:nth-child(6){
        grid-row-start: span 2;
        grid-column-start: span 6;
    }

    .gallery__item4:nth-child(7){
        grid-row-start: span 2;
        grid-column-start: span 6;
    }

    .gallery__item4:nth-child(8) {
        grid-row-start: span 1;
        grid-column-start: span 6;
    }
    .gallery__item4:nth-child(9) {
        grid-row-start: span 2;
        grid-column-start: span 6; 
    }
    .gallery__item4:nth-child(10) {
        grid-row-start: span 2;
        grid-column-start: span 6; 
    }
    .gallery__item4:nth-child(11) {
        grid-row-start: span 3;
        grid-column-start: span 6; 
    }
    .gallery__item4:nth-child(12) {
        grid-row-start: span 2;
        grid-column-start: span 6; 
    }
    .gallery__item4:nth-child(13) {
        grid-row-start: span 2;
        grid-column-start: span 6; 
    }
    .gallery__item4:nth-child(14) {
        grid-row-start: span 1;
        grid-column-start: span 6; 
    }
    .gallery__item4:nth-child(15) {
        grid-row-start: span 2;
        grid-column-start: span 6; 
    }
    .gallery__item4:nth-child(16) {
        grid-row-start: span 2;
        grid-column-start: span 6; 
    }
    .gallery__item4:nth-child(17) {
        grid-row-start: span 3;
        grid-column-start: span 6; 
    }
    .gallery__item4:nth-child(18) {
        grid-row-start: span 1;
        grid-column-start: span 6; 
    }
    .gallery__item4:nth-child(19) {
        grid-row-start: span 2;
        grid-column-start: span 6; 
    }
    .gallery__item4:nth-child(20) {
        grid-row-start: span 2;
        grid-column-start: span 6; 
    }
}
/*Interiores*/

.gallery-container5{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-auto-rows: 500px;
    padding: 20px;
    grid-gap: 20px;
    padding-top: 0px;

}

.gallery__img5{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gallery__item5:nth-child(1){
        grid-row-start: span 1;
        grid-column-start: span 3;
}

.gallery__item5:nth-child(2){
    grid-row-start: span 1;
    grid-column-start: span 3;
}



.gallery__item5:nth-child(3){
    grid-row-start: span 2;
    grid-column-start: span 2;
}

.gallery__item5:nth-child(4){
    grid-row-start: span 1;
    grid-column-start: span 2;
}
.gallery__item5:nth-child(5){
    grid-row-start: span 2;
    grid-column-start: span 2;
}
.gallery__item5:nth-child(6){
    grid-row-start: span 1;
    grid-column-start: span 2;
}
.gallery__item5:nth-child(7){
    grid-row-start: span 1;
    grid-column-start: span 3;
}
.gallery__item5:nth-child(8){
    grid-row-start: span 2;
    grid-column-start: span 3;
}

.gallery__item5:nth-child(9){
    grid-row-start: span 1;
    grid-column-start: span 3;
}
.gallery__item5:nth-child(10){
    grid-row-start: span 2;
    grid-column-start: span 6;
}

@media (max-width:1000px){

    
.gallery-container5{
    padding-top: 170px;
}
   
    .gallery-container2{
       
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        padding: 20px;
       
        padding-top: 170px;
    
        grid-gap: 20px;
    
    }   
    .gallery__img5{
         width: 100%;
         height: 100%;
         object-fit: cover;
    
    }
    
    

    .gallery__item5:nth-child(1){
        grid-row-start: span 1;
        grid-column-start: span 6;
    }
    .gallery__item5:nth-child(2){
        grid-row-start: span 1;
        grid-column-start: span 6;
    }

    .gallery__item5:nth-child(3){
        grid-row-start: span 3;
        grid-column-start: span 6;
    }

    .gallery__item5:nth-child(4){
        grid-row-start: span 2;
        grid-column-start: span 6;
    }


    .gallery__item5:nth-child(5){
        grid-row-start: span 3;
        grid-column-start: span 6;
    }
    .gallery__item5:nth-child(6){
        grid-row-start: span 1;
        grid-column-start: span 6;
    }

    .gallery__item5:nth-child(7){
        grid-row-start: span 1;
        grid-column-start: span 6;
    }

    .gallery__item5:nth-child(8) {
        grid-row-start: span 2;
        grid-column-start: span 6;
    }
    .gallery__item5:nth-child(9) {
        grid-row-start: span 1;
        grid-column-start: span 6; 
    }
    .gallery__item5:nth-child(10) {
        grid-row-start: span 2;
        grid-column-start: span 6; 
    }
}

/* Quienes Somos*/
.quienes_somos{
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    
 
}


.imagen {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 200px;
    
   
}
.imagenQS{
    display: flex;
    flex-direction: column;
    justify-content: center;
  
    width:50%;

    object-fit: cover;
}

.texto {
    
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 30px;
    width: 50%;
    margin-top: 70px;
    margin-left: 25%;
    margin-right: 25%;
    margin-bottom: 100px;
    text-align: justify;
    text-justify: inter-word;
    font-size: 1.3rem;
   
}

.texto h1{
    padding-bottom: 20px;
}

.texto p{
    padding-bottom: 20px;
   
}

@media (max-width: 1000px) {

    .imagenQS{
        display: flex;
        flex-direction: column;
        justify-content: center;
      
        width:80%;
    
        object-fit: cover;
    }
    
    .texto {
        
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin-top: 30px;
        width: 80%;
        margin-top: 70px;
        margin-left:10%;
        
        margin-bottom: 50px;
        text-align: justify;
        text-justify: inter-word;
        font-size: 1.3rem;

        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
       
    }
}

/*CONTACTO*/

.container-footer{
    position: relative;
    width: 100%;
    min-height:80vh;
    padding: 2rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
  

}

.form{
    width: 100%;
    max-width: 820px;
    margin-top: 140px;
    
    background-color: #fff ;

    box-shadow: 0 0 20px 1px rgb(0, 0, 0, 0.1);
   
    overflow: hidden;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.contact-form{
    background-color: rgb(248, 190, 43);
    position: relative;
    padding: 2.3rem 2.2rem;
     
}



.contact-form:before{
    content: "";
    position: absolute;
    width: 26px;
    height: 26px;
    background-color: rgb(248, 190, 43);
    transform: rotate( 45deg);
    top: 50px;
    left: -13px;
}



.title-form{
    color: #fff;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 1;
    margin-bottom: 0.7rem;
  
}


.input-container{
    position: relative;
    margin: 1rem 0;
}

.input{
    width: 95%;
    outline: none;
    border: 2px solid #fafafa;
    background-color: rgb(248, 190, 43);
    padding: 0.6rem 1.2rem;
    color:#fff;
    font-weight: normal;
    font-size: 0.95rem;
    letter-spacing: 0.5px;
   
    transition:0.3s;
}

textarea.input{
    
    padding: 0.8rem 1.2rem;
    min-height: 150px;
  
    resize: none;
    
    overflow-y: auto;
}

.input-container label{
    position: absolute;
    top:60%;
    left: 15px;
    transform: translateY(-50%);
    padding: 0 0 0.4rem;
    color: #fff;
    font-size: 0.9rem;
    pointer-events: none;
    transition: 0.5s;
}

.input-container.textarea label{
    top:1rem;
    transform: translateY(0);
}

.btn-enviar{
    padding: 0.6rem 1.3rem;
    background-color: #fff;
    border: 2px solid #fafafa;
    color: rgb(248, 190, 43);
    line-height: 1;
    
    outline: none;
    cursor: pointer;
    transition: 0.3s;
    margin: 0;

}
.btn-enviar:hover{
    background-color: rgb(248, 190, 43);
    color:#fff
}

.input-container span{
    position: absolute;
    top: 0%;
    left: 25px;
    transform: translateY(-50%);
    font-size: 0.8rem;
    padding: 0 0.4rem;
    color: transparent;
    pointer-events: none;
  
  

}

.input-container span:before,
.input-container span:after {
    content: "";
    position: absolute;
    width: 50%;
    opacity: 0;
    transition: 0.3s;
  
    height: 20px;
    background-color: rgb(248, 190, 43);
    top: 10px;
    left: 0px;
    transform: translateY(-50%);
}

.input-container span:before {
    left: 50%;
}
.input-container span:after {
    right: 50%;
}

.input-container.focus label{
    top: 10%;
    transform: translateY(-50%);
    left: 30px;
    font-size: 0.8rem;
    z-index: 500;
   
}


.input-container.focus span::before,
.input-container.focus span:after{
    width: 50%;
    opacity: 1;
}

.contact-info{
    padding: 2.3rem 2.2rem;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.titulo-instrucciones{
    margin-bottom: 20px;
}

@media (max-width: 1000px) {
    .form{
        grid-template-columns: 1fr;
    }
    
}