.acordeo{
    position: relative;
    width: 100%;
    max-height: 35px;
    display: flex;
    align-items: center;
    justify-content: start;
    flex-direction: column;
    gap: 0.5rem;
    overflow: hidden;
    transition: 0.3s all ease;
}
.acordeo.expand{
    max-height: 1024px;
}
.acordeo-line{
    position: relative;
    width: 100%;
    height: min-content;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 0.5rem;
}
.acordeo-line .acordeo-label{
    display: flex;
    align-items: center;
    line-height: 35px;
    font-weight: 700;
}
.acordeo-line svg{
    width: var(--normal-font-size);
    transition: 0.3s all ease;
}
.acordeo.expand .acordeo-line svg{
    transform: rotate(180deg);
}
.acordeo .acordeo-sub{
    position: relative;
    padding-bottom: 1rem;
    width: 100%;
    min-height: 100%;
    height: max-content;
    display: flex;
    align-items: center;
    justify-content: start;
    flex-direction: column;
    gap: 0.5rem;
}