/*ESTILOS PARA CONTENIDO BARRA PRINCIPAL*********/

/*ESTILOS LOGO*/
.divlogo {
  height: 300px;
  display: flex;
  align-items: center;
}

 .contenedor_logo{

 height: 75px;
 
  
 }
.logo_lm {
  
  position: absolute;
  top:10px;
   
 }


.logo_lm {
  transition: all .4s ease-in-out;
}

.logo2 {

  transform: translateX(5%) scale(0.1);
  opacity: 0;
}

.logo1.animated {
 
  transform: translateX(35px) translateY(15px) scale(0) rotate(179deg);
  
}
.logo2.animated {
  transform: none;
  opacity: 1;
}


 /*FIN ESTILOS LOGO***************/


/*ESTILOS NAVBAR Y OFFCANVAS *****/

 .transparencia{

  background-color: var(--bg1);
  transition: background-color 1s;
  opacity: 0.8;
 
}

.clear{
  
  background-color: var(--bg1);
  transition: background-color 1s;
  opacity: 0.8;
   
}

.opacidad{
  opacity: 1;
 }

.offcanvas-collapse .nav-item .nav-link{

      font-weight: 600;
      font-size: 20px !important;
   } 

@media (max-width: 991.98px) {
  .offcanvas-collapse {
    position: fixed;
    top: 0px; /* Height of navbar */
    bottom: 0;
    right: 100%;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    visibility: hidden;
    background-color: var(--bg);
    transition: transform .35s ease-in-out, visibility .35s ease-in-out;
     z-index: -1;
  }
  .offcanvas-collapse.open {
    visibility: visible;
    transform: translateX(100%);

  }
  .offcanvas-collapse .navbar-nav{

      padding-top: 100px !important;
    }
  .offcanvas-collapse .nav-item{

   
      padding-bottom:25px !important;

   } 

   .offcanvas-collapse .nav-item .nav-link{

      font-size: 32px !important;
      text-align: right;
      

   } 

   .offcanvas-collapse a::after{
      transition: none;
      transform: none;  
      height: 0em; 
    }

    .offcanvas-collapse  a:hover::after {

      transform: none;

    }
    
}