/*-----------------------------------------------------*/
/*-----------------COMO FUNCIONA PROLEGIS---------------*/
/*-----------------------------------------------------*/
#como-funciona{
    background-color: #EEF3FC;
}
#como-funciona h2{
    font-size: 2.4rem;
}
#como-funciona h2:before{
    display: none;
}
#como-funciona .highlight-green{
    background-color: #57CC99;
    padding: 2px 12px;
    border-radius: 8px;
    display: inline-block;
}
#subtitulo-como-funciona{
    color: #556080;
    max-width: 650px;
    margin: 15px auto 40px auto;
}
#nota-como-funciona{
    color: #8891AC;
    font-size: .85rem;
    margin-top: 25px;
}

/*---------------TABELA DESKTOP-----------*/
#tabela-como-funciona{
    background-color: white;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(36, 59, 135, .08);
}
.linha-como-funciona{
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.linha-como-funciona:not(.cabecalho-como-funciona):nth-child(odd){
    background-color: #FBFCFF;
}
.linha-como-funciona:not(.cabecalho-como-funciona):not(:last-child){
    border-bottom: 1px solid #EEF1FA;
}
.linha-como-funciona .coluna-hoje,
.linha-como-funciona .coluna-eprocleg{
    padding: 22px 35px;
    display: flex;
    align-items: center;
    gap: 18px;
}
.cabecalho-como-funciona .coluna-hoje,
.cabecalho-como-funciona .coluna-eprocleg{
    font-family: 'FontSensationBold' !important;
    font-size: .85rem;
    letter-spacing: .5px;
    padding: 18px 35px;
    gap: 10px;
}
.cabecalho-como-funciona .coluna-hoje{
    background-color: #F5F6FA;
    color: #6E7A9C;
}
.cabecalho-como-funciona .coluna-eprocleg{
    background-color: #57CC99;
    color: #14392B;
}
.linha-como-funciona:not(.cabecalho-como-funciona) .coluna-hoje i{
    color: #8A93B3;
    font-size: 1.2rem;
}
.linha-como-funciona:not(.cabecalho-como-funciona) .coluna-eprocleg i{
    color: #1F9D74;
    font-size: 1.2rem;
}
.linha-como-funciona .coluna-hoje p{
    color: #41507A;
    margin: 0;
}
.linha-como-funciona .coluna-eprocleg p{
    color: #14392B;
    margin: 0;
}
.linha-como-funciona .coluna-hoje strong,
.linha-como-funciona .coluna-eprocleg strong{
    font-family: 'FontSensationBold' !important;
}
/*---------------TABELA DESKTOP-----------*/


/*---------------ACORDEON MOBILE-----------*/
#acordeon-como-funciona .item-como-funciona{
    background-color: white;
    border-radius: 14px;
    margin-bottom: 15px;
    box-shadow: 0 6px 18px rgba(36, 59, 135, .06);
    overflow: hidden;
}
.btn-item-como-funciona{
    width: 100%;
    border: none;
    background-color: transparent;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 20px;
    color: #243B87;
    font-family: 'FontSensationBold' !important;
    font-size: 1rem;
}
.btn-item-como-funciona i{
    color: #57CC99;
    transition: 300ms;
}
.btn-item-como-funciona.collapsed i{
    transform: rotate(0deg);
}
.btn-item-como-funciona:not(.collapsed) i{
    transform: rotate(180deg);
}
.corpo-item-como-funciona{
    padding: 0 20px 20px 20px;
}
.corpo-item-como-funciona p{
    color: #41507A;
    margin: 0 0 15px 0;
}
.status-hoje,
.status-eprocleg{
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: 'FontSensationBold' !important;
    font-size: .75rem;
    letter-spacing: .5px;
    margin-bottom: 8px;
}
.status-hoje{
    color: #8A93B3;
}
.status-eprocleg{
    color: #1F9D74;
}
/*---------------ACORDEON MOBILE-----------*/

@media(max-width:992px){
    #como-funciona h2{
        font-size: 1.8rem;
    }
}
/*-----------------------------------------------------*/
/*-----------------COMO FUNCIONA PROLEGIS---------------*/
/*-----------------------------------------------------*/