.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */body {
    background: #000;
    font-family: 'Rubik', sans-serif;
    margin: 0;
    padding: 0;
    color: #fff;
}
.access-denied{
    padding: 120px 80px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    background-color: #FEFEFE;
    min-height: 90vh;
}
.access-denied img{
    margin-bottom: 32px;
}
.access-denied h2, .access-denied h4{
    color: #161616;
    margin: 0 0 24px 0;
}
.message-feedback{
    padding: 24px;
    background-color: #333;
}
.message-feedback.success{
    color: #01ff8b;
}
.elementor-nav-menu__align-end .elementor-nav-menu{
    margin-bottom: 0
}
.group-content{
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    flex-wrap: wrap
}
.group-content button,
.group-content a, div#payment-registration-section form p.submit-section button{
    padding: 16px 24px;
    color: #FEFEFE;
    text-transform: uppercase;
    background-color: #444;
    border: none;
    cursor: pointer;
    font-weight: 500;
    font-family: 'Rubik', Sans-Serif;
    font-size: 14px;
}
.elementor-sub-item.elementor-item-active, .elementor-sub-item:hover{
    color: #CCC !important;
}
div#payment-registration-section form p.submit-section button{
    border-radius: 0;
    background-color: #01FF8B;
    color: #161616;
}
.group-content button:hover{
    opacity: .5
}
div#payment-registration-section{
    padding: 24px 32px;
    background-color: #212121;
    border-radius: 8px;
    margin-bottom: 32px;
    width: 100%;
}
div#payment-registration-section h4{
    margin: 16px 0;
}
div#payment-registration-section form{
    display: flex;
    align-items: flex-start;
    flex-direction: column
}
div#payment-registration-section form p{
    width: 100%;
}
div#payment-registration-section form p.submit-section{
    display: flex;
    justify-content: flex-end;
}
div#payment-registration-section form p input[type=date]{
    margin: 0;
}
.elementor-shortcode ul li input[type="submit"], ul li a {
    color: #01FF8B;
    border: none;
    background-color: transparent !important;
    padding: 0;
    text-transform:  uppercase;
    font-size: 14px;
}
main h3, main h4{ 
    color: #FFF;
}
.cards-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 24px;
    margin-bottom: 80px;
}

.card-info {
    background: #1a1a1a;
    border-radius: 12px;
    padding: 20px;
    text-align: center;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
}

.card-info h4 {
    font-size: 14px;
    color: #ccc;
    margin-bottom: 8px;
    margin-top: 0;
    font-weight: 400;
}

.card-info strong {
    font-size: 24px;
    color: #fff;
}
.card-info.positive{
    background-color: #01FF8B;
}
.card-info.positive h4,
.card-info.positive strong{
    color: #161616;
}
.card-info.negative{
    background: #d93b22;
}

/* Lista de contratos */
.contract-list .contract-item, .quota-list .quota-item, .user-management-list li {
    background-color: #212121;
    padding: 16px 24px;
    font-size: 16px;
    font-weight: 400;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 8px;
    margin-bottom: 16px;
    border: solid 1px #333;
}
.contract-list .contract-item .group-info h3, .quota-list .quota-item .group-info h3{
    color: #01FF8B;
    font-size: 18px;
    margin: 0;
}
.contract-list .contract-item .group-info span, .quota-list .quota-item .group-info span{
    font-size: 12px;
}
.contract-list .contract-item p, .quota-list .quota-item p, .user-management-list li p{
    display: flex;
    font-size: 12px;
    flex-direction: column;
    gap: 0px;
    margin: 0;
    padding: 0;
}
.contract-list .contract-item p strong, .quota-list .quota-item p strong, .user-management-list li p label{
    margin: 0;
    line-height: 16px
}
.user-management-list li p label{
    font-weight: bold;
}
.quota-list .quota-item > div, .user-management-list li > div{
    display: flex;
    gap: 48px;
}
.user-management-list li > div > p{
    min-width: 200px !important;
}
.contract-list .contract-item .contract-status span.em_dia, .contract-list .contract-item .contract-status span.quitado, .card-info span.em_dia, .card-info span.quitado, .quota-item span.color-paga{
    color: #01FF8B;
}
.contract-list .contract-item .contract-status span.atrasado, .card-info span.atrasado, .quota-item span.color-vencida, .user-management-list li input[type="submit"]{
    color: #FF2300 !important;
}
.quota-item span{
    text-transform: capitalize;
}
.quota-item span.color-pendente{
    color: #FFE000;
}
.acf-fields > .acf-field{
    border: none !important;
}
.acf-label{
    margin-bottom: 4px !important
}
.acf-input{
    margin-bottom: 16px
}
.acf-input .acf-input-wrap input, .acf-input select{
    padding: 12px 16px !important;
}
.jet-form-builder__label-text, .acf-label label{
    font-size: 12px;
    color: #FFF !important;
}
.jet-form-builder__field-wrap > input, .jet-form-builder__field.date-field, .jet-form-builder__field-wrap > select, input, select{
    background-color: #333 !important;
    border-color: #555 !important;
    color: #FFF !important;
}
input[type="file"]{
    padding: 16px;
}
.jet-form-builder__field-wrap > select option, select option{
    color: #FFF;
}
.jet-form-builder__submit, .fea-submit-button, .access-denied .button, #lostpasswordform .lostpassword-submit button{
    background-color: #01FF8B !important;
    border: none !important;
    padding: 16px !important;
    width: 100% !important;
    justify-content: center !important;
    border-radius: 4px !important;
    color: #161616 !important;
    margin-top: 24px !important;
    text-transform: uppercase !important;
    font-weight: bold;
    text-align: center;
}
 .access-denied .button{
     width: 20% !important;
    
 }
.jet-form-builder-message{
    border: none;
    background-color: #212121;
}
.jet-form-builder-message--success{
    color: #01FF8B ;
}
.jet-form-builder-message--error{
    color: #FF2300;
}
div.opened{
    display: block !important;
}
#lostpasswordform fieldset{
    padding: 0;
}
#lostpasswordform fieldset > legend{
    display: none;
}
#lostpasswordform fieldset p{
    color: #161616;
}
#lostpasswordform fieldset .somfrp-lost-pass-form-text p{
    margin-bottom: 40px
}
.som-password-error-message{
    background-color: #FF2300 !important;
    border-color: #FF2300 !important;
    margin-bottom: 16px;
    
}
.elementor-login button{
    width: 100%;
    display: flex;
    justify-content: center;
}

@media screen and (max-width: 767px){
    main{
        padding: 80px 24px;
    }
    .group-info{
        width: 100%;
        margin-bottom: 16px;
    }
    .contract-list .contract-item, .quota-list .quota-item, .user-management-list li {
        align-items: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 0px;
    }
    .contract-list .contract-item p, .quota-list .quota-item p, .user-management-list li p{
        flex-direction: column;
        gap: 0px;
        width: 50%;
        margin-bottom: 12px;
    }
    .quota-list .quota-item > div, .user-management-list li > div{
        display: flex;
        gap: 48px;
    }
    .user-management-list li > div{
        flex-wrap: wrap;
        gap: 16px;
        width: 100%;
    }
    .user-management-list li > div + div{
        justify-content: center;
    }
    .user-management-list li > div > p{
        min-width: 30% !important;
        max-width: 45%;
        margin-bottom: 0;
    }
    .contract-list .contract-item a, .quota-list .quota-item a, .user-management-list li a{
        color: #FFF;
        text-decoration: underline;
        padding: 8px 24px;
        width: 100%;
        text-align:center;
    }
    .elementor-button.elementor-button-link{
        width: 100%;
        padding: 0 24px 24px;
        margin-bottom: 24px;
    }
    .access-denied{
        padding: 80px 40px;
        min-height: auto;
    }
    .access-denied > *{
        text-align: center;
    }
    .access-denied .button{
     width: 75% !important;
    
     }
    
}/* End custom CSS */