nav .breadcrumb{
    border-radius: 15px;
}
nav .breadcrumb .active{
    color: #5d5d5d;
}



/* MENU */


/* FIM DO MENU */






.leis:nth-of-type(even) .expansao{
    background: #D9D9D9;
}

.leis a{
    all: unset;

    display: flex;
    align-items: center;
    text-align: justify;
    box-sizing: border-box;

    height: 100%;
    width: 95%;

    position: relative;
    left: 0;


}

.leis summary::marker{
    content: '';
}

.expansao{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}



.leis .botao-ler-mais{
    text-decoration: none;
    width: 20px;
    height: 20px;
    padding: 0;
}

.leis .botao-ler-mais:hover, .leis .botao-ler-mais:focus-visible {
    color: #335883;
    left: 0;
}

.leis .botao-ler-mais::before{
    content: '';
    height: 0;
    width: 0;

    position: unset;
}

.leis .botao-ler-mais:hover::before , .leis .botao-ler-mais:focus-visible::before{  
    content: '';
    height: 100%;
}


.nome-lei p{
    text-align: justify;
    margin: 0;

    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    
}

.leis .textoComplementar p{
    font-size: 1rem;
    font-weight: 100;
    text-align: justify;
    color: #5d5d5d;

    padding: 0;
    margin: 0;
    width: 600px;
}



.leis .expansao{
    color: #5E87B6;
    background: #F6F5F5;

    min-height: 60px;

    transition: 250ms;
    cursor: pointer;

}

.expansao summary{
    display: flex;
    justify-content: space-between;
    width: 100%;
    
    padding-inline: 70px;
    padding-block: 18px;
}

.textoComplementar, .textoComplementar p{
    max-height: 0px;
    opacity: 0;
    padding-bottom: 15px;

    transition: 250ms;
}

.expansao[open] .textoComplementar, .expansao[open] .textoComplementar p{
    opacity: 1;
    max-height: 100px;
}

.anexo:hover{
    left: 10px;
}

.anexo p{
    margin: 0px;
    font-size: 1.2rem;
    font-weight: 400;
}





@media (max-width: 1024px){

    /* MENU */

    .Box{
        width:50%;
    }

    .title1{
        font-size: 2.5rem;
        width: 80%;
        margin-bottom: 10px!important;
    }

    .navegacao {
        width: 80%;
        height: 95%;
        padding: 30px 0 0px 0;
    }

    .botao {

        font-size: 1rem;
    }
    /* FIM DO MENU */



}

@media (max-width: 768px){

    .Box{
        width: 100%;
    }



}

@media (max-width: 425px){
    .pmap{
        font-size: 1.5rem;
    }

}