[data-global-resource-path="cyberclick-theme/templates/partials/asj-private-asidebar.html"]{
  height:100%;
}

#left-bar.asj-left-bar {
padding:0;
background: white;
position:fixed;
left:0;
top:0;
height:100%;
border-right: 1px solid var(--greyscale-200);
box-shadow: 0 0 5px var(--greyscale-200);
  
overflow-y: scroll;
}

.aside-menu{
height:100%;
padding:32px 1rem;
  
display:flex;
flex-direction: column;
  
}

.aside-menu .logo{
    max-width: 154px;
    width:100%;
    display: block;
  }

.aside-menu .navegation{
    display:flex;
    flex-direction:column;
    gap: .5rem;
}

.aside-menu .navegation a, 
.aside-menu .navegation details summary{
      padding: 10px 16px;
      display:flex;
      align-items: center;
      gap:12px;
      transition: background .2s ease-in-out;
      border-radius: 6px; 
  
      color: var(--greyscale-600);
}
      
.aside-menu .navegation a:hover, 
.aside-menu .navegation details:hover summary{
        background:var(--secondary-100);
        color:var(--orange-dark);
      }

.aside-menu .navegation details:hover summary a{
  color:var(--orange-dark);
}
      


.aside-menu .navegation details summary a.detaillink{
  margin-left:0;
  width:100%;
  padding:0;
}

.aside-menu .navegation details a{
  margin-left: .4rem;
}
.aside-menu .navegation details[open] summary{ margin-bottom:.5rem!important; }
.aside-menu .navegation details a:not(:last-child){ margin-bottom: 0!important; }
 
.aside-menu .navegation details summary{ 
  margin-bottom: 0!important; 
}

.aside-menu .navegation a.current{
      background: var(--secondary-100);
      color:var(--orange-dark);
      border-radius: 6px;
    }

.aside-menu .navegation .comunidad-aliura  a.current{
     background: var(--primary-200);
     color: var(--primary-700);
      border-radius: 6px;
    }


.aside-menu .navegation details[open] summary{
   background:var(--secondary-100);
   color: var(--orange-dark);
    }

.aside-menu .navegation details > summary .care-categorias{
  margin-left: auto;
  transform-origin: center center;
  transform: rotate(0deg);
  transition: transform .17s linear;
}

.aside-menu .navegation details[open] > summary .care-categorias {
   
   transform: rotate(-180deg);
    transform-origin: center center;
  
    }

{# comunidad Aliura #}

.comunidad-aliura{

  background: var(--primary-50);
  border-radius: var(--radius-md);
  padding-block: 1.2rem 2.1rem;
  padding-inline: 1.1rem;
  margin-top: 1rem;
}

.title-comunidad{
  display: block flex;
  gap: .4rem;
  justify-content: start;
  align-items: flex-start;
  margin-inline: auto;
  margin-bottom: 12px;
  
  p{
    color: var(--primary-600);
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 0;
  }
  
  svg{
    flex-shrink: 0;
    max-width: 22.76px;
    height: 24px;
  }
  
  
}

.aside-menu .nav-comunidad {
  
  display: block flex;
  flex-direction: column;
  gap: .3rem;
  
  
  a {
      font-size: 15px;
      color: var(--primary-500);
  }
  
  a.longer{
    font-size:12px;
  }
  
  a:hover{
    background: var(--primary-200);
    color: var(--primary-700);
  }
}

{# mobile inside #mobile-menu-desplegable #}


#mobile-menu-desplegable .logo{ display:none; }
#mobile-menu-desplegable .navegation{ color: var(--greyscale-900); }
#mobile-menu-desplegable .navegation a,
#mobile-menu-desplegable .navegation details summary { font-size: 14px; }
/*
#mobile-menu-desplegable .navegation a.current:hover{ color: var(--greyscale-900); } */

#mobile-menu-desplegable .aside-menu .navegation details > summary .care-categorias{
  margin-left: auto;
  transform-origin: center center;
  transform: rotate(-90deg);
  transition: transform .17s linear;
}

#mobile-menu-desplegable .aside-menu .navegation details[open] > summary .care-categorias {
   
   transform: rotate(0deg);
    transform-origin: center center;
  
    }


#mobile-menu-desplegable .version-dos.aside-menu{

  height: 100%;
  padding: 0 0 70px;
}