.elementor-24340 .elementor-element.elementor-element-d73b2e2{width:var( --container-widget-width, 141.628% );max-width:141.628%;--container-widget-width:141.628%;--container-widget-flex-grow:0;top:98.958px;}body:not(.rtl) .elementor-24340 .elementor-element.elementor-element-d73b2e2{left:1.003px;}body.rtl .elementor-24340 .elementor-element.elementor-element-d73b2e2{right:1.003px;}@media(min-width:768px){.elementor-24340 .elementor-element.elementor-element-7a7eede{width:8.903%;}.elementor-24340 .elementor-element.elementor-element-c0d4068{width:56.676%;}.elementor-24340 .elementor-element.elementor-element-7442dc7{width:34.085%;}}/* Start custom CSS for html, class: .elementor-element-d73b2e2 */<style>
.app-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 200px;
    padding: 40px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #ffff;
    z-index: 1;
 
}

.app-sidebar-link {
    color: var(--main-color);
    color: var(--link-color);
    margin: 16px 0;
    transition: 0.2s;
    border-radius: 50%;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

button, a {
    cursor: pointer;
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

.app-sidebar-link.active {
    background-color: transparent;
    color: black;
}

.app-sidebar-link:hover {
    background-color: lightblue; /* Você pode substituir "lightblue" pela cor azul clara que preferir */
    color: black; /* Isso vai mudar a cor do texto no hover. Altere se necessário */
}

.app-sidebar-link.always-hover {
    background-color: lightblue;
    color: blue;
}

.submenu {
    display: none;
    position: absolute;
    left: 100%; /* Posiciona o submenu à direita do link */
    top: 0; /* Alinha o topo do submenu com o topo do link */
    margin-left: 20px; /* Adiciona algum espaço entre o link e o submenu */
    z-index: 2000; /* Garante que o submenu apareça acima de outros elementos */
    /* Adicione estilos adicionais conforme necessário para o design do seu submenu */
    visibility: hidden; 
    opacity: 0;
    transition: visibility 0.3s, opacity 0.3s linear;
}

.submenu.visible {
    display: block;
    visibility: visible;
    opacity: 1;
}
</style>/* End custom CSS */