/* .brand-logo img {
    width: 17vw ;
    height: auto;
} */


/*   @media (max-width: 100px) {
    .brand-logo img {
      height: 19vw; 
      width: auto;
    }
}
@media (width: 300px) {
    .brand-logo img {
        width: 17vw ;
        height: auto;
    }
  }  */

@media (max-width: 577px){
.brand-logo img {
    height: 5rem !important;
    width: auto !important; 
    display: block!important; 
    margin: 0 auto!important;
    padding: 5px; 
    max-width: 80% !important;
    
}
.navbar{
    z-index: 9999; /* Un valor alto para asegurarse de que esté por encima de otros elementos */
}

.brand-logo{
    display: inline-block !important;
    width: 100% !important;
    position: absolute;
    left: 50% !important;
    transform: translateX(-50%) !important;
        
    }
.brand-nursery{
    width: 150% !important;
    position: relative;
    left: 50% !important;
    transform: translateX(-55%) !important;

}
.brand-nursery img {
    height: 5rem !important;
    width: auto !important; 
    display: block!important; 
    margin: 0 auto!important;
    padding: 5px; 
    max-width: 80% !important;
    
}



/* estilo agregado para el boton de instagram */
.mobile-account {
    position: fixed;
    bottom: 10px;
    right: 80%;
    transform: translateX(80%);
    font-size: 0;
    padding: 0; 
    padding-bottom: 0px !important;}
.mobile-setting, .mobile-search, .mobile-setting {
    padding-bottom: 0;
    bottom: 10px !important;
    
}

.front img{
    max-width: 100% !important;
    height: auto!important;
    position: absolute!important;
    top: 0!important;
    left: 0!important;
    width: 100%!important;
    height: 100%!important;
    object-fit: cover!important; 
}

}

.sm-horizontal li,.sm-horizontal{
    display: flex !important;
      justify-content: center !important;
      align-items: center !important;
      height: 100%;
  }






.brand-logo {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

/* 
estilos para footer logos SENA,DISTRITAL */
.payment-card-bottom img {
    height: 35px;
    width: auto;
    margin-top: 5px;
}

@media (max-width: 767px) {
    .payment-card-bottom img {
        height: 25px;
        width: auto;
    }
/*     .payment-card-bottom ul {
        text-align: center; 
    }
    .payment-card-bottom li {
        display: block !important;
    
    } */
}


/* miga de pan estilos*/

.miga {
    padding-bottom: 9vw;
}
@media (max-width: 777px){
    .miga{
        padding-bottom: 90px;
    }
}

#main-nav, #main-menu, #main-menu li{
    height: 100% !important;
}


#main-menu li{
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: center; /* Centrar verticalmente */
}                                                                                              
                                                                                                  
/* estilos para footer logo principal*/
.footer-logo img {
    max-width: 90%;
    height: auto;
}
.footer-logo{
    text-align: center; /* Centra el contenido horizontalmente */
}