*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

/* Estilos Header */

.header{
    padding: 2em;
    width: 100%;
  }
   
 .logo-nav-container{
    width: 100%;
    height:7em;
    background-color:rgb(211, 206, 206);
    border-radius: 0.5em;
    box-shadow: 0.6em 0 1em rgba(0, 0, 0, .6);
      
    padding: 1rem auto;
    width: 100%;
    color: black;
    display: flex;
        
    justify-content: space-evenly;
    justify-items: center;
    align-items: center;}

    .menu__ul{
    display: flex;
    padding-top: 1em;
        }
    .menu__li{
    padding: 1em;
    display: block;
    }
                        
    .menu__li:hover{
    background: rgb(89, 109, 89);
    color: white;
    border-radius: 0.7em;
    }
    
    .menu__a{
    text-decoration: none;
    color: black;
    }

    .menu__a:hover{
    color:white;
    }            
    .sub-nav{
    display: none;}
    .sub-nav:hover{
    display: contents;
    }
    
    li{
    text-decoration-line: none;
    list-style: none;}
    a{
    text-decoration-line: none;
    color: black;}
    a:hover{
    color: white;
    }
 
                        
.encabezado{
 background-color: black;
 height: 5em;
  }

.breadcrumb{
    display:inline-block;
    background-color: black;
    width: 100%;
    justify-content: space-between ;
    align-items: center;
    margin: 0.5em 0em; 
    height: 4em; 
    overflow: hidden;
}

.breadcrumb ol{
    font-size: 1em;
    padding-right: 1.5em;
}

.galeria-titulo{
    color: white;
    font-size: 1em;
    padding-left: 1.7em;
}
/* Estilos Body */

.body{
    background-color:rgb(255, 255, 255);
    margin: 0;
    font-family: 'Quicksand', sans-serif;
    font-size: 1em;
}
.galeria-container{
    display: grid;
    grid-template-columns:repeat(3, 1fr) ;
    grid-template-rows: repeat(3, 1fr);
    grid-auto-rows: 30em;
    grid-gap: 0.5em;
    padding: 0.5em;
}
.galeria__img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.galeria__item{
    position: relative;
}
/* Estilos footer */

.footer{
    background-color: rgb(216, 215, 215); 
}
.footer-div{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1em;
    height: 5em;
}
.h2-footer{
    font-size: 1em;
}
/* Ajustes media queries */

@media only screen and (max-width: 768px){
    .header{
        padding: 1em;
        width: 100%;  
    }
    .logo{
        padding: 0 5px; 
    }
    .logo-nav-container{
    width: 100%;
    height: 350px;
    background-color:rgb(211, 206, 206);
    border-radius: 0.3em;
    box-shadow: 0.3em 0 1em rgba(0, 0, 0, .6);
    font-size:0.9em;
    padding: 1rem auto;
    color: black;
    }
            
  .menu__ul{
    padding-top: 1em;
    background: none;
    padding: 20px 0;
    display: inline-block;
    left: 0;
    top: 85px;
    width: 100%;
    border-radius: 0.3em;
    align-items: center;
    overflow: auto;
    }


.menu__li{
padding: 1em;
display: block;
border-bottom: .1em solid rgb(89, 109, 89);
}
    
.menu__li:hover{
background: rgb(89, 109, 89);
color: white;
border-radius: 0.7em;
}
.menu__a{
text-decoration: none;
color: black;
}
.menu__a:hover{
    color:white;
}            

li{
text-decoration-line: none;
list-style: none;}
a{
text-decoration-line: none;
color: black;}
a:hover{
color: white;
    
}
.breadcrumb{
 display:inline-block;
 background-color: black;
 width: 100%;
 justify-content: space-between ;
 align-items: center;
   
height: 4em; 
overflow: hidden;
display: none;
}


.nav-toggle{
color: #90AD4C;
background:none;
border:none;
font-size:30px;
padding: 0 ;
}        

.galeria-container{
display: grid;
grid-template-columns:repeat(3, 1fr) ;
grid-template-rows: repeat(3, 1fr);
grid-auto-rows: 30em;
grid-gap: 0.5em;
padding: 0.5em;
position: relative;
overflow: auto;
}

.body{
    overflow-y: auto;
}
.footer{
    background-color: rgb(216, 215, 215); 
}
}
.whatsapp-flotante {
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 9999;
    background-color: #25D366;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3);
    transition: transform 0.2s ease;
  }
  
  .whatsapp-flotante:hover {
    transform: scale(1.1);
  }
  
  .whatsapp-flotante img {
    width: 18px;
    height: 18px;
  }
  .div-footer-a a {
    color: #000 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.div-footer-a a:hover {
    text-decoration: underline !important;
}
.div-footer {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    padding-left: 2em !important;
    padding-top: 1em !important;
    padding-bottom: 1em !important;
    height: auto !important;
}