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

.bg-purple{
  background: #501584;
}

#left-bar.asj-left-bar {
padding:0;
background: #501584;
position:fixed;
left:0;
top:0;
height:100%;
}

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

.aside-menu .logo{
    max-width: 154px;
    width:100%;
    margin: auto auto 0;
    display: block;
    color:white;
  }

.aside-menu .navegation{
    color:white;
    display:flex;
    flex-direction:column;
    gap: 1rem;
}

.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; 
}
      
.aside-menu .navegation a:hover, 
.aside-menu .navegation details summary:hover{
        background:#8C31DD;
        color:white;
      }
      


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

.aside-menu .navegation details a{
  margin-left: 2.2rem;
}
.aside-menu .navegation details[open] summary{ margin-bottom: 1rem!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(--primary-200);
      color:#1A1A1A;
      border-radius: 6px;
    }

.aside-menu .navegation details[open] summary{
   background:#8C31DD;
   color: white;
    }

{#
.aside-menu .navegation details[open] > summary:after {
   
    transform: rotate(0deg) translateY(-2px);
    transform-origin: center center;
  
    } 
#}

{#
.aside-menu .navegation details>summary:after {
    content: url('data:image/svg+xml;utf8,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 9.5L12 15.5L18 9.5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    font-size: 20px;
    transform: rotate(180deg) translateY(-2px);
    transform-origin: center center;
    transition: transform .17s linear;
    margin-left: auto; 
    }
#}


.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;
  
    }

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

#mobile-menu-desplegable .bg-purple{ background: transparent; }
#mobile-menu-desplegable .logo{ display:none; }
#mobile-menu-desplegable .navegation{ color: var(--greyscale-900); }
#mobile-menu-desplegable .navegation a.current{ background: var(--primary-100); }
#mobile-menu-desplegable .navegation a.current:hover{ color: var(--greyscale-900); }
/*
#mobile-menu-desplegable .navegation details > summary:after {
    content: url('data:image/svg+xml;utf8,<svg width="12" height="7" viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.7803 6.77982C11.6396 6.92043 11.4489 6.99941 11.25 6.99941C11.0512 6.99941 10.8604 6.92043 10.7198 6.77982L6.00004 2.06007L1.28029 6.77982C1.2111 6.85146 1.12834 6.90859 1.03684 6.9479C0.945338 6.98721 0.846923 7.0079 0.747339 7.00876C0.647754 7.00963 0.548996 6.99065 0.456823 6.95294C0.364651 6.91523 0.280912 6.85954 0.210492 6.78912C0.140073 6.7187 0.084382 6.63496 0.0466713 6.54279C0.00896068 6.45062 -0.0100154 6.35186 -0.00915009 6.25227C-0.00828474 6.15269 0.0124057 6.05427 0.0517124 5.96277C0.0910192 5.87127 0.148155 5.78851 0.219787 5.71932L5.46979 0.469323C5.61043 0.32872 5.80116 0.249734 6.00004 0.249734C6.19891 0.249734 6.38964 0.32872 6.53029 0.469323L11.7803 5.71932C11.9209 5.85997 11.9999 6.0507 11.9999 6.24957C11.9999 6.44845 11.9209 6.63918 11.7803 6.77982Z" fill="rgba(26, 26, 26, 1)"/></svg>');
    }
#mobile-menu-desplegable .navegation details > summary:hover:after,
#mobile-menu-desplegable .navegation details[open] > summary:after{   
     content: url('data:image/svg+xml;utf8,<svg width="12" height="7" viewBox="0 0 12 7" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.7803 6.77982C11.6396 6.92043 11.4489 6.99941 11.25 6.99941C11.0512 6.99941 10.8604 6.92043 10.7198 6.77982L6.00004 2.06007L1.28029 6.77982C1.2111 6.85146 1.12834 6.90859 1.03684 6.9479C0.945338 6.98721 0.846923 7.0079 0.747339 7.00876C0.647754 7.00963 0.548996 6.99065 0.456823 6.95294C0.364651 6.91523 0.280912 6.85954 0.210492 6.78912C0.140073 6.7187 0.084382 6.63496 0.0466713 6.54279C0.00896068 6.45062 -0.0100154 6.35186 -0.00915009 6.25227C-0.00828474 6.15269 0.0124057 6.05427 0.0517124 5.96277C0.0910192 5.87127 0.148155 5.78851 0.219787 5.71932L5.46979 0.469323C5.61043 0.32872 5.80116 0.249734 6.00004 0.249734C6.19891 0.249734 6.38964 0.32872 6.53029 0.469323L11.7803 5.71932C11.9209 5.85997 11.9999 6.0507 11.9999 6.24957C11.9999 6.44845 11.9209 6.63918 11.7803 6.77982Z" fill="white"/></svg>');
        
      } 
*/

#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;
}