/* ==========================
   SIDEBAR
========================== */

.sidebar{

    position:fixed;
    left:0;
    top:0;

    width:270px;
    height:100vh;

    background:#fff;

    border-right:1px solid var(--borda);

    display:flex;
    flex-direction:column;

    padding:25px;

    z-index:999;

}

.brand{

    display:flex;
    align-items:center;
    gap:15px;

    margin-bottom:35px;

}

.brand .icon{

    width:55px;
    height:55px;

    background:var(--verde);

    color:#fff;

    border-radius:15px;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:24px;

}

.brand h2{

    font-size:22px;
    font-weight:700;

}

.brand span{

    color:#888;
    font-size:14px;

}

.sidebar > ul{

    list-style:none;

    flex:1;

    margin:0;
    padding:0;

}

.sidebar > ul > li{

    margin-bottom:8px;

}

/* ==========================
   LINKS
========================== */

.sidebar li>a{

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding:14px 18px;

    border-radius:14px;

    color:#555;

    font-weight:600;

    text-decoration:none;

    transition:.25s;

}

.sidebar li>a span{

    display:flex;

    align-items:center;

    gap:12px;

    white-space:nowrap;

    flex:1;

}

.sidebar li>a:hover{

    background:#eefaf7;

    color:var(--verde);

}

.sidebar li.active>a{

    background:var(--verde);

    color:#fff;

}

.sidebar li i{

    width:22px;

    text-align:center;

    font-size:18px;

}

/* ==========================
   SUBMENU
========================== */

.submenu-cidades{

    display:none;

    list-style:none;

    margin:6px 0 0 38px;

    padding:0;

}

.has-submenu.open .submenu-cidades{

    display:block;

}

.submenu-cidades li{

    margin:2px 0;

}

.submenu-cidades a{

    display:block;

    padding:8px 12px;

    font-size:14px;

    font-weight:500;

    color:#666;

    border-radius:8px;

    transition:.2s;

}

.submenu-cidades a:hover{

    background:#eef8f5;

    color:#049D84;

}

.submenu-cidades a.cidade-ativa{

    background:#049D84;

    color:#fff;

}

/* ==========================
   IA EDITORA
========================== */

.sidebar li:not(.has-submenu):not(.active)>i{

    width:22px;

    text-align:center;

}

/* ==========================
   FOOTER
========================== */

.sidebar-footer{

    margin-top:25px;

    border-top:1px solid var(--borda);

    padding-top:20px;

}

.version{

    background:#f8f9fb;

    border-radius:15px;

    padding:16px;

}

.version small{

    display:block;

    color:#888;

    margin-bottom:5px;

}

.version strong{

    color:var(--verde);

}
.seta{

    transition:.25s;

    font-size:12px;

}

.has-submenu.open .seta{

    transform:rotate(180deg);

}