@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');
/* ===== GRAL ELEMENTS ===== */
body{
    font-family: "Urbanist", sans-serif;
}

h1, h2{
    font-family: "Urbanist", sans-serif;
    font-weight: 400;
    margin: 10px 0;
}

h3, h4, h5, h6 {
    font-family: "Urbanist", sans-serif;
    font-weight: 400;
    margin: 10px 0;
}

.light-grey-maxxa-bg{
    background: #F5F6FA
}

.grey-dark-txt{
    color: #4E4F4F!important;
}

.danger-text-maxxa{
    color:#FF7280!important
}

.divider-maxxa{
    height:5px;
    width:240px;
    background: #FF5100;
    border-radius:50px;
    margin:0 auto
}

.divider-blue-maxxa{
    height:8px;
    width:240px;
    background: #06326B;
    border-radius:50px;
    margin:0 auto
}

.divider-maxxa-gray{
    width: 538px;
    height: 2px;
    background: #E7ECF2;
    margin: 64px auto
}

.addons-content>.divider-maxxa-gray{
    width: 538px;
    height: 1px;
    background: #D9D9D9;
    margin: 0 auto
}

.section-divider-maxxa{
    width:538px;
    height:2px;
    background: #E7ECF2;
    margin:48px auto
}

.btn-base-xs{
    padding:4px 16px;
    border-radius:50px;
    font-weight:600;
    font-size:12px;
    text-align:center
}

.btn-base{
    padding:12px 71px;
    border-radius:50px;
    font-weight:600;
    font-size:14px;
    text-align:center
}

.btn-base-sm{
    padding:8px 40px;
    border-radius:50px;
    font-weight:600;
    font-size:14px;
    text-align:center
}

.btn-base-xsm{
    padding:2px 16px;
    border-radius:50px;
    font-weight:600;
    font-size:14px;
    text-align:center
}

.btn-base-xxsm{
    padding:2px 20px;
    border-radius:50px;
    font-weight:600;
    font-size:10px;
    text-align:center
}

.btn-input-group{
    box-shadow:none;
    text-transform:capitalize
}

.btn-input-group:hover{
    box-shadow:none;
}


.orange-maxxa{
    color:#FF5100 !important;
}

.blue-maxxa{
    color:#06326B !important
}

.gray-maxxa{
    color: #9F9F9F !important
}

.green-maxxa{
    color: #1AB37C !important
}

.ready-text-steps{
    color:#06326B !important;
    font-size:18px
}

.yellow-maxxa{
    color:#FF9015 !important
}

.false-button-disabled{
    cursor: default;
    opacity: 0.5;
    cursor: no-drop;
    background: #fff;
    color:#9F9F9F;
    border:1px solid #9F9F9F;
    padding: 8px 40px;
    border-radius: 50px;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
}

.link-base{
    padding:8px 0;
    font-weight:600;
    cursor:pointer;
    text-align:center
}

.link-base-sm{
    font-weight: 600;
    font-size: 14px;
    cursor:pointer;
    text-align:center;
    text-decoration:underline
}

.primary-button{
    background:#FF5100;
    color:#fff;
    border:1px solid #FF5100
}

.primary-button:hover{
    background:#FF8038;
    color:#fff;
    border:1px solid #FF5100;
    transition-duration: 0.3s;
}

.secondary-button{
    background:transparent;
    color:#FF5100;
    border:1px solid #FF5100
}

.secondary-button:hover{
    background:#FF8038;
    color:#fff;
    border:1px solid #FF5100;
    transition-duration: 0.3s;
}

.secondary-button-w{
    background:#fff;
    color:#FF5100;
    border:1px solid #FF5100
}

.secondary-button-w:hover{
    background:#FF8038;
    color:#fff;
    border:1px solid #FF5100;
    transition-duration: 0.3s;
}

.secondary-button-w-b{
    background:#fff;
    color:#FF5100;
    border:1px solid #FF5100
}

.secondary-button-w-b:hover{
    background:#FF8038;
    color:#fff;
    border:1px solid #FF5100;
    transition-duration: 0.3s;
}

.link-button{
    color:#06326B;
    background:transparent;
    border:none
}

.link-button:hover{
    color:#2E73CD;
    background:transparent;
    transition-duration: 0.3s;
}

.link-base-sm,.link-button-sm{
    color:#2E73CD;
    background:transparent;
    border:none;
    padding: 9px 00px;
}

.link-base-xs{
    color:#2E73CD;
    background:transparent;
    border:none;
    cursor:pointer;
    text-decoration:underline
}

.alert-button{
    text-transform: uppercase;
    color:#B08A00;
    border: 1px solid #B08A00;
    padding:4px 16px
}

.alert-button:hover{
    text-transform: uppercase;
    color:#B08A00;
    border: 1px solid #B08A00;
    padding:4px 16px
}

.label-menu{
    font-size: 11px;
    border: 1px solid #06326b;
    color: #ff5100;
    padding: 4px 8px;
    border-radius: 15px;
    font-weight:500
}

.content-section{
    padding:64px 113px;
    max-width: 1376px;
    margin: auto;
}

.content-section--title-img{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.gtia-explication{
    display: flex;
    align-items: center;
    flex-direction: row;
    background:#F5F6FA;
    padding:24px;
    border-radius:24px;
    justify-content: space-evenly;
}

.gtia-explication--text{
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width:394px;

}

.gtia-explication--text{
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width:394px;
    font-size:16px;
    color:#4E4F4F;
    font-weight:400;
    text-align:center
}

.gtia-explication--title{
    max-width:491px;
}

.section-title{
    font-size:32px;
    margin: 16px auto;
    font-weight:600;
    color:#06326B;
    margin-top:0!important;
    text-align:center;
    max-width:627px
}

.inner-section-title{
    font-size:24px;
    max-width: 394px;
    margin: 0;
    text-align:left
}

.section-title-gray{
    color:#9F9F9F
}

.content-section--subtitle{
    font-size:24px;
    margin: 5px auto;
    font-weight:500;
    color:#4F4F4F;
    max-width:627px;
}

.section-third-title{
    font-size:40px;
    max-width: 700px;
    margin: 24px auto;
    font-weight:700;
    color:#4E4F4F;
    margin-bottom:64px!important;
    text-align:center
}

.text-maxxa{
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0em;
    text-align: left;
    padding:0 0 24px 0;
    color: #4E4F4F;
}

.text-maxxa-relevant {
    font-size: 24px;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: 0em;
    text-align: left;
    padding: 0 0 24px 0;
    color: #00000;
}

.text-maxxa.bold-text-maxxa{
    font-size: 18px;
    font-weight: 700;
    padding:0 0 24px 0;
    color:#4E4F4F
}

.content-img-txt{
    display: flex;
    flex-direction: row;
    margin-top:66px;
    align-items: center;
}

.content-img-ex{
    border-radius: 32px;
    width: 1680px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.mr-40{margin-right:40px}

.content-text{
    padding-top:32px
}

.content-img>img{
    width:550px;
    border-radius: 32px;
}

.content-img>iframe{
    width:550px;
    border-radius: 32px;
}

.content-section--nosotros>.content-img-txt>.content-img>img{
    width:300px
}

.section-subtitle{
    font-size:28px;
    font-weight:700;
    color:#06326B;
    margin:0 0 24px 0 !important;
    text-align:center
}

.section-second-title{
    font-weight: 700;
    font-size: 32px;
    color: #4E4F4F;
    margin-bottom:64px
}

.match-section{
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 16px;
    padding: 48px 64px;
    background:#F5F6FA
}

.match-section :nth-child(2){
    margin: 32px 0;
    padding:0
    }

.match-section>h2{
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    text-align: center;
    color: #06326B;
}


.text-partner{
    font-size:19px;
    color:#4E4F4F;
    font-weight: 500;
    font-size: 19px;
    text-align:center

}

.partners>.img-partners{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.partners>.img-partners>img{
    height:45px
}

.ul-list{
    color:#4E4F4F;
    font-size:16px;
    padding-left:1em;
    margin-bottom: 32px;
    margin-left: 39%;
}

.ul-list li::marker{
    color:#FF5100
}

.financial-tool-content{
    padding:32px 40px;
    background-color:#fff;
    box-shadow: 0px 4px 16px rgba(6, 50, 107, 0.25);
    border-radius: 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.financial-tool-content>div>h2{
    font-weight: 700;
    font-size: 28px;
    color: #06326B;
}

.content-section-gtia{
    display:flex;
    justify-content: space-evenly;
}

.gtia-steps-content{
    display:flex;
    justify-content: space-evenly;
    margin-bottom:64px
}

.gtia-step{
    max-height: 290px;
    width: 337px;
    background: #F7F7F7;
    padding: 32px;
    text-align: center;
    border-radius: 32px;
}

.gtia-step--special-width{
    width:290px
}

.full-height-step{
    height: 100%;
}

.gtia-step-title{
    font-weight: 700;
    font-size: 24px;
    color: #06326B;
    margin:16px 0 0 0
}

.gita-form{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
}

.gita-form>div>div>input{
    min-width:294px;
    margin-right:24px;
}

.gita-form>div>div{
    margin-right:24px;
}

.work-together-section{
    display: flex;
    align-items: center;
    justify-content: center;
}

.list-content-div{
    background-color:#fff;
    padding:16px 0;
    display:flex;
    align-items: center;
    min-width:550px;
    border-bottom:2px solid #F6F7FB;
    max-width:700px
}

.list-content-div>p{
    font-size:16px
}

.list-content-div>img{
    margin-right: 16px
}

.macbook-img{
    margin-right:80px;
    border-radius:26px
}

.new-macbook-img{
    width: 450px;
    margin-right:40px
}

.gold-tip{
    padding:30px;
    background:#fff;
    border-radius: 16px;
    border: 3px solid #F5F6FA;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.gold-tip--text{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width:733px;
}

.gold-tip--text>p{
    color:#4E4F4F;
    font-size:16px;
    font-weight:400;
    margin:0;
    padding-bottom: 0;
}

p.gold-tip--text-title{
    color:#06326B;
    font-size:24px;
    font-weight:700;
    margin-bottom:16px
}

.gold-tip--father{
    justify-content: space-evenly;
}

.gold-tip--tip>h3{
    color:#06326B;
    font-size:32px;
    font-weight:600;
    margin-bottom:16px
}

.gold-tip--tip>p{
    color:#4E4F4F;
    font-size:16px;
    font-weight:400;
    margin-bottom:0px;
    max-width:858px
}

.referencial-price{
    font-size:12px
}

.button-content{
    margin: 64px
}

.button-content-financiamiento{
    display:flex;
    justify-content: center;
}

.button-content-financiamiento :first-child{
    margin-right:24px
}

.radio-credit-or-line{
    display: flex;
    justify-content: space-evenly;
    margin-bottom:24px
}

@media screen and (max-width:991px){
    .button-content-financiamiento{
            display: flex;
            flex-direction: column;
            align-items: center;
    }

    .button-content-financiamiento :first-child{
        margin-bottom:42px;
        margin-right:0px
    }

    .match-section{
        padding: 24px 16px;
    }

    .gold-tip{
        flex-direction: column;
    }

    .gold-tip--text{
        margin-bottom:36px
    }

    .content-section--title-img{
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        flex-direction: column-reverse;
    }

    .form-validate-certificate{
        text-align:center
    }

    .inner-section-title{
        text-align:center;
        max-weight:100%
    }

    .gtia-explication{
        flex-direction: column;
    }

    .gtia-explication--text{
        text-align: justify;
    }

    .gtia-explication--text>p{
        margin-bottom:24px
    }
}

.small-text-maxxa{
    font-weight: 400;
font-size: 12px;
color: #4E4F4F;
}

.contextual-contact-text{
    max-width:550px;
    margin-top:32px
}

.amount_select_fin{
    width:100%;
    padding: 16px;
    font-size: 18px;
    color:#06326B;
    text-align: center;
    margin-bottom: 32px;
    border: 1px solid #9F9F9F;
    border-radius:4px;
    font-weight:700!important
}

.amount_select_fin:focus-visible {
    outline: none;
}

.gtia-step>img{
    width:96px
}

.title-more-benefits{
    font-size: 24px;
    font-weight:700;
    text-align:left;
    margin-bottom:16px
}

.benefits-home-content-clp{
    justify-content: space-evenly;
}

.who.img-partners{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
        align-content: center;
        align-items: center;

}

.who.img-partners :nth-child(2){
    height:31px;
}

.card-maxxa-more-benefit-gtia{
        padding:0 !important;
        margin:0 !important;
}

.card-maxxa-more-benefit-gtia>p{
    font-size:24px;
    text-align:center
}

.alert-base{
    padding: 16px;
    align-items: center;
    display: flex;
    flex-direction: row;
    font-size:12px
}

.alert-base>img{
    margin-right:8px;
    width:13px;
    height:13px
}

.alert-warning-maxxa{
    background: #FFF4CB;
    border: 1px solid #B08A00;
    border-radius: 4px;
    color: #B08A00;
}

.alert-warning-maxxa-borderless{
    background: #FFF4CB;
    border: none;
    border-radius: 4px;
    color: #B08A00;
}

.alert-info-maxxa{
    background: #E3EFFF;
    border: 1px solid #1271EC;
    border-radius: 4px;
    color: #1271EC;
}

.alert-info-maxxa-borderless{
    background: #E3EFFF;
    border: none;
    border-radius: 4px;
    color: #1271EC;
}

.alert-success-maxxa{
    background: #CEF4E6;
    border: 1px solid #007B4F;
    border-radius: 4px;
    color: #007B4F;
}

.alert-success-maxxa-borderless{
    background: #CEF4E6;
    border: none;
    border-radius: 4px;
    color: #007B4F;
}

.alert-danger-maxxa{
    background: #FFDBDE;
    border: 1px solid #DC3545;
    border-radius: 4px;
    color: #DC3545;
}
.alert-danger-maxxa-borderless{
    background: #FFDBDE;
    border: none;
    border-radius: 4px;
    color: #DC3545;
}

.spacing-width-alert{
    max-width: 840px;
    margin: 0 auto
}

.plans-section--alert-content{
    margin:0 auto 64px auto;
    width: 70%;
}

.plans-section--alert-content>div>p{
    margin-right:32px
}

.plans-section--alert-content>div{
    justify-content: center
}

@media screen and (max-width: 991px){
    .plans-section--alert-content{
        width: 100%;
    }

    .spacing-width-alert{
        width:100%;
    }

    .alert-base {
        flex-direction: row;
    }

    .alert-base>img{
        margin: 0 0 8px 0;
        width: 24px;
    }
}

.modal-content-maxxa{
    color:#06326B
}

.modal-body-content-maxxa>div>p{
    color:#9F9F9F
}

.modal-header-maxxa{
    padding:24px;
    border: none
}

.modal-body-maxxa{
    padding:32px 32px 24px 32px;
}

.modal-footer-maxxa{
    border:none;
    padding-bottom:40px;
    padding-top:0px
}

.modal-body-content-maxxa{
    display:flex;
    justify-content: flex-start;
}

.modal-body-content-maxxa>div{
    margin-bottom:16px;
        padding: 0 32px 0 0;
}

.modal-body-content-maxxa>div>p{
    font-weight:700
}

.modal-body-content-maxxa-2{
    display:flex;
    justify-content: flex-start;
    flex-direction: column;
}

.table-maxxa>tbody>tr>th{
    color: #9F9F9F;
    font-weight: 700;
    font-size: 14px;
    border: 1px solid #9F9F9F;
    padding:8px
}

.table-maxxa>tbody>tr>td{
    color: #06326B;
    font-weight: 400;
    font-size: 14px;
    padding:8px;
    border: 1px solid #9F9F9F;
}

.table-maxxa>tbody>tr{

}

.terms-conditions{
    font-size: 12px !important;
}

.content-form-termometro{
    max-width:550px;
    min-width:550px;
    margin:0 auto;
    background: #fff;
    padding: 16px;
}

.content-alerts-form-termometro{
    max-width:550px;
    margin:0 auto
}

.white-bg{
    background:#fff
}

.white-bg:hover{
    background:#FF8038;
    color:#fff;
    border:1px solid #FF5100
}

.section-subtitle-2{
    color: #4E4F4F;
    font-weight: 700;
    font-size: 32px;
    margin-bottom:64px!important
}

.fw-500{
    font-weight:500
}

.dual-info-section-tf{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-evenly;
}
.dual-info-section-tf>.dual-info-section-tf--como>h3,
.dual-info-section-tf>.dual-info-section-tf--que>h3{
    color:#06326B;
    font-weight:700;
    font-size:24px
}

.dual-info-section-tf>.dual-info-section-tf--que>p,
.dual-info-section-tf>.dual-info-section-tf--como>p{
    color:#4E4F4F;
    font-weight:400;
    font-size:16px;
    margin-bottom:32px
}

.dual-info-section-tf--que,
.dual-info-section-tf--como{
    max-width:500px
}

.work-together-section>div>div>p{
    max-width:700px
}

@media screen and (max-width:991px){
    .upper-content-form-termometro{
        width:100%
    }
    .mr-40{
        margin-right:0
    }

    .content-img>iframe{
        width:100%;
    }

    .content-video{
        margin-bottom:40px
    }

    .content-img-ex {
        height: 210px;
        border-radius: 32px;
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
}

    .financial-tool-content {
        display: flex;
        align-items: row;
        justify-content: space-between;
        flex-direction: column;
    }

    .financial-tool-content>div>p{
        margin:16px 0 !important
    }

    .ul-list{
        color:#4E4F4F;
        font-size:18px;
        padding-left:1em;
        margin-bottom: 32px;
        margin-left: 25%;
    }


    .content-section{
        padding:32px 16px
    }

    .content-img-txt{
        display: flex;
        flex-direction: column;
        margin-top: 0px;
    }

    .content-img>img{
        width:343px;
        border-radius: 32px;
    }

    .benefits-home-content{
        display: flex!important;
        flex-direction: column;
        align-items: center;
    }

    .benefits-home-content>.card-alianzas{
        margin:24px auto
    }

    .who.img-partners{
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
    }

    .who.img-partners>img{
    }

    .who.img-partners :nth-child(2){
        margin:64px 0
    }

    .who.img-partners :nth-child(4){
        margin:64px 0
    }

    .partners>.img-partners{
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
    }

    .partners>.img-partners>img{
        width:170px;
        height:auto
    }

    .partners>.img-partners :nth-child(2){
        margin:64px 0
    }

    .partners>.img-partners :nth-child(4){
        margin:64px 0
    }

    .match-section>h2 {
        font-size: 24px;
    }

    .section-subtitle {
        font-size: 20px;
    }

    .section-title {
        font-size: 28px;
    }

    .content-text {
        margin:0;
        padding-top:0
    }

    .reverse-flex-mobile{
        flex-direction: column-reverse;
    }

    .text-maxxa{
        font-size:16px
    }

    .divider-maxxa{
        margin-bottom:48px
    }

    .work-together-section{
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .work-together-section>div>.list-content-div>p.text-maxxa{
        font-size:18px!important
    }

    .work-together-section :nth-child(2){
        width:100%;
        margin:0 0 16px 0
    }

    .list-content-div{
        min-width: 100%;
    }

    .macbook-img {
        width: 100%;
        height: 100%;
        margin-bottom: 40px;
        margin-right:0!important
    }

    .new-macbook-img{
        width: 100%;
        height: 100%;
        margin-bottom: 40px;
        margin-right:0!important
    }

    .macbook-img-step{
        margin-bottom:0
    }

    .content-section-gtia{
        display: flex;
        justify-content: space-evenly;
        flex-direction: column;
    }

    .content-section-gtia>div>p{
        margin-bottom:48px
    }

    .gita-form{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .gita-form>button{
        margin-top:24px
    }

    .gita-form>div>div{
        margin:0
    }

    .mb-72-m{
        margin-bottom:72px;
    }

    .section-third-title{
        font-size:28px
    }

    .gtia-steps-content{
        display: flex;
        /* justify-content: space-evenly; */
        margin-bottom: 64px;
        flex-direction: column;
        align-items: center;
    }

    .gtia-steps-content>.gtia-step>p.text-maxxa{
        font-size:18px!important
    }

    .gtia-steps-content>a>.gtia-step>p.text-maxxa{
        font-size:18px!important
    }

    .gtia-step{
        margin:0 0 24px  0
    }

    .gtia-step{
        max-height: 100%
    }

    .divider-maxxa-gray{
        width:100%
    }

    .dual-info-section-tf{
        flex-direction: column;
    }

    .dual-info-section-tf--que,
    .dual-info-section-tf--como{
        max-width:100%
    }

    .dual-info-section-tf--que>img,
    .dual-info-section-tf--como>img{
        width:100%
    }
}




/* ===== END GRAL ELEMENTS ===== */

/* ===== BANNER ===== */
.banner-divider{
    background: #06326B;
    height: 1px;
    border-radius:50px;
    width:538px;
    margin-bottom: 24px
}

.maxxa-banner{
    height:50px;
    margin: 0 0 20px 40px;
}

.banner-list{
    color:#fff;
    font-size:20px;
    padding-left:1em;
    margin-bottom: 16px;
    color: #06326b;
}

.banner-list li::marker{
    color:#06326B
}

.banner-title{
    font-size:40px;
    color:white;
    font-weight: 600;
    text-align:left;
    max-width:584px;
    margin-bottom:16px
}

.banner-title-w-ex{
    max-width:768px;
}

.banner-title-w-ex-x{
    max-width:830px;
}

.banner-title-ultra-wide{
    max-width:940px
}

.banner-title-s-ex{
    font-size:40px;
}

.banner-title-w-100{
    max-width:100%;
}


.banner-subtitle{
    font-weight: 600;
    font-size: 16px;
    color:white;
    text-align:left;
    max-width:456px;
    margin-bottom: 40px
}

.banner-subtitle-ex{
    font-weight: 400;
    font-size: 28px;
    color:white;
    text-align:left;
    max-width:770px;
    margin-bottom: 16px
}

.banner-subtitle-ex-x{
    max-width:810px;
}

.ribbon-banner{
    width:176px
}

.ribbon{
    color:white;
    background:#FF5100;
    position: absolute;
    left: 0;
    top:75px;
    padding:4px 24px 2px 82px;
    border-radius: 0 50px 50px 0
}

.ribbon>span{
    font-size: 24px;
    font-weight: 500;
}

.banner-personas{
    max-width:680px
}

.carrousel-item-maxxa{
    display: flex;
    align-items: center;
}

.carousel-caption-maxxa{
    position: absolute;
    padding: 0 0 0 160px;
}

.carousel-control-prev{
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 4%;
    padding-left: 16px;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease;
}

.carousel-control-next{
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 4%;
    padding-right: 16px;
    color: #fff;
    text-align: center;
    background: 0 0;
    border: 0;
    opacity: .5;
    transition: opacity .15s ease;
}

.carousel-control-prev-icon{
    background-image: url(../img/banner/btn-prev.png);

}

.carousel-control-next-icon{
    background-image: url(../img/banner/btn-next.png);

}


.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    border-radius:50px;
    flex: 0 1 auto;
    width: 10px;
    height:10px;
    padding: 0;
    margin-right: 8px;
    margin-left: 8px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000000a3;
    background-clip: padding-box;
    border: 0;
    border-top: none;
    /* opacity: 1; */
    transition: opacity .6s ease;
    /* margin-bottom:32px */
}

.carousel-indicators .active {
    background-color: #ff5100a3;
    opacity: 1;
}

.only-m{
    display:none
}

.only-d{
    display:inherit
}

.fan-pyme{
    width:350px;
    margin-bottom:32px
}

.fan-pyme-top{
    top: 128px;
}

.full-content-form-termometro{
    display: flex;
    flex-direction: row;
    justify-content: center;
    background: #F5F6FA;
    border-radius: 24px;
    padding: 32px;
}

.full-content-form-ct{
    background: #fff;
    padding-top:0
}

.text-form-termometro-content{
    padding-bottom:32px
}

.text-form-termometro-content>p{
    font-size:16px
}

.text-form-termometro-content>img{
    margin-bottom:16px
}

.text-form-termometro-content>p.title-tf{
    font-size:24px;
    color:#06326B;
    margin-bottom:16px
}

.text-form-ct-content{
    margin-right:40px
}

.img_or{
    max-width:500px
}

.function-section{
    max-width: 370px;
    margin: auto;
}

.function-section >div{
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom:24px
}

.function-section >div>p{
    margin-bottom: 0;
    margin-left: 8px;
}

.content-form-login-fianza{
    max-width: 390px;
    min-width: 390px;
}

.fianza-info--desktop--register{
    margin-right:80px
}

.banner-svg-gtia-content{
    width: 450px;
    margin-bottom: 24px;
}

.button-img-content{
    display:flex;
    flex-direction: column;
}

@media screen and (max-width:991px){
    .text-form-termometro-content{
        padding-bottom:16px
    }

    .full-content-form-termometro{
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .content-form-termometro{
        max-width:100%;
        min-width:100%;
        margin:0 auto
    }

    .carousel-indicators [data-bs-target] {
        margin-bottom:32px
    }

    .comment-text-content{
    }

    .comment-text-content>p{
        font-size:13px;
        margin-bottom:0;
        color:#fff
    }

    .comment-img{
        width: 70px;
        height: 70px;
    }

    .comment-content{
        display: flex;
        flex-direction: row;
        align-content: center;
    }

    .fan-pyme{
        width:200px;
        margin-left:73px;
        margin-bottom:16px
    }

    .maxxa-banner{
        height:30px;
        margin: 0 0 20px 40px;
    }

    .img_or{
        width:100%
    }

    .carousel.pointer-event{
        background:linear-gradient(59deg, rgba(1,41,110,1) 36%, rgba(0,81,186,1) 100%);
    }

    .carousel-inner {
        background: linear-gradient(59deg, rgba(1,41,110,1) 36%, rgba(0,81,186,1) 100%);
    }

    .banner-maxxa{
        height: 660px;
    }

    .carrousel-item-maxxa{
        height: 660px;
    }

    .carrousel-item-maxxa>img{
        width:100%;
        position:absolute;
        bottom:0
    }

    .banner-personas{
        max-width:100%
    }

    .banner-title-s-ex{
        font-size:24px
    }

    .ribbon{
        color:white;
        background:#FF5100;
        position: absolute;
        left: 0;
        top:75px;
        padding:4px 24px 4px 22px;
        border-radius: 0 50px 50px 0
    }

    .ribbon>span{
        font-size: 16px;
        font-weight: 500;
    }

    .fianza-info--desktop--register{
        margin-right:0px
    }

    .text-form-ct-content{
        margin-right:0
    }

    .button-img-content{
        display:flex;
        flex-direction: column;
    }

    .promo-gtia{
        max-width:300px
    }

    .banner-svg-gtia-content{
        width:100%
    }

}

.second-pre-header{
    display:none;
    padding:8px;
    background:#fff
}

.second-pre-header>div{
    display: flex;
    justify-content: center;
}

.pagination-blog{
    justify-content:center
}

.empty-search-content{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.empty-search-content>div>img{
    width:100px;
    margin-bottom:16px
}

.empty-search-content>div>h3{
    font-size:24px;
    color:#c7c7c7;
    font-weight:600;
    margin-bottom:0
}

.empty-search-content>div>p{
    font-size:16px;
    color:#c7c7c7;
    font-weight:500
}

.empty-search-content--info{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.chile-compra-banner{
        max-width:150px}

@media screen and (max-width:991px){
    .banner-title{
        font-size:32px;
        max-width: 345px;
        margin-bottom: 16px;
    }

    .banner-subtitle{
        font-size: 20px;
        max-width: 345px;
    }

    .carousel-caption-maxxa {
        height: 381px;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        position: absolute;
        padding: 16px;
        width:100%
    }

    .carousel-caption-maxxa-blog {
        height: 200px;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        position: absolute;
        padding: 16px;
    }

    .carrousel-item-maxxa {
        display: flex;
        align-items: flex-start;
        background: #fff;
    }

    .carousel-indicators [data-bs-target]{
        margin: 32px 16px
    }
    .banner-list{
        color:#fff;
        font-size:16px;
        padding-left:1em;
        margin-bottom: 32px;
        max-width: 100%;
    }

    .banner-divider {
        width: 100%;
    }

    .carousel-indicators {
        bottom: -30px;
    }


    .second-pre-header{
        /*display:revert!important*/
    }



    .button-content-banner{
        display: flex!important;
        justify-content: center;
        flex-direction: column;
    }


    .carousel-caption-maxxa-s-f{
        justify-content: flex-start;
    }

    .chile-compra-banner{
        margin-top:40px;
        max-width:150px
    }
}
/* ===== END BANNER ===== */

/* ===== CARDS ===== */

.card-maxxa{
    /*min-height:312px;*/
    width:337px;
    background:#fff;
    border-radius:16px;
    padding:32px;
    box-shadow: 0px 8px 16px rgba(6, 50, 107, 0.25);
    text-align:center
}

.card-maxxa-more-benefit{
    width:337px;
    background:#fff;
    border-radius:16px;
    padding:0 32px!important;
    box-shadow: none;
    text-align:left;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.card-maxxa-more-benefit>img{
    margin-bottom:32px;
    width:96px
}

.card-title.card-title-gtia{
    color:#06326B;
    font-size:24px;
    font-weight:700;
    text-align:left;
    margin-bottom:32px
}

.card-maxxa > .card-title,
.card-alianzas > .card-title{
    color:#06326B;
    font-size:24px;
    font-weight:700;
}

.card-maxxa > .card-text,
.card-alianzas > .card-text{
    color:#4E4F4F;
    font-size:18px;
    font-weight:400;
}

.card-maxxa:first-child>img{
    height: 73px;
    margin-bottom:32px
}

.card-maxxa:nth-child(2)>img{
    height: 87px;
    margin-bottom:20px
}

.card-maxxa:last-child>img{
    height: 75px;
    margin-bottom:32px
}

.card-alianzas > img{
    width: 100px;
    border-radius: 21px;
    margin-bottom: 16px;
}

.card-alianzas{
    background: #fff;
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0px 8px 16px rgba(6, 50, 107, 0.25);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 520px;
}

.alianza-logo-section{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.alianza-logo-section>.card-title{
    font-size:24px;
    font-weight:700;
    color:#06326B
}

.alianza-logo-section>img{
    width: 200px;
    margin-bottom:8px
}

.alianza-info-section{
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 16px;
}

.alianza-info-section>p{
    margin-bottom: 24px;
}

.benefits-home-content-sog{
    display: flex !important;
    flex-direction: row;
    align-items: center;
}

.card-maxxa-more-benefit-sog{
    padding: 0 32px!important
}

.card-maxxa-more-benefit-sog>.title-more-benefits{
    text-align:center
}

.card-maxxa-more-benefit-sog>.text-maxxa{
    text-align:center
}

.card-maxxa-more-benefit-sog{
    width: 432px
}

.divider-info-sog{
    width:1px;
    background:#d9d9d9;
    height:130px
}

.divider-info-qqmll{
    width:1px;
    background:#d9d9d9;
    height:70px
}

.benefits-home-content-qqmll{
    display: flex !important;
    flex-direction: row;

    margin-bottom:24px
}

@media screen and (max-width:991px){
    .card-maxxa-more-benefit{
        /*min-height:312px;*/
        width:337px;
        background:#fff;
        border-radius:16px;
        padding:32px 0;
        box-shadow: none;
        text-align:center
    }

    .title-more-benefits{
        text-align:center
    }

    .benefits-home-content-sog {
        display: flex !important;
        flex-direction: column;
        align-items: center;
        margin-bottom: 64px;
    }

    .benefits-home-content-qqmll {
        display: none!important
    }

    .card-maxxa-more-benefit-sog{
        width: 100%px
    }

    .divider-info-sog{
        width:100%;
        background:#d9d9d9;
        height:1px;
        margin: 16px 0
    }

    .divider-info-qqmll{
        width:100%;
        background:#d9d9d9;
        height:1px;
        margin: 16px 0
    }

    .card-maxxa-more-benefit-sog>.text-maxxa{
        margin-bottom:0;
        padding-bottom:0
    }
}
/* ===== END CARDS ===== */

/* ===== TESTIMONIAL ===== */
/* ===== END TESTIMONIAL ===== */


/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: thin;
    scrollbar-color: #2e73cd #ffffff;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }

  *::-webkit-scrollbar-track {
    background: #ffffff;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #2e73cd;
    border-radius: 10px;
    border: 2px solid #ffffff;
  }
/* ===== END Scrollbar CSS ===== */


/* ===== TESTIMONIALS ===== */
.gtco-testimonials {
  position: relative;
  margin-top: 30px;
}
.gtco-testimonials h2 {
  font-size: 30px;
  text-align: center;
  color: #333333;
  margin-bottom: 50px;
}
.gtco-testimonials .owl-stage-outer {
  padding: 30px 0;
}
.gtco-testimonials .owl-nav {
  display: none;
}
.gtco-testimonials .owl-dots {
  text-align: center;
}
.gtco-testimonials .owl-dots span {
  position: relative;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  display: block;
  background: #fff;
  border: 2px solid #01b0f8;
  margin: 0 5px;
}
.gtco-testimonials .owl-dots .active {
  box-shadow: none;
}
.gtco-testimonials .owl-dots .active span {
  background: #01b0f8;
  box-shadow: none;
  height: 12px;
  width: 12px;
  margin-bottom: -1px;
}
.gtco-testimonials .card {
  background: #fff;
  box-shadow: 0 8px 30px -7px #c9dff0;
  margin: 0 20px;
  padding: 0 10px;
  border-radius: 20px;
  border: 0;
}
.gtco-testimonials .card .card-img-top {
  max-width: 100px;
  border-radius: 50%;
  margin: 15px auto 0;
  box-shadow: 0 8px 20px -4px #95abbb;
  width: 100px;
  height: 100px;
}
.gtco-testimonials .card h5 {
  color: #01b0f8;
  font-size: 21px;
  line-height: 1.3;
}
.gtco-testimonials .card h5 span {
  font-size: 18px;
  color: #666666;
}
.gtco-testimonials .card p {
  font-size: 18px;
  color: #555;
  padding-bottom: 15px;
}
.gtco-testimonials .active {
  opacity: 0.5;
  transition: all 0.3s;
}
.gtco-testimonials .center {
  opacity: 1;
}
.gtco-testimonials .center h5 {
  font-size: 24px;
}
.gtco-testimonials .center h5 span {
  font-size: 20px;
}
.gtco-testimonials .center .card-img-top {
  max-width: 100%;
  height: 120px;
  width: 120px;
}

@media (max-width: 767px) {
  .gtco-testimonials {
    margin-top: 20px;
  }
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
  outline: 0;
}
.owl-carousel button.owl-dot {
  outline: 0;
}

.name-testimonial{
    font-weight: 700;
    font-size: 16px !important;
    margin-bottom:0 !important;
    padding-bottom:0 !important;
    text-align:left
}

.company-testimonial{
    font-weight: 700;
    font-size: 16px !important;
    color:#4E4F4F;
    margin-bottom:0 !important;
    padding-bottom:0 !important;
    text-align:left
}

.company-testimonial>a{
    color:#2E73CD
    font-weight: 700;
    font-size: 16px !important;
}

.second-coment{
    font-weight: 400;
    font-size: 16px !important;
    color: #4E4F4F;
    margin-bottom:0 !important;
    padding-bottom:0 !important;
    text-align:left
}

.card-text-testimonial{
    color:#06326B!important;
    font-size:22px!important;
    font-weight:700!important;
    padding-bottom:0!important;
    margin-bottom:16px!important;
    text-align:left
}

.testimonial-img{
    max-width: 100%;
    height: 140px;
    width: 140px;
    position: absolute;
    top: -40px;
    left: 32%;
    background-color: #fff;
}

.card-testimonial{
    background: #fff;
    box-shadow: 0 8px 30px -7px #c9dff0;
    margin: 0 20px;
    padding: 0 10px;
    border-radius: 20px;
    border: 0;
    padding-top: 100px!important;
    min-height: 400px;
}

.card-body-testimonial{
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

.owl-dots {
    display:inherit!important
}

.gtco-testimonials .owl-dots .active span {
    background: #FF5100;
    box-shadow: none;
    height: 16px;
    width: 16px;
    margin-bottom: 32px;
}
.gtco-testimonials .owl-dots span {
    position: relative;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    display: block;
    background: #D9D9D9;
    border: 0px solid #01b0f8;
    margin: 0 16px 32px 16px;
}

@media (max-width: 991px) {
  .owl-carousel .owl-stage-outer {
    width:365px
  }

  .owl-item{
    width: 357px !important
  }

  .owl-stage{
    width:5000px!important
  }

}

@media (max-width: 500px) {
  .owl-stage-outer{
    padding:0 0 0 50px!important
  }

  .owl-item.active{
    padding-top: 29px!important;
    margin-bottom: 20px;
  }

}


/* ===== END TESTIMONIAL ===== */

/* ===== RANGE SLIDER ===== */

.range-slider-content{
    max-width:800px;
    margin:auto
}

.range-slider-content>input{
    margin:24px auto
}
.irs--flat .irs-bar {
    top: 25px !important;
    height: 8px !important;
    background-color: #99BDDB !important;
}
.irs--flat .irs-bar--single {
    border-radius: 8px !important;
}

.irs--flat .irs-line {
    top: 25px;
    height: 8px!important;
    background-color: #D9D9D9!important;
    border-radius: 4px;
}

.irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single {
    display:none!important
}
.irs--flat .irs-handle {
    top: 20px!important;
    width: 0px!important;
}

.irs--flat .irs-handle>i:first-child {
    width: 16px!important;
    height: 16px!important;
    border-radius: 0 50% 50% 50%!important;
    transform: rotate(45deg)!important;
    position: absolute!important;
    display: block!important;
    top: 4px!important;
    left: 48%!important;
    margin-left: -1px!important;
    background-color: #1271EC!important;

}

.irs--flat .irs-min, .irs--flat .irs-max {
    display: none;
}
.irs-grid-text {
    position: absolute;
    bottom: 49px!important;
    left: 0;
    white-space: nowrap;
    text-align: center;
    font-size: 16px!important;
    line-height: 9px;
    padding: 0 3px;
    font-weight: 700!important;
    color: #9F9F9F !important;
    letter-spacing: -0.01em!important;
    font-family: 'Montserrat', sans-serif!important;
}

.irs-grid-pol {
    display: none !important;
}

.range-number-selected{
    font-weight: 700;
    font-size: 32px;
    color: #06326B;
}



/* ===== END RANGE SLIDER ===== */


/* ===== PLANS ===== */

.plans-section>.text-maxxa{
    font-size:24px
}

.content-free-plans{
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom:64px
}

/* .content-free-plans :first-child{
    margin-right:24px
} */

.content-pay-plans{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
}

.content-pay-plans--divider{
    height:1px;
    background:#E6E6E6;
    width:100%;
    margin-bottom:24px
}

.new-content-pay-plans{

}

.center-plan{
    margin:0 24px
}

.card-plan{
    width:365px;
    display: flex;
    flex-direction: column;
    border-radius:24px;
    border: 2px solid #F5F6FA;
    padding: 16px 24px;
}

.card-plan>h4{
    color:#06326B;
    font-weight: 700;
    font-size: 24px;
    text-align:center;
    margin-bottom:0px
}

.card-plan>h5{
    color:#4E4F4F;
    font-weight: 700;
    font-size: 24px;
    text-align:center;
    margin-bottom:24px
}

.card-plan>div>h5>small{
    font-size:16px;
    display:inline-block
}

.card-plan>div>h4{
    color:#4E4F4F;
    font-weight: 700;
    font-size: 24px;
    text-align:center;
    margin:0;
    text-decoration:none
}

.card-plan>div>h4>a{
    color:#4E4F4F;
    font-weight: 700;
    font-size: 24px;
    text-align:center;
    margin:0;
    text-decoration:none
}

.card-plan>div>h5{
    color:#9E9F9F;
    font-weight: 700;
    font-size: 24px;
    text-align:center;
    margin-bottom:0px;
    margin-top:0
}

.card-plan>p{
    color: #4E4F4F;
    font-weight: 400;
    font-size: 24px;
}

.card-plan>.button-content-plan{
    display: flex;
    flex-direction: column;
    align-items: stretch;
    margin-bottom:24px
}

.card-plan>.button-content-plan>a{
    text-align: center;
    margin-bottom:8px;
    width:100%
}

.card-plan-title{
    margin-bottom:16px
}


.content-free-plans-step2{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    margin-bottom:32px
}

.card-plan-base-0{
    padding: 32px;
    width: 337px;
    min-height: 303px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    box-shadow: 0px 8px 16px rgba(6, 50, 107, 0.25);
    border-radius: 32px;
}

.card-plan-base-0>h4{
    color: #06326B;
    font-weight: 700;
    font-size: 24px;
    margin-bottom:0;
    text-align:center
}

.card-plan-base-0>h3{
    color: #4E4F4F;
    font-weight: 700;
    font-size: 24px;
    text-align:center
}

.card-plan-base-0>a{
    width:100%;
    text-align:center;
}

.card-plan-base-0>p{
    margin-bottom:32px
}

.gray-dark{
    background: #9F9F9F;
}

.card-plan-base-summary{
    height: 180px !important;
    min-width: 337px !important;
    /* display: block !important; */
    min-height: 0 !important;
}

/*normal card*/
.active-plan{
}

.card-plan>.plan-items{
    display:none
}

.card-plan>.addons-content{
    display:none
}

.card-plan>.button-content-plan>#remove-gestión-sii{
    display:none
}

.card-plan>.button-content-plan>#remove-plan-gp{
    display:none
}

.card-plan>.button-content-plan>#remove-plan-cv{
    display:none
}

.card-plan:not(.active-plan){
    height:418px
}

/*end normal card*/

/*active card*/
.card-plan.active-plan{
}

.card-plan.active-plan>.plan-info{
    display:none!important
}

.card-plan.active-plan>.plan-items{
    display:revert
}

.card-plan.active-plan>.addons-content{
    display: flex;
    flex-direction: column;
}
/*active card*/

.addons-content{
    display: flex;
    flex-direction: column;
}

.addons-content>h4{
    color:#9F9F9F !important;
    font-weight: 500 !important;
    font-size: 20px !important;
    text-align:center !important;
    margin:24px 0 0 0 !important
}

.addons-content>h5{
    color:#000!important;
    font-weight: 700!important;
    font-size: 18px!important;
    text-align:center!important;
    margin-top:24px!important;
    margin-bottom:0!important
}

.dual-addon-price{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.addon-price{
    color: #4E4F4F;
    font-weight: 700;
    font-size: 24px;
    text-align:center
}

.addon-price>small{
    font-size:16px;
    display:inline-block;
    line-height: 0.5;
}

.plan-items{
    margin-bottom:24px;
    height:184px
}

.plan-items>p{
    font-size: 16px;
    color: #4E4F4F;
    font-weight: 500;
    margin-bottom:10px
}


.list-plan-base>p{
    font-weight: 500;
    font-size: 16px;
    color: #4E4F4F;
}

.list-plan-base > div > p{
    font-weight: 500;
    font-size: 16px;
    color: #4E4F4F;
}

.included-plan{
    background: linear-gradient(180deg, #FFFFFF 0%, #FDD0A0 100%);
}

.base-plan{
    border-radius: 24px;
    background: var(--Blanco, #FFF);
    padding:16px 24px
}

.base-plan>h3{
    color:#1AB37C;
    margin-top:0
}

.base-plan>div>h4{
    color:#1AB37C;
    margin-top:0;
    text-decoration: none;
    font-size:24px
}

.base-plan>div>h4>a{
    color:#1AB37C;
}

.base-plan>div>h5{
    color:#4F4F4F;
    margin-top:0;
    font-size: 16px;
    font-weight:500
}

.sii_gestion{
    background: linear-gradient(180deg, #FFFFFF 0%, #FEDFD1 100%);
}

.gestión-sii{
    padding-top:42px;
    padding-bottom:24px
    min-height:700px
}

.sell-bought-plan{
    padding:0;
    border-color:#06326B;
    min-height:750px
}

.sell-bought-plan>.card-plan-title>h4>a{
    color:#FF5100
}

.sell-bought-plan>.card-plan-title>h5{
    font-size:20px;
    color:#4F4F4F
}

.sell-bought-plan>.card-plan-title,
.sell-bought-plan>.content-pay-plans--divider,
.sell-bought-plan>.plan-complements-content{
    padding:0 24px;
}

.card-plan--recommended{
    text-align:center;
    color:#fff;
    background:#06326B;
    padding:8px 0;
    margin-bottom: 32px;
    border-radius: 20px 20px 0 0;
}

.card-plan--recommended>p{
    margin:0;
    font-size:14px
}

.fin-gestion-plan{
    padding-top:42px;
    padding-bottom:24px;
    min-height:700px
}

.fin-gestion-plan>.card-plan-title>h4>a{
    color:#06326B
}

.fin-gestion-plan>.card-plan-title>h5{
    font-size:20px;
    color:#4F4F4F
}

.sticky-price{
    text-align:center;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding:16px;
    width: 317px;
    background: #FFFFFF;
    border-radius: 24px;
    z-index:9;
    position: fixed;
    bottom: 1em;
    right: 1em;
    border: 2px solid #F5F6FA;
}

.sticky-price>.price-content{
    margin-bottom: 16px;
    align-items: center;
}

.sticky-price>.price-content.toggled{
    margin-bottom: 8px;
}

.sticky-price>.price-content>div>h3,
.sticky-price>.price-content>div>div>h3{
    color: #06326B;
    font-weight: 700;
    font-size: 16px;
    margin-bottom:14px
}

.sticky-price>.price-content>h4{
    color: #4F4F4F;
    font-weight: 500;
    font-size: 16px;
    margin:0 8px 0 0;
    display:inline-block
}

.sticky-price>.price-content>h4>span, .sticky-price>.price-content>h4>small{
    color:#06326B;
    font-weight:700
}

.sticky-price>.price-content>h4>small{
    font-size:10px
}

.plan-selected-content{
    text-align: left;
    color:#06326B;
    font-weight: 500;
    font-size: 16px;
    margin-bottom:16px
}

.plan-selected-content>p{
    margin-bottom:6px
}

.plan-selected-content>p>img{
    height:20px;
    width:10px
}

.addon-selected{
    text-align: left;
    color:#4E4F4F;
    font-weight: 500;
    font-size: 16px;
    margin-left:16px
}

.sticky-price>button{
}

.arrow-sfp{
    width:13px
}

.active-plan>.plan-items>p>.arrow-sfp{

}

.active-plan>.plan-items>p>.check-sfp{
    display:none
}

.active-plan.selected-plan>.plan-items>p>.arrow-sfp{
    display:none
}

.active-plan.selected-plan>.plan-items>p>.check-sfp{
    display:revert
}

.addon-title>.check-sfp{
    display:none
}

.addon-title.green-maxxa>.check-sfp{
    display:revert
}

.check-sfp-list{
    width:10px!important
}

.price-chev{
    display:inline-block
}

    .rotate-180 {
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg);
    }

@media screen and (max-width:991px){
    .content-free-plans{
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-bottom: 64px;
    }

    .content-pay-plans {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-bottom: 64px;
    }

    .card-plan{
        width:100%;
        height:100%
    }

    .content-free-plans :first-child {
        margin-right: 0px;
        margin-bottom: 24px;
    }

    .center-plan {
        margin:24px 0;
    }

    .content-free-plans-step2 {
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        margin-bottom: 64px;
        align-items: center;
    }

    .content-free-plans-step2>.card-plan-base-0 {
        margin-bottom:32px
    }

    .sticky-price {
        text-align: center;
        display: flex;
        flex-direction: column;
        padding: 16px;
        width: 317px;
        background: #FFFFFF;
        box-shadow: 0px 8px 16px rgb(6 50 107 / 25%);
        border-radius: 24px 24px 0 0;
        position: fixed;
        bottom: 0;
        right: 0;
        width: 92%;
        margin: 0 16px;
        border:2px solid #F5F6FA;
    }

    .plan-selected-content{
        display:none
    }

    .price-content{
        display: flex;
        justify-content: space-between;
        margin-bottom: 16px;
    }

    .price-content{
        display: flex;
        justify-content: space-between;
    }

    .sticky-price>.price-content>div>h3{
        color: #06326B;
        font-weight: 700;
        font-size: 24px;
        margin:0px
    }

    .sticky-price>.price-content>h4{
        color: #4F4F4F;
        font-weight: 500;
        font-size: 16px;
        margin:0 8px 0 0;

    }

    .sticky-price>.price-content>div{
        display: flex;
        align-items: center;
    }

    .sticky-price>.price-content>.only-m{
        transition: transform .2s ease;
    }

    .plan-selected-content{
        margin-top: 16px
    }

    .dual-addon-price {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }

    .base-plan{
        margin-bottom: 24px;
    }
}

.monthly-cost > .title,
.list-plan-base > .title{
    font-size: 24px;
    color: #9F9F9F
}

.monthly-cost > .cost{
    font-size: 32px;
    color: #06326B;
}

.new-container-plans{
    background-color: #fff;
    border: 4px solid #F0F0F0;
    border-radius: 32px;
    padding: 24px 32px;
    display:flex;
    flex-direction:column;
    justify-content: space-between;
    width: 400px;
}

.header-new-container-plans{
    color: #06326B;
}

.header-new-container-plans > h3{
    font-size: 32px;
}

.header-new-container-plans > h4{
    font-size: 24px;
}

.new-container-plans .bajada-new-container-plans > p:first-child{
    font-size: 18px;
    color: #4E4F4F;
}

.new-container-plans .bajada-new-container-plans > p:last-child{
    font-size: 18px;
    color: #4E4F4F;
}

.plans-content{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

@media screen and (max-width:991px){
    .plans-content{
        flex-direction: column;
    }

    .new-container-plans{
        width: 100%;
    }

    .new-container-plans>.new-container-plans--button{
        margin: 24px 0 0 0 !important
    }
}

/*new styles - may/2023*/
.horizontal-plan-divider{
    width:1px;
    background:#D9D9D9;
    margin: 0 24px
}

.plan-muted-text>p{
    font-weight: 700;
    font-size: 11px;
    color: #9F9F9F;
    font-weight: 500;
}

.plan-muted-text>p>b{
    font-weight: 700;
}

.plan-complements{
    margin: 0 0 32px 0
}

.plan-complements-h-s{
    height: 508px;
}

.plan-complements-h-cv{
    height:330px
}

.plan-complements--info{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin-bottom:16px
}

.plan-complements--info>img{
    width: 18px;
    margin-right: 8px;
    margin-top:3px
}

.plan-complements--info>div>p{
    margin:0;
    color:#4F4F4F;
    font-weight:400
}



.extra-complements{
    margin-top:40px
}

.extra-complements>p{
    text-transform: uppercase;
    color:#B08A00;
    font-size: 16px;
    font-weight: 500;
}

.form-check--maxxa{

}

.form-check--maxxa>.form-check-input--maxxa{
    background-image: none;
    border-width: 0;
    border-radius: 50px;
    width: 88px;
    height: 40px;
    background-color: #F6F6F6;
    margin-top: 0.3em;
    margin-right: 8px;
    border: 2px solid #9F9F9F;
    margin: 0 0 8px 0;
}

.form-check--maxxa>.form-check-input--maxxa:after{
    content: "";
    position: absolute;
    border: none;
    z-index: 2;
    border-radius: 50%;
    width: 31px;
    height: 32px;
    background-color: #9F9F9F;
    margin-top: -0.1875rem;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .07), 0 2px 2px 0 rgba(0, 0, 0, .04);
    transition: background-color .2s, transform .2s;
    margin: 2px;
}

.form-check--maxxa>.form-check-input:checked, .form-check--maxxa>.form-check-input:checked:focus{
    background-image: none;
    background-color: #CEF4E6;
}

.form-check-input--maxxa[type=checkbox]:checked{
    background-color: #CEF4E6;
}

.form-check--maxxa>.form-check-input:checked[type=checkbox]:after {
    content: "";
    position: absolute;
    border: none;
    z-index: 2;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    background-color: #1AB37C;
    margin-top: 2px;
    margin-left: 51px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    transition: background-color .2s, transform .2s;
}

.form-check--maxxa>.form-check-input:checked:focus:before {
    margin-left: 1.0625rem;
    box-shadow: none;
    transform: scale(1);
    transition: box-shadow .2s, transform .2s;
}

.form-check-input--maxxa:checked:focus {
    border-color: #9F9F9F;
}

.form-check--maxxa>.form-check-input:focus:after {
    border-radius: 50%;
    width: 32px;
    height: 32px;
    background: #9F9F9F;
}

.form-check--maxxa>.form-check-input:focus:before {
    box-shadow: none;
    transform: scale(1);
    transition: box-shadow .2s, transform .2s;
}

.form-check-label--maxxa{
    font-weight: 600;
    font-size: 14px;
    color: #9F9F9F;
}

.form-check--maxxa{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 56px 0 0 0;

}

.radio-content-plan{
    margin-bottom: 24px;
}

.accordion-item--complement-maxxa{
    border:0;
    margin-bottom:24px
}

.accordion-button--complement-maxxa{
    padding:0;
    box-shadow: none!important;
}

.accordion-button--complement-maxxa:after{
    background-image:url(../img/svg/acord-complement-plus.svg);
}

.accordion-button--complement-maxxa:not(.collapsed):after {
    background-image:url(../img/svg/acord-complement-less.svg);
    transform: none;
}

.accordion-button--complement-maxxa:after {
    background-size: 14px;
}

.accordion-button-title{
    font-weight: 500;
    font-size: 16px;
    color: #4E4F4F;
}

.accordion-button--complement-maxxa:not(.collapsed)>.accordion-button-title{
    color: #FF5100
}

.accordion-button--complement-maxxa>.accordion-button-title>div>img{
    width:16px;
    margin: 3px 2px 0 0;
}

.accordion-button-title>div{
    display: flex;
    flex-direction: row;
        max-width: 320px;
    align-items: flex-start;
}

.accordion-button-title>p{
    margin:0 0 0 16px;
    font-weight: 500;
    font-size: 12px;
    color: #4E4F4F;
}

.accordion-body--complement-maxxa{
    padding:0 0 0 14px;
    color:#9F9F9F;
    font-weight: 600;
    font-size: 12px;
}

.selected-plan>.plan-complements-content>.plan-complements>.accordion>.accordion-item--complement-maxxa>.accordion-header--complement-maxxa>.accordion-button--complement-maxxa>.accordion-button-title>div{
    /*color:#1AB37C*/
}

.special-prize{
    margin-left:14px
}

.special-prize>p{
    color: #FFC800;
    font-weight: 700;
    font-size: 14px;
}

.alert-sg{
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.first-alert-sg{
    font-weight: 600;
    font-size: 14px;
    color: #B08A00;
}

.second-alert-sg{
    font-weight: 600;
}

.not-selected-plan-in-summary>.card-plan-title{
    opacity:0.3
}

.not-selected-plan-in-summary>.plan-complements-content>.plan-complements{
    opacity:0.3
}

/*plan selected*/

.selected-plan>.card-plan-title{
    opacity:1
}

.selected-plan>.plan-complements-content>.plan-complements{
    opacity:1
}

.selected-svg{
    display:none
}

.active-plan.card-plan.selected-plan>.plan-complements-content>.plan-complements>.accordion>.accordion-item>.accordion-header>.accordion-button>.accordion-button-title>div>.selected-svg{
    display:block
}

.not-select-svg{
    display:block
}

.active-plan.card-plan.selected-plan>.plan-complements-content>.plan-complements>.accordion>.accordion-item>.accordion-header>.accordion-button>.accordion-button-title>div>.not-select-svg{
    display:none
}

.selected-plan>.card-plan-title>h4{
    color:#06326B
}

.selected-plan>.card-plan-title>h4>a{
    color:#06326B
}

.card-plan.selected-plan>.button-content-plan>#remove-gestión-sii{
    display: revert;
}

.card-plan.selected-plan>.button-content-plan>#remove-plan-gp{
    display: revert;
}

.card-plan.selected-plan>.button-content-plan>#remove-plan-cv{
    display: revert;
}
/*plan selected*/

.summary-complement-value{
    font-size: 20px!important;
    margin-left: 100px!important;
}

.summary-complement-value.special{
    margin-left:0!important
}

.iva-value{
    font-size:14px
}

.promo-plan{
    color: #9F9F9F;
    text-decoration: line-through;
    font-weight: 700;
}

@media screen and (max-width:991px){
    .horizontal-plan-divider{
        height: 1px;
        background: #D9D9D9;
        margin: 24px 0;
        width: 100%;
    }

    .card-plan.active-plan{
        min-height:100%!important
    }

    .first-alert-sg {
        font-weight: 600;
        font-size: 14px;
        color: #B08A00;
        text-align: center;
    }

    .alert-sg {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .plan-complements-h-cv{
        height:100%
    }
}

.promo-price{
    color: #9F9F9F;
    text-decoration:line-through;
}

.selected-plan-title>.card-plan-title>h4>a{
    color: #1AB37C;
}
/*arrows in sf-plan*/
.active-plan.card-plan:not(.selected-plan-title)>.card-plan-title>h4>a>.grey-arrow-title{
    display: inline-block
}

.active-plan.card-plan:not(.selected-plan-title)>.card-plan-title>h4>a>.green-arrow-title{
    display: none
}

.active-plan.card-plan.selected-plan-title>.card-plan-title>h4>a>.grey-arrow-title{
    display: none
}

.active-plan.card-plan.selected-plan-title>.card-plan-title>h4>a>.green-arrow-title{
    display: inline-block
}
/*arrows in sf-plan*/

/*arrows in sf-plan-summary*/
.active-plan.card-plan.not-selected-plan-in-summary:not(.selected-plan)>.card-plan-title>h4>a>.grey-arrow-title-s{
    display: inline-block
}

.active-plan.card-plan.not-selected-plan-in-summary:not(.selected-plan)>.card-plan-title>h4>a>.green-arrow-title-s{
    display: none
}

.active-plan.card-plan.not-selected-plan-in-summary.selected-plan>.card-plan-title>h4>a>.grey-arrow-title-s{
    display: none
}

.active-plan.card-plan.not-selected-plan-in-summary.selected-plan>.card-plan-title>h4>a>.green-arrow-title-s{
    display: inline-block
}
/*arrows in sf-plan-summary*/

/*new styles - may/2023*/

/* ===== END PLANS ===== */

/* ===== TAB PANEL ===== */
.tab-content-maxxa{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.tab-content-maxxa>a{
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #969798;
}

.tab-content-maxxa>a>div{
    padding:16px
}

.w3-light-grey, .w3-hover-light-grey:hover, .w3-light-gray, .w3-hover-light-gray:hover {
    color: #06326B!important;
    font-weight: 500;
    background-color: #f1f1f1!important;
    border-radius:8px 8px 0 0
}

.tab-border-maxxa{
    border-bottom: 1px solid #337AB7;
}

.tab-border-maxxa-active{
    border-bottom: 6px solid #337AB7;
    color: #06326B;
    font-weight: 500;

}

.tab-container-maxxa{
    padding-top:48px;
    text-align:center
}

.tab-container-maxxa>p{
    color:#4E4F4F;
    font-size: 18px;
    font-weight: 700;
    padding:10px 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.tab-container-maxxa>p>img{
    padding:0 8px 0 0;
}

@media screen and (max-width:991px){
    .tab-content-maxxa {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
}
/* ===== END TAB PANEL ===== */

/* ===== FAQS ===== */
.faq-content--father{
    display: flex;
    justify-content: space-between;
}

.accordion-faq{
    background-color: #fff;
    border-top: 2px solid #D9D9D9;
    padding: 24px 16px;
    width: 100%;
    margin-bottom:3px
}

.accordion-faq--last{
    border-bottom: 2px solid #D9D9D9;
}

.accordion-faq a{
    color: #4F4F4F;
}

.accordion-faq h5{
    width: 97%;
    margin: 0;
}

.accordion-faq .icon-accordion-faq{
    float: right !important;
}

.faq-content{
    color: #4e4f4f;
    text-align: left;
}

.faq-content p{
    margin-bottom: 0;
}

.faq-content>div>a>{
    align-items: center;
}

.faq-content>div>a>h5{
    font-size: 16px;
    font-weight:600
}

.faq-content--father>.faq-content>.accordion-faq>a{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.faq-content--father>.faq-content>.accordion-faq>a>h5{
    text-align:left
}

.faq-content--father>.faq-content{
    min-width:520px;
    max-width:520px
}

.faq-title{
    font-size:32px;
    color:#06326B;
    font-weight:600;
    margin-bottom:64px
}

@media screen and (max-width:991px){
    .faq-content--father{
        flex-direction: column;
        min-width: 100%;
        max-width: 100%;
    }

    .faq-content--father>.faq-content{
        min-width: 100%;
        max-width: 100%;
    }
}
/* ===== END FOOTER ===== */

/* ===== FOOTER ===== */
.footer{
    background-color: #06326B;
    color: #ffffff;
    padding: 32px 24px;
}

.footer-menu-direccion p{
    font-size: 16px;
    line-height: 130%;
    /* letter-spacing: 0.32px; */
    margin-bottom: 16px;
}

.row-footer p{
    font-size: 15px;
    /* letter-spacing: 0.32px; */
}

.footer-link{
    text-decoration: none;
    color: #ffffff;
    font-size: 16px;
    cursor: pointer;
    line-height: 100%;
}

.footer-link:hover{
    color: #FF9015;
}

.footer-link-title,
.footer-title{
    text-decoration: none;
    color: #ffffff;
    font-size: 16px;
    cursor: pointer;
    line-height: 100%;
}

.footer-link-title:hover,
.footer-title:hover{
    color: #FF9015;
}

.footer-link-title:hover,
.footer-title:hover{
    color: #FF9015;
}

.qqmll>a{
    color: #FF9015;
}

.qqmll:hover{
    color: #fff;
}


.logo-maxxa-footer{
    width: 158.03px;
    height: 27.62px;
}

.footer-menu-rrss h6{
    margin-bottom: 16px;
}

.footer-iconos-rrss{
    width: 208px;
}

.footer-divisor hr{
    height: 1px;
    color: #ffffff;
    opacity: 100%;
    margin: 0;
}

.mb-32{
    margin-bottom: 32px;
}

.mb-72{
    margin-bottom: 72px !important;
}

.footer-texto-cms p{
    font-size: 13px;
    line-height: 150%;
    font-weight: 300;
}



@media screen and (min-width: 992px) {
    .footer{
        padding: 64px 48px;
    }

    .footer-menu-direccion img{
        margin-bottom: 16px;
    }

    .footer-menu-direccion p{
        line-height: 150%;
        letter-spacing: 0.32px;
        margin-bottom: 4px;
    }

    .footer-menu-home a:not(:last-child), .footer-menu-gestion a:not(:last-child),
    .footer-menu-cuenta-empresa a:not(:last-child), .footer-menu-credito a:not(:last-child),
    .footer-menu-garantias a:not(:last-child){
        margin-bottom: 16px;
    }

    .footer-menu-rrss h6{
        margin-bottom: 8px;
    }

    .footer-menu-home, .footer-menu-rrss,
    .footer-menu-gestion, .footer-menu-cuenta-empresa,
    .footer-menu-cuenta-empresa, .footer-menu-credito,
    .footer-menu-garantias{
        margin-bottom: 48px;
    }

}
/* ===== END FOOTER ===== */

label.error {
  color: #cc5965;
  display: inline-block;
  padding: .375rem .75rem;
  font-size: .85rem;
}
.form-control.error {
  border: 1px dotted #cc5965;
}

#banner-subtitle-costo0{
    line-height: 100%;
}

.no-title{
    margin-top: 0;
}


/* ===== Funcionalidades Software ===== */

.functions-text{
    color: #4e4f4f;
    font-size: 18px !important;
}
.addon-title-sii.green-maxxa{
    color:#1AB37C!important
}

.addon-title-sii-2.green-maxxa{
    color:#1AB37C!important
}

.addon-title-sell.green-maxxa{
    color:#1AB37C!important
}

.addon-title-sell-2.green-maxxa{
    color:#1AB37C!important
}

.addon-title-fin-gest.green-maxxa{
    color:#1AB37C!important
}

.addon-title-fin-gest-2.green-maxxa{
    color:#1AB37C!important
}

.green-maxxa{
    color:#1AB37C!important
}

.fs-13{
    font-size: 13px !important;
}

/*LP ERPYME*/
.menu-lp-erpyme{
    padding:16px 0;
    display: flex;
    justify-content: center;
    background#fff
}
.logo-lp-erpyme{
    height:64px
}
.footer-erpyme{
    background:#06326B;
    padding: 16px 0;
    display: flex;
    justify-content: center;
}

.divider-erpyme{
    height:7px;
    border-radius:50px;
    background: linear-gradient(270deg, #FF8038 0%, #FF5100 100%);
    width:30%;
    margin:auto
}

.banner-title-erpyme{
    font-weight: 700;
    font-size: 47px;
    color: #FFFFFF;
    text-align:center;
    margin-bottom:24px
}

.banner-subtitle-erpyme{
    font-weight: 400;
    font-size: 47px;
    color: #FFFFFF;
    text-align:center;
    margin-bottom:24px
}

.banner-subtitle-erpymne-2{
    font-size: 18px;
    color: #FFFFFF;
    text-align:center;
    margin-bottom:44px
}

.carousel-caption-maxxa-erpyme{
    position: absolute;
    padding: 64px 113px 147px 64px;
    bottom:0
}

.info-erpyme {
    min-height: 294px;
    max-width: 447px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.vertical-divider{
    height: 290px;
    width:1px;
    background:#D9D9D9
}

.info-erpyme>div>h3{
    font-size:24px;
    text-align:left
}

.info-erpyme>div>{
    font-size:16px;
    text-align:left
}

.content-section-erpyme{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.bl-erpyme{
    border-left: 1px solid #D9D9D9;
}

@media screen and (max-width: 991px) {
    .content-section-erpyme {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-content: center;
    }

    .info-erpyme {
        min-height: 100%;
        max-width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .vertical-divider{
        height: 1px;
        width:100%;
        background:#D9D9D9;
        margin-bottom: 16px
    }

    .logo-lp-erpyme {
        height: 40px;
    }

    .carousel-caption-maxxa-erpyme{
        position: absolute;
        padding: 16px;
        top:0
    }

    .banner-title-erpyme {
        font-weight: 700;
        font-size: 32px;
        color: #FFFFFF;
        text-align: left;
        margin-bottom: 24px;
    }

    .banner-subtitle-erpyme {
        font-weight: 400;
        font-size: 24px;
        color: #FFFFFF;
        text-align: left;
        margin-bottom: 24px;
    }

    .banner-subtitle-erpymne-2 {
        font-size: 16px;
        color: #FFFFFF;
        text-align: left;
        margin-bottom: 44px;
    }
}

@media screen and (min-width: 992px) and (max-width:1280px) {
    .info-erpyme {
        min-height: 397px;
        min-width: 244px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 16px;
    }
}
/*LP ERPYME*/

.carousel-control-next-icon:after, .carousel-control-prev-icon:after {
    font-weight: 700;
    font-size: 2.7rem;
    visibility:hidden
}

/* BLOG */

.content-img-blog{
    width: 100%;
    max-height: 300px;
    background-color: #fff;
    display: flex;
    justify-content: center;
}

.img-post{
    max-height: 100%;
    max-width: 300px;
    border-radius: 25px!important;
}

.content-section-blog{
    padding: 32px 48px;
}

.blog-post-title-home{
    font-size: 20px;
    color: #06326B;
    width: 90%;
    transition: 0.2s color;
}

.blog-post-title-home:hover{
    color: #2E73CD
}

.post-tag > a {
    font-size: 12px;
    font-weight: 600;
    color: #FF9015;
}

.post-content img {
    max-width: 100%;
}

.post-summary-home{
    font-size: 13px;
    color: #4E4F4F;
}

.img-post-creator{
    border-radius: 50%;
    background-color: #D9D9D9;
    width: 32px;
    height: 32px;
}

.post-creator{
    gap: 8px;
}

.post-creator-ex{
    width:879px;
    justify-content: flex-start;
}

.post-creator h5{
    font-size: 12px;
    color: #9F9F9F;
    margin:0
}

.blog-post-body{
    padding: 40px 80px;
}

.post-header{
    padding: 0 248px;
}

.blog-post-title{
    font-size: 32px;
    color: #06326B;
}

.post-header p{
    text-align: center;
}

.content-img-post{
    padding: 0 96px;
    /* width: 100%; */
    /* height: 300px; */
    /* max-height: 400px; */
    /* background-color: black; */
}

.content-img-post img{
    max-width: 960px;
    /* max-height: 400px; */
}

.previous-post i,
.next-post i{
    color: #FF9015;
}

.horizontal-divider-blog{
    border-top: 1px solid #D9D9D9;
}

.copy-link{
    gap: 8px;
    padding: 10px 16px;
    border: 1px solid #D9D9D9;
    width: 144px;
    border-radius: 8px;
}

.copy-link a{
    color: #4E4F4F;
}

.rrss-icon img{
    width: 40px;
    padding: 5px;
}

.vertical-divider-blog{
    border-left: 1px solid #D9D9D9;
    height: 50px;
}

.post-content.container>h2 {
    font-size: 24px!important;
    font-weight: 500!important;
    color: #06326B!important;
    margin: 0 0 24px 0 !important;
    text-align: center!important;
}

.post-content.container>h2>span {
    color: #06326B!important;
    font-size: 24px!important;
}

.post-content.container>h1 {
    font-size: 24px!important;
    font-weight: 500!important;
    color: #06326B!important;
    margin: 0 0 24px 0 !important;
    text-align: center!important;
}

.post-content.container>h1>span {
    color: #06326B!important;
    font-size: 24px!important;
}

.post-content>p>a>span>span>img{
    border-radius: 32px!important;
    filter: drop-shadow(0px 8px 16px rgba(6, 50, 107, 0.25))!important;
    margin:32px 0 16px 0!important
}

.post-content>p>a>span>img{
    border-radius: 32px!important;
    filter: drop-shadow(0px 8px 16px rgba(6, 50, 107, 0.25))!important;
    margin:32px 0 16px 0!important
}

.post-content>p>a>img{
    border-radius: 32px!important;
    filter: drop-shadow(0px 8px 16px rgba(6, 50, 107, 0.25))!important;
    margin:32px 0 16px 0!important
}

.content-img-blog>img{
    border-radius: 32px!important;
}

.banner-maxxa-blog{
    height: 200px;
}

.banner-maxxa-blog>.carousel-inner {
    height: 200px;
}

.banner-maxxa-blog>.carousel-inner>.carrousel-item-maxxa{
    height: 200px;
}

.banner-maxxa-blog>.carousel-inner>.carrousel-item-maxxa>img{
    height: 200px;
}

.post-text-summary-home{
    display: flex;
    flex-direction: column;
    width: 330px;
    margin: auto;
}

.pagination-maxxa{
    justify-content: flex-start!important;
}

.content-pagination{
    width: 450px;
    margin: auto;
}

.post-summary-info-new{
    padding:16px 0;
    color:#4F4F4F;
    font-size:13px;
    font-weight:500;
    border-top: 2px solid #F5F6FA;
    border-bottom: 2px solid #F5F6FA;
    margin: auto;
    width:330px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.post-summary-info-new>p{
    margin:0
}
@media screen and (max-width: 992px){
    .content-pagination{
        width: 100%;
    }

    .img-post{
        width:100%
    }

    .post-text-summary-home{
        width: 100%;
    }

    .post-creator-ex{
        width:100%;
    }

    .content-section-blog, .blog-post-body{
        padding: 16px 16px !important;
    }

    .hero-blog{
        height: 339px;
    }

    .banner-maxxa-blog{
        height: 200px;
    }

    .hero-item-maxxa{
        height: 339px;
    }

    .hero-alianzas{
        height: 643px !important;
    }

    .post-header{
        padding: 0 !important;
    }

    .content-img-post{
        padding: 0;
    }
    .content-img-post img{
        max-width: 100%;
    }
}

.search-label-content>.search-blog{
    max-width: 60%;
    margin: 0 auto 8px auto
}

.ribbon-content{
    max-width:60%;
    margin:0 auto 32px auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
}

.ribbon--circle{
    height:6px;
    width: 6px;
    background: white;
    margin-right:8px;
    border-radius:50%;
    border: 1px solid #C7C7C7;
}

.ribbon-blog{
    padding:4px 10px 4px 8px;
    border-radius:50px;
    background:#C7C7C7;
    border: 1px solid #C7C7C7;
    color:#4E4F4F;
    font-size:10px;
    font-weight:600;
    display: flex;
    align-items: center;
    margin:0 8px 8px 0;
    cursor:pointer;
    white-space: nowrap;
}

.ribbon-blog:hover{
    background:#4E4F4F;
    border: 1px solid #C7C7C7;
    color:#C7C7C7!important;
}

.ribbon-blog:hover >form>button{
    background:#4E4F4F;
    color:#C7C7C7!important;
}

.ribbon-blog.active{
    background:#F0F0F0;
    border: 1px solid #C7C7C7;
    color:#4E4F4F;
}

.ribbon-blog.active:hover  >form>button{
    background:#F0F0F0;
    border: none;
    color:#4E4F4F;
}

.ribbon-blog>.ribbon-times{
    margin-left:8px;
    display:none
}

.ribbon-blog.active>.ribbon-times{
    margin-left:8px;
    display:revert
}

.ribbon-blog{
    color:#4E4F4F;
}

.ribbon-blog:hover{
    color:#C7C7C7;
}

.post-ribbon-blog{
    display: flex;
    margin-left: 30px;
    flex-direction: row;
    flex-wrap: wrap;
}

.post-ribbon-blog.in-post{
    max-width: 900px;
    margin: auto;
    padding:0!important
}

.button-tag{
    display: flex;
    align-items: center;
    background: transparent;
    border: none;
    height: 14px;
    margin-bottom: 16px;
}

@media screen and (max-width: 991px){
    .search-label-content>.search-blog{
        max-width: 100%;
        margin: 0 auto 8px auto
    }

    .ribbon-content{
        max-width:100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
    }

    .post-ribbon-blog{
        display: flex;
        margin-left: 0px;
        flex-direction: row;
        flex-wrap: wrap;
    }
}

@media screen and (min-width: 1540px) and (max-width:1760px){

    .post-ribbon-blog{
        margin-left: 65px;
    }
}

@media screen and (min-width: 1761px) and (max-width:1920px){

    .post-ribbon-blog{
        margin-left: 90px;
    }
}

/* END BLOG */

/* ABOUT US */
.about-us-white{
    color: #ffff;
}

.our-values{
    background-image: url(../img/about-us-values-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.card-maxxa-about-us > img{
    height: 75px !important;
}

/* END ABOUT US */

.owl-custom-credito-empresa{
    display: flex !important;
    flex-direction: row;
    justify-content: center;
}

.active-testimonial-credito-empresa .active{
    opacity: 1 !important;
}

.bg-white{
    background: #ffff !important;
    /* background-color: #ffff !important; */
}

/*SUMMARY PLAN SF*/
.banner-summary > .carousel-inner{
    height:291px
}

.banner-summary > .carousel-inner > .carrousel-item-maxxa{
    height:291px
}

.light-blue-maxxa{
    color:#2E73CD;
}

.light-grey-maxxa{
    color:#9F9F9F;
}

.strikethrough {
  text-decoration: line-through;
}

.promo-text{
    font-weight: 700;
    font-size: 14px!important;
    color: #D7A800;
    display: block!important;
    text-transform: uppercase;
}

.section-title-summary{
    margin-bottom:64px
}

.horizontal-divider-summar{
    height: 1px;
    background:#4E4F4F;
    width:100%;
    margin:24px 0
}

.vertical-divider-summary{
    width: 1px;
    background:#4E4F4F;
    height:100%
}

.new-content-plans-selected{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}

.new-content-plans-selected-one{
    justify-content: center;
}

.new-content-plans-selected>div>.full-content{
    display: flex;
    flex-direction: column;
    justify-content:flex-start;
    width:380px;
    align-items: center;
    height: 542px;
}

.new-content-plans-selected>.full-content>p{
    font-size:24px
}

.detail-plan-content{
    margin-bottom:24px
}

.detail-plan-content>p{
    font-weight: 500;
    font-size: 16px;
    color:#4E4F4F;
    margin-bottom:6px
}

.detail-plan-content>h3{
    font-weight: 700;
    font-size: 24px;
    color:#4E4F4F;
    margin:8px 0 0 0
}

.detail-plan-content>h3>span{
    font-weight: 700;
    font-size: 14px;
    color:#4E4F4F
}

.detail-addon-content>h3{
    color: #9F9F9F !important;
    font-weight: 500 !important;
    font-size: 20px !important;
    text-align: center !important;
    margin: 24px 0 16px 0 !important;
}

.addon-added-detail>p{
    font-weight: 700;
    font-size: 16px;
    color: #4E4F4F;
}

.addon-added-detail>h3{
    font-weight: 700;
    font-size: 24px;
    color: #000;
    margin:0 0 16px 0
}

.addon-added-detail>h3>span{
    font-weight: 700;
    font-size: 14px;
    color: #000;
}

.addon-added-detail{
    opacity:0.3
}

.addon-added-detail.addon-is-selected{
    opacity:1
}

.title-summary-plan{
    opacity:0.3
}

.title-summary-plan.plan-is-selected{
    opacity:1
}

.full-content>.plan-items {
    opacity:0.3
}

.plan-items.plan-is-selected{
    opacity:1
}

.final-price-plan{
    opacity:0.3
}

.final-price-plan.plan-is-selected{
    opacity:1
}

.full-content>.plan-items>p>.check-sfp{
    display:none
}

.full-content>.plan-items.plan-is-selected>p>.check-sfp{
    display:revert
}

.full-content>.plan-items>p>.arrow-sfp{
    display:inline-block
}

.full-content>.plan-items.plan-is-selected>p>.arrow-sfp{
    display:none
}

.addon-added-detail>p>.check-sfp{
    display:none
}

.addon-added-detail.addon-is-selected>p>.check-sfp{
    display:revert
}

.addon-added-detail.>p>.arrow-sfp{
    display:inline-block
}

.addon-added-detail.addon-is-selected>p>.arrow-sfp{
    display:none
}

.final-price-plan{
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    color: #9F9F9F;
    border-top:1px solid #D9D9D9;
    padding-top:8px;
    margin-bottom:0px
}

.final-price-plan>span{
    font-weight: 700;
    font-size: 14px;
    line-height: 29px;
    color: #9F9F9F;
}

.separator-plan-summary{
    height:542px;
    width:0.5px;
    background:#4E4F4F
}

.title-summary-plan{
    font-size: 24px;
    padding: 0 0 8px 0;
    margin-bottom:0
}

.sticky-price-summary{
    text-align:center;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding: 8px;
    width:100%;
    background: #FFFFFF;
    box-shadow: 4px 0px 4px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    position: fixed;
    bottom: 0em;
    right: 0em;
}

.sticky-price-summary-buttons{

}

.month-total-amount{
    text-align:center;
    margin-bottom:64px
}

.month-total-amount>h4{
    color:#4E4F4F;
    font-weight: 700;
    font-size: 24px;

    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.month-total-amount>h4>span{
    color:#000!important;
    font-weight: 700;
    font-size: 32px;
}

.last-step{
    color:#FF5100;
    text-align:center
}

.last-step>h4{
    font-weight: 500;
    font-size: 20px;
}

.last-step>.button-content{
    margin:24px 0 64px 0
}


@media screen and (max-width: 992px){
    .summry-elemente-plan{
        width:100%
    }

    .last-step>.button-content {
        margin: 24px 0 64px 0;
        display: flex;
        flex-direction: column-reverse;
    }

    .final-price-plan{
        padding-top:16px
    }

    .plan-items {
        margin-bottom: 8px;
        height: 100%;
    }
    .new-content-plans-selected {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
    }

    .separator-plan-summary{
        height:0.5px;
        width:100%;
        background:#4E4F4F;
        margin:40px 0
    }

    .new-content-plans-selected>div>.full-content {
        height: 100%;
        width:100%
    }

    .banner-summary{
        height:272px;
        margin-bottom:32px
    }

    .sticky-price-summary{
        text-align:center;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 8px;
        width:100%;
        background: #FFFFFF;
        box-shadow: 4px 0px 4px rgba(0, 0, 0, 0.25);
        border-radius: 4px;

        position: fixed;
        bottom: 0em;
        right: 0em;
        margin:0
    }

    .sticky-price-summary-buttons{
        display: flex;
        flex-direction: column-reverse;
        margin-top:16px

    }
}

button[disabled],
html input[disabled],
.primary-button[disabled],
.secondary-button[disabled] {
    cursor: default;
    opacity: 0.5;
    cursor: no-drop;
    background: #fff;
    color:#9F9F9F;
    border:1px solid #9F9F9F;
}

/*END SUMMARY PLAN SF*/

/* ===== MODAL LOAD ===== */
.load-content>h2{
	font-weight: 700;
	font-size: 20px;
	color: #06326B;
	margin-top:32px;
}

.load-content>p{
	font-weight: 400;
	font-size: 18px;
	color: #4E4F4F;

}

.loader{
	width: 128px;
	margin:auto;
	margin-top:32px;
	margin-bottom:32px;
}

.loader-path {
	fill: none;
	stroke: #FF5100;
	stroke-width: 3px;
	stroke-linecap: round;


	stroke-dasharray: 10, 10;

	animation: animate-stroke 1.5s ease-in-out infinite;
}

@keyframes rotate {
	100% {
		transform: rotate(360deg);
	}
}

.circular-loader {
	animation: rotate 2s linear infinite;
}

@keyframes animate-stroke {
	0% {
		stroke-dasharray: 1, 200;
		stroke-dashoffset: 0;
	}
	50% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -35;
	}
	100% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -124;
	}
}

.loader-path {
	animation: animate-stroke 1.5s ease-in-out infinite;
}

.load-content {
	padding: 24px;
}

@media (min-width: 576px){
	.modal-dialog-loader {
		max-width: 598px;
		margin: 1.75rem auto;
	}
}
/* ===== MODAL LOAD ===== */

/* ===== NO MODAL LOAD ===== */
#loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 1021; /* Asegura que el loader esté en la parte superior de todo */
}

.loader-content {
    text-align: center;
}

.loader-circle {
    border: 4px solid #fFFF;
    border-top: 4px solid #FF9015;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.loader--text{
    color:#fff;
    margin-top: 16px
}

.loader--text>p{
    color:#fff;
    margin:0;
    text-align:center;
    font-size:20px
}

.loader--text>h3{
    color:#fff;
    margin:0;
    text-align:center;
    font-size:32px
}

@media screen and (max-width:991px){
    .loader--text>p{
        color:#fff;
        margin:0;
        text-align:center;
        font-size:16px
    }

    .loader--text>h3{
        color:#fff;
        margin:0;
        text-align:center;
        font-size:24px
    }
}

/* ===== NO MODAL LOAD ===== */

/* ===== MODAL EXIT ===== */
.exit-modal-content--credit{
    padding: 24px;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
}

.exit-modal-content--credit--text-content{
    margin-right: 32px;
}

.exit-modal-content--credit--text-content>h1{
    font-size:24px;
    color:#06326B;
    font-weight:600;
}

.exit-modal-content--credit--text-content>h3{
    font-size:16px;
    color:#06326B;
    font-weight:600;
    margin:0;
    max-width:245px;
    width:245px;
}

.exit-modal-content--credit--text-content>h2{
    font-size:24px;
    color:#06326B;
    font-weight:600;
    margin:0 0 16px 0;
    max-width:240px;
    width:240px;
}

.exit-modal-content--credit--text-content>p{
    font-size:16px;
    color:#4E4F4F;
    margin:0;
    max-width:245px;
    width:245px;
}

.exit-modal-content--credit--button-content{
    display: flex;
    flex-direction: column;
}

.exit-modal-content--credit--button-content>button{
    margin-bottom:16px
}

.exit-modal-content--credit--button-content :last-child{
    margin-bottom:0px
}

.modal-dialog--no-exit{
    max-width: 640px;
}

.exit-modal-content{
    display: flex;
    flex-direction: row;
    align-items: center;
}

.exit-modal-content>div>a>img{
    width:337px
}

.exit-context{
    padding:0 16px;
    text-align:center;
    font-size:16px;
    color:#06326B;
    min-width: 300px;

    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.exit-context-mx{
    background-image: url(../img/modals/exit-modal-mx.png);
    background-size: contain;
    background-repeat: no-repeat;
    align-items: center;
    padding:48px
}

.exit-context-mx>div>img{
    height:16px;
    margin-bottom:10px
}

.exit-context-mx--img{
    display: flex;
    width: 100%;
    justify-content: flex-end;
}

.exit-context-mx--txt-content>h5{
    font-size:16px;
    font-weight: 600;
    color:white;
    margin-bottom:20px
}

.exit-context-mx--txt-content>h3{
    font-size:24px;
    font-weight: 700;
}

.modal-content-mx{
    max-width: 341px;
    max-height: 362px;
}

.modal-dialog-mx{
    display: flex;
    justify-content: center;
}

.exit-context-divider{
    height:4px;
    width:240px;
    border-radius:50px;
    background:#FF5100;
    margin:auto
}

.exit-context>p{
    margin-bottom:24px
}

.exit-context>.exit-context-divider{
    margin-bottom:24px
}

@media screen and (max-width: 991px){
    .exit-modal-content {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
    }

    .exit-modal-content>div>a>img {
        width: 100%;
        margin-bottom: 24px;
    }

    .exit-context {
        font-size: 20px;
    }

    .exit-modal-content--credit{
        flex-direction: column;
    }

    .exit-modal-content--credit--text-content{
        margin-right:0px
    }

    .exit-modal-content--credit--text-content>h3{
        max-width:312px;
        width:100%;
    }

    .exit-modal-content--credit--text-content>h2{
        max-width:312px;
        width:100%;
    }

    .exit-modal-content--credit--text-content>p{
        max-width:312px;
        width:100%;
        margin-bottom: 32px;
    }
}

/* ===== MODAL EXIT ===== */

/* ===== ALLIANCE SECTION ===== */
.alliances-pack-content{
    display: flex;
    justify-content: space-between;
    margin-bottom:40px
}

.alliances-element{
    border-radius: 16px;
    box-shadow:0px 8px 16px rgba(6, 50, 107, 0.25);
    padding:24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.alliance-img{
    margin-bottom:16px
}

.alliance-img>img{
    height:40px
}

.alliance-text{
    width:298px;
    margin-bottom:36px
}

.alliance-button{
    width:298px;
    height:34px;
    text-align:center;
    padding-top:7px
}

@media screen and (max-width:991px){
    .alliances-pack-content{
        flex-direction: column;
    }
}
/* ===== ALLIANCE SECTION ===== */

.accordion-button-blog:not(.collapsed):after{
    display:none
}


.modal--maxxa {
  display: none;
  position: fixed;
  z-index: 9999;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.4);
}


.modal--maxxa-content {
  background-color: #fefefe;
  padding: 32px;
  border-radius: 8px;
  position: absolute;
  bottom:0;
  width: 450px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}

.modal--maxxa-content--header{
    margin-bottom:32px
}

.modal--maxxa-content--header>p{
    font-size:16px;
    color:#06326B;
    text-align:center;
    font-weight: 600
}

.modal--maxxa-content--body{
    margin-bottom:32px
}

.modal--maxxa-content--body>p{
    font-size:16px;
    color:#06326B;
    text-align:center;
    font-weight: 600
}

.number-scale-content{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    margin-bottom:32px
}

.rank-select>input{
    display:none
}

.rank-select{
}

.rank-select-first{
    border-radius: 4px 0 0 4px
}

.rank-select-last{
    border-radius: 0 4px 4px 0
}

.rank-select>label{
    font-size: 20px;
    color: #FF5100;
    width: 31px;
    height: 31px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #FF5100;
}

.face-scale-content{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 310px;
    margin: 0 auto 32px auto;
}

input[type="radio"]:checked+label {
    color: #fff;
    background: #FF5100;
}

.modal--maxxa-content--footer{
    display: flex;
    justify-content: center;
}

.close--maxxa {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close--maxxa:hover,
.close--maxxa:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal--maxxa-content--body>div>textarea{
    width:100%;
    resize: none
}

.nps-textarea-content{
    width: 580px;
    margin: 0 auto
}

.nps-textarea-content>div>textarea{
    resize:none
}

.nps-button-content{
    display: flex;
    justify-content: center;
    margin-top:32px
}

#npsButton{
    display:none
}

@media screen and (max-width:991px){
    .nps-textarea-content{
        width: 100%
    }
    .nps-button-content {
        display: flex;
        justify-content: center;
        margin-top: 32px;
        flex-direction: column;
    }

    .modal--maxxa-content {
      width: 100%;
    }

    .modal--maxxa-content--footer {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .modal--maxxa-content{
        padding: 32px 32px 80px 32px;
    }
}



/* ===== NEW SG SCREENS ===== */
.sf-img-txt-content{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin:64px 0;
}

.sf-img-txt-content--txt--txt-content>div>h3{
    font-weight: 700;
    font-size: 28px;
    color: #06326B;
    max-width: 550px
}

.sf-img-txt-content--txt--txt-content>div>p{
    font-weight: 500;
    font-size: 18px;
    color: #4E4F4F;
    max-width: 550px
}

.txt--txt-content--first{
    margin-bottom:32px
}

.sf-img-txt-content-reverse{
    flex-direction: row-reverse;
}

.sf-img-txt-content-reverse>.sf-img-txt-content--img{
    margin-right:0;
    margin-left: 40px
}

.sf-img-txt-content-reverse>.sf-img-txt-content--txt>.sf-img-txt-content--txt--txt-content>.txt--txt-content--first>h3,
.sf-img-txt-content-reverse>.sf-img-txt-content--txt>.sf-img-txt-content--txt--txt-content>.txt--txt-content--second>h3{
    text-align: right
}

.sf-img-txt-content--img{
    width:550px;
    height:367px;
    border-radius:32px;
    margin-right:40px;
}

.img-fc{
    background:url(../img/content/sf/cobra-ordenadamente.webp);
    background-repeat:no-repeat;
    background-size:cover;
    background-position-x: center;
}

.img-ssii{
    background:url(../img/content/sf/controla-cuanto-dinero-entra.webp);
    background-repeat:no-repeat;
    background-size:cover;
    background-position-x: center;
}

.img-f29{
    background:url(../img/content/sf/cuentas-claras.webp);
    background-repeat:no-repeat;
    background-size:cover;
    background-position-x: center;
}

.img-nv{
    background:url(../img/content/sf/impuestos-presentados-y-al-dia.webp);
    background-repeat:no-repeat;
    background-size:cover;
    background-position-x: center;
}

.img-ev{
    background:url(../img/content/sf/precalcula-impuestos.webp);
    background-repeat:no-repeat;
    background-size:cover;
    background-position-x: center;
}

.img-ci{
    background:url(../img/content/sf/Informes-tributarios.webp);
    background-repeat:no-repeat;
    background-size:cover;
    background-position-x: center;
}

.img-cb{
    background:url(../img/content/sf/confianza-y-tranquilidad.webp);
    background-repeat:no-repeat;
    background-size:cover;
    background-position-x: center;
}

.img-lo{
    background:url(../img/content/sf/confianza-y-tranquilidad.webp);
    background-repeat:no-repeat;
    background-size:cover;
    background-position-x: center;
}


.addons-info-content>h3{
    color:#B08A00;
    font-weight: 400;
    font-size: 40px;
    text-align:center;
    margin-bottom:8px
}

.addons-info-content>div>p{
    color:#B08A00;
    font-weight: 600;
    font-size: 14px;
    text-align:center;
    margin-bottom: 32px;
    display:inline-block
}

.addons-info-content>div{
    text-align: center;
    margin: auto;
}

.addons-info-content--content{
    display:flex;
    justify-content: space-between;
    max-width: 1124px;
}

.addons-info-content--info{
    padding:32px;
    border-radius: 24px;
    max-width:500px;
    background:#fff
}

.addons-info-content--info>h3{
    font-weight: 600;
    font-size: 24px;
    color: #06326B;
    margin-bottom:0;
    margin-top:0;
    text-align:center
}

.addons-info-content--info>h3>small{
    font-size: 20px;
}

.addons-info-content--info>h4{
    font-weight: 600;
    font-size: 20px;
    color: #4E4F4F;
    margin:0;
    text-align:center
}

.addons-info-content--info>h4>small{
    font-size: 16px;
}

.addons-info-content--info>p{
    font-weight: 400;
    font-size: 14px;
    color: #4E4F4F;
    text-align: left;
}

.addons-info-content--info>div>h3{
    font-weight: 600;
    font-size: 24px;
    color: #06326B;
    margin-bottom:16;
    margin-top:0;
    text-align:center
}

.addons-info-content--info>div>h3>small{
    font-size: 20px;
}

.addons-info-content--info>div>h4{
    font-weight: 600;
    font-size: 20px;
    color: #4E4F4F;
    margin:0;
    text-align:center
}

.addons-info-content--info>div>p{
    font-weight: 400;
    font-size: 14px;
    color: #4E4F4F;
    text-align: left;
    max-width: 670px;
}

.addons-info-content--info.single{
    min-width:100%;
    margin-top:24px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border: 3px solid #F5F6FA;
    border-radius:25px
}

.addons-info-content--divider{
    width:260px;
    height:1px;
    background:#B5B5B5;
    margin:0 auto 16px auto
}

.hmp-step-content{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.hmp-step{
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width:450px
}

.hmp-step>h3{
    font-weight: 700;
    font-size: 24px;
    color: #06326B;
}

.hmp-step>p{
    font-weight: 500;
    font-size: 18px;
    color: #4E4F4F;
    text-align:center
}

.hmp-step>img{
    margin-bottom:32px
}

.hmp-step-1{
    margin-right:32px
}

.hmp-muted-text{
    font-weight: 500;
    font-size: 14px;
    color: #9F9F9F;
    text-align:center
}

.hmp-price-content{
    display: flex;
    justify-content: center;
}

.hmp-price-content>h4>p>.promo-plan,
.hmp-price-content>h4>p>b{
    font-size:40px
}

.hmp-price-content>h4>.special-prize>p{

}

@media screen and (max-width:991px){
    .sf-img-txt-content--img{
        width:100%;
        height:229px;
        margin-right:0px;
        margin-bottom:32px;
    }

    .sf-img-txt-content {
        flex-direction: column;
        margin-bottom:32px
    }

    .addons-info-content--content{
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .addons-info-content--info{
        width:100%;
        margin-bottom: 26px;
    }

    .sf-img-txt-content-reverse>.sf-img-txt-content--img{
        margin-right: 0;
        margin-left: 0
    }

    .sf-img-txt-content-reverse>.sf-img-txt-content--txt>.sf-img-txt-content--txt--txt-content>.txt--txt-content--first>h3,
    .sf-img-txt-content-reverse>.sf-img-txt-content--txt>.sf-img-txt-content--txt--txt-content>.txt--txt-content--second>h3{
        text-align: left
    }

    .hmp-step-content{
        flex-direction: column;
    }

    .hmp-step-1{
        margin-right:0;
        margin-bottom:32px
    }

    .addons-info-content--info.single{
            flex-direction: column;
    }
}

/* ===== NEW SG SCREENS ===== */

/* ===== STICKYE NAV MENU ===== */
.label-select{
    color: #2E73CD;
    font-weight: 400;
    font-size: 14px;
    background: #fff;
    padding: 1px 4px;
    z-index:9999;
    position: relative;
    top: 10px;
    right: -8px;
}

.select-menu-content{
    padding: 0 16px 16px 16px;
    background: #fff;
}

.select-menu {
    width: 100%;
    padding: 16px;
    font-size: 16px;
    color: #06326B;
    text-align: left;
    border: 1px solid #9F9F9F;
    border-radius: 4px;
    font-weight: 400!important;
}

.content-section-menu-sticky{
    padding: 16px 230px;
}

.sticky-landing-menu {
  position: sticky;
  top: 95px;
  background: #fff;
  z-index:999
}

.content-menu{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    background-color:#fff;
    align-self: flex-start;
    align-items: center;
}

.content-menu>p{
    font-size: 16px;
    margin:0;
    color:#4E4F4F;
}

.content-menu > .title-content-menu{
    border-bottom:1px solid #337AB7;
    width:420px;
    padding: 16px 0;
}
.content-menu > .title-content-menu > a > h2{
    font-weight: 500;
    font-size: 16px;
    color: #969798;
    margin:0
}

.content-menu > .title-content-menu > h2{
    display: flex;
    justify-content: center;
}

.content-menu > .title-content-menu:hover{
    color:#337AB7;
    border-bottom:4px solid #337AB7;
    cursor: pointer
}

.active-title-content-menu{
    border-bottom:4px solid #337AB7 !important;
    cursor: pointer !important
}

.active-title-content-menu > a > h2{
    color:#337AB7 !important;
}

.menu-m-button-content{
    display: flex;
    flex-direction: column;
    margin-top: 32px;
    padding-bottom: 32px;
}

@media screen and (max-width: 991px){
    .sticky-landing-menu {
        position: sticky;
        top: 41px;
        height: 100%;
        background: #fff;
        z-index: 999;
    }
}
/* ===== STICKYE NAV MENU ===== */


.soon-element-banner{
    opacity:0.5
}

.soon-ribbon{
    width: 56px;
    margin-left: 8px;
}

/*NEW FINANCIAL STYLES*/
/*1. BENEFITS CARDS*/
.financial-benefits-cards>.card-maxxa:nth-child(3)>img {
    height: 96px;
    margin-bottom: 20px;
}

.financial-benefits-cards>.card-maxxa:first-child>img {
    height: 96px;
    margin-bottom: 32px;
}

.financial-benefits-cards>.card-maxxa:last-child>img {
    height: 96px;
    margin-bottom: 32px;
}

.financial-benefits-cards{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.financial-benefits-cards>.card-maxxa{
    max-width:273px;
    max-height:288px;
    padding:32px 24px
}

.financial-benefits-cards>.card-maxxa>p{
   font-size:20px
}
/*2. SIMULATOR*/
.simulator-content{
    width:100%;
    background:#fff;
    border-radius: 25px;
    margin: 64px 0;
    padding: 50px 16px;
    border: 4px solid #F5F6FA;
}

.simulator-title{
    font-weight: 700;
    font-size: 24px;
    color: #06326B;
    text-align:center;
    margin: 0 0 8px 0
}

.simulator-subtitle{
    font-weight: 400;
    font-size: 12px;
    color: #4E4F4F;
    text-align:center;
    margin: 0
}

.simulator-form-result{
    margin-top:32px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.simulator-form{
    display: flex;
    flex-direction: column;
    width: 368px;
    margin-right: 64px
}

.simulator-form-first{
    display: flex;
    flex-direction: row;
    margin-bottom:24px
}

.simulator-form-first>div:first-child{
    margin-right:24px
}

.simulator-form-second{
    margin-bottom:24px
}

.simulator-form-third{
    margin-bottom:24px
}

.simulator-form-button-content{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.simulator-result{
    border-radius: 25px;
    padding: 6px 24px;
    max-width:368px;
    display:flex;
    flex-direction: column;
    justify-content: space-between;
    background: #F5F6FA;
}

.simulator-result-first{
    padding:16px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-direction: row-reverse;
    width: 100%;
}

.simulator-result-first>div>img{
    margin-right:16px
}

.simulator-result-first-info--p{
    display:flex;
    flex-direction: column;
    font-feature-settings: 'tnum';
}

.iva-result-only{
    font-size:16px;
    font-weight:500
}

.iva-result-only-peso{
    font-size:16px;
    font-weight:500;
    text-align:right;
    font-feature-settings: 'tnum';
}

.simulator-result-first-info{
    font-weight: 700;
    color: #4E4F4F;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.simulator-result-first-info>p:first-child{
    font-size: 16px;
    margin:0px
}

.simulator-result-first-info>p:nth-child(2){
    font-size: 24px;
    margin:0px;
    color:#FF5100
}

.simulator-result-first-info>span{
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
}

.simulator-result-first-list{
    font-size:16px;
    color:#4E4F4F;
    margin:16px 0
}

.simulator-result-first-list>p{
    margin-bottom:8px
}

.simulator-result-first-list>p>span{
    font-weight: 700;
}

.simulator-result-disabled{
    opacity:0.3;
}

.simulator-result-disabled>.simulator-result-first>div>img{
    filter: grayscale(1);
}

.simulator-form-first-ldc{
    margin-bottom:24px
}

.divider-clp{
    width: 1px;
    background: #d9d9d9;
    height: 149px;
    margin-top: 110px;
}

.benefits-home-content-clp>.card-maxxa-more-benefit{
    padding: 0 32px!important;
    background:none
}

.simulator-result-last-list-content{
    margin:16px 0 0 0;
}

.simulator-result-last-list{
    margin:0 0 8px 0;
    display: flex;
    flex-direction: row;
}

.simulator-result-last-list>p{
    margin:0 0 0 8px;
    font-size:12px;
    color:#4F4F4F
}

.simulator-content-button{
    display: flex;
        flex-direction: row;
        justify-content: space-around;
        margin-top: 40px;
}

@media screen and (max-width:991px){
    .financial-benefits-cards {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .simulator-content {
        padding: 16px;
    }

    .simulator-form-result {
        flex-direction: column
    }

    .simulator-form-first {
        flex-direction: column;
    }

    .simulator-form-first.simulator-form-first-max-height {
        max-height:150px;
        margin-bottom: 24px!important;
    }

    .simulator-form {
        width: 100%;
        margin-right:0
    }

    .simulator-form-first>div:first-child {
        margin-right: 0;
        margin-bottom:24px
    }

    .simulator-form-button-content {
        flex-direction: column-reverse;
    }

    .simulator-form-button-content>button{
        margin-bottom:16px;
        margin-top:16px
    }

    .simulator-result{
        margin-top:32px
    }

    .divider-clp{
        width:100%;
        height:1px;
        margin: 8px 0 32px 0
    }

    .simulator-content-button{
        display: flex;
        flex-direction: column;
    }
}
/*NEW FINANCIAL STYLES*/

/*STICKY CUSTOM ELEMENT*/
.sticky-customizable{
    padding: 16px 32px;
    border-radius:16px;
    box-shadow: -1px -1px 20px 4px rgba(6, 50, 107, 0.25);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background:#fff;

    z-index: 9999;
    position: fixed;
    bottom: 1em;
    left: 1em;
}

.sticky-left-section{
    margin: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.sticky-left-section>h2>img{
    width:170px;
    margin-right:24px
}

.sticky-left-section>p{
    font-size:16px;
    font-weight:500;
    margin:0;
    color:#fff
}

.sticky-left-section>h5{
    font-size:24px;
    font-weight:500;
    margin:0 24px 0 0;
    color:#fff
}

.sticky-right-section{
    margin-left: 32px;
}

.sticky-right-section>img{
    position: relative;
    right: -18px;
    top: -30px;
    width:8px;
    height:8px;
}

.sticky-left-section--text-content{
    margin-right: 40px
}

.sticky-left-section--text-content>h3{
    margin:0;
    font-size:24px;
    font-weight:600
}

.sticky-left-section--text-content>h5{
    margin:0 0 8px 0;
    font-size:16px;
    font-weight:500;
    color:white
}

.close-sticky-customizable{
    cursor:pointer
}

.sticky-left-section--second-content{
    margin-right:32px
}

@media screen and (max-width:991px){
    .sticky-customizable{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        padding: 32px 16px;

        z-index: 9999;
        position: fixed;
        bottom: 1em;
        left: 0.4em;
        width:97%
    }

    .sticky-left-section {
        margin: 0;
        flex-direction: column;
    }

    .sticky-center-section{
        margin-top: 16px;
    }

    .sticky-right-section {
        margin-left: 0px;
        height:0
    }

    .sticky-right-section>img {
        position: relative;
        right: -158px;
        top: -200px;
        width: 13px;
        height: 13px;
    }

    .sticky-left-section>h5{
        margin: 8px 0 32px 0;
        text-align:center
    }

    .sticky-left-section--text-content{
        display: flex;
        flex-direction: column;
        align-items: center;
        margin:0
    }

    .sticky-left-section--text-content>h3{
        text-align: center;
        margin-bottom:8px
    }

    .sticky-left-section--text-content>h3>span{
        text-align: center;
    }

    .sticky-left-section--text-content>h5{
        text-align: center;
        margin-bottom:32px
    }

    .sticky-left-section--second-content{
        margin-bottom:16pxnecew
    }

}
/*STICKY CUSTOM ELEMENT*/

/*QQMLL SECTION*/
.qqmll-content{
    display: flex;
    justify-content: center;
    flex-direction: row;
    margin-bottom:32px
}

.qqmll-sparator{
    margin:0 40px;
    width:1px;
    background:#D9D9D9
}

.qqmll-element-content{
    width:450px
}

.qqmll-element-content--fianza-separator{
    margin-right:80px
}

.qqmll-element-content--fianza-info{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom:64px
}

.fianza-info--list-content{
    margin:32px 0
}

.fianza-info--list-content :last-child{
    margin-bottom:0
}

.list-content--element{
    margin-bottom:24px
}

.list-content--element>p{
    margin-bottom:0
}

.qqmll-element-content>p{
    font-size:18px;
    margin-bottom:32px
}

.qqmll-step-content{
    display:flex;
    justify-content: center;
    flex-direction: row;
    margin-bottom:32px
}

.qqmll-step{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.qqmll-step>h4{
    font-size:16px;
    color:#06326B;
    font-weight:600
}

.qqmll-step>p{
    font-size:16px;
    text-align:center
}

.qqmll-discount-section{
    margin-bottom:60px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.qqmll-discount-section>p{
    margin-bottom:8px;
    font-size:18px
}

.qqmll-discount-section>h2{
    margin-top:0;
    margin-bottom:8px;
    font-size:32px;
    color:#FF5100;
    font-weight:600;
    text-align:center
}

.qqmll-discount-section>h2>span{
    font-size:24px;
}

.qqmll-executive{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-bottom:32px
}

.executive-image{
    width:60px;
    height:60px;
    border-radius:50px;
    margin-right:16px
}

.executive-info>p{
    margin:0;
    font-size:13px
}

.executive-name{
    font-weight:700;
    font-size:16px!important;
}


.qqmll-form>form{
    display: flex;
    flex-direction: column;
}

.qqmll-form>form>.qqmll-inputs-content{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom:24px;
    max-width:450px
}

.email-input-content{
    width:100%
}

.qqmll-form>form>div>div:first-child{
    margin-right:16px
}

.qqmll-tab{
    margin:0 auto 32px auto
}

.tablinks{
    background:transparent;
    border-top:none;
    border-left:none;
    border-right:none;
    border-bottom:1px solid #337AB7;
    padding:0 4px 16px 4px !important;
    color:#969798;
    display:inline-block;
    width: 170px!important;
    font-size:13px !important;
    text-align:center
}

.tablinks.active{
    color: #337AB7;
    border-top:none;
    border-left:none;
    border-right:none;
    border-bottom:4px solid #337AB7;
}

.special-h{
    height:3.3em;
}

.fianza-info--mobile{
    display:none
}

.accordion-body--fianza-info{
    border-bottom:2px solid #e9e9e9;
    padding:1.15rem 16px
}

@media screen and (min-width:991px){
    .qqmll-tab-content{
        display:none
    }
}

@media screen and (max-width:991px){
    .qqmll-content{
        flex-direction: column;
        margin-bottom:64px
    }

    .qqmll-element-content {
        width: 100%;
    }

    .qqmll-step-content{
        flex-direction: column
    }

    .qqmll-form>form>.qqmll-inputs-content{
        flex-direction: column
    }

    .qqmll-form>form>div>div:first-child {
        margin-right: 0;
        margin-bottom: 24px
    }

    .qqmll-executive {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin-bottom: 32px;
    }

    .executive-image{
        margin-right:0px;
    }

    .executive-info{
        text-align: center;
    }

    .qqmll-mobile-title{
        font-size:16px
    }

    .fianza-info--desktop{
        display:none
    }

    .fianza-info--mobile{
        display:initial
    }

    .fianza-info--list-content{
        margin: 0 0 32px 0;
    }

    .qqmll-element-content--fianza-separator{
        margin-right:0
    }
}

/*QQMLL SECTION*/

/*ALERTAS*/
.alert-intro{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 40px;
    align-self: stretch;
    margin-bottom:64px
}

.alert-intro-element{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 4px;
    flex: 1 0 0;
    max-width:530px
}

.alert-intro-element>img{
    margin-right: 24px
}

.alert-divider{
    width:1px;
    height: 148px;
    background-color:#D9D9D9;
    margin: 24px 40px 0 40px;
}

.alert-switch{
    display: flex;
    width: 554px;
    padding: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    border-radius: 200px;
    border: 3px solid var(--blanco, #FFF);
}

.switch-circle{
    display: flex;
    align-items: center;
}

.info-switch{
    display: flex;
    padding: 0px 40px 0px 16px;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    position: absolute;
}

.info-switch-text>p{
    font-size:16px;
    line-height: 120%;
}

.info-switch-text>p, .info-switch-text>h4{
    margin:0;
    padding:0
}

.info-switch-text>h4{
    margin-bottom:16px;
}

.switch-number{
    color: #FF5100;
    text-align: center;
    font-family: Gotham;
    font-size: 96px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.content-info-switch{
    display: flex;
    padding: 16px;
    align-items: center;
    gap: 16px;
    flex: 1 0 0;
    border-radius: 16px;
    width:415px
}

.content-info-switch>img{
    width:64px;
    height:64px
}

.switch-divider{
    width: 1px;
    height: 89px;
    background: #D9D9D9;
}

.row-switch{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-bottom:64px;
    align-items: center;
}

.alert-no-switch{
    width:554px
}

.soon-ribbon-alertas{
    position: absolute;
    left: 378px;
    top: -1px;
}

.soon-ribbon-alertas-1{
    width:129px
}

.soon-ribbon-alertas-2{
    width:129px
}

.alert-switch.disabled>.info-switch>.switch-number,
.alert-switch.disabled>.info-switch>.content-info-switch>.info-switch-text>h4
{
    color:#9F9F9F !important
}

.banner-tape-content{
    background:#06326B;
    padding:24px 0px 24px 0px;
    font-size:24px;
    width: 100%;
    text-align: center;
    font-weight: 700;
    color:#fff

}

.switch-circle>img {
    margin-right: 32px;
}
.alerts-protection{
    display:flex;
    flex-direction:row;
    align-items:center;
    gap:88px;
    justify-content: center;
}
.alerts-protection--alert-desc-list{
    display:flex;
    flex-direction:column;
    align-items:left;
    gap:24px;
    max-width:442px
}
.alert-desc-list--alert-item{
    display:flex;
    flex-direction:column;
    align-items:left;
    gap:8px
}
.alert-item--title{
    display:flex;
    flex-direction:row;
    align-items:left;
    gap:8px;
    margin:0;
    font-size:24px;
    font-weight:600;
    color: #06326B
}
.alert-item--desc{
    margin:0;
    font-size:16px;
    font-weight:500;
    color: #4F4F4F
}
.perk-list{
    display:flex;
    flex-direction: column;
    align-items: center;
    gap:32px;
    max-width: 100%;
}
.perk-list--perk-item{
    padding:16px 32px;
    border-radius:24px;
    background:#F5F6FA;
    display:flex;
    flex-direction:row;
    gap:32px;
    width: 100%;
    max-width: 800px;

}
.perk-item{
    display:flex;
    flex-direction: column;
    gap:4px;
}
.perk-item--title{
    margin:0;
    color:#06326B;
    font-size: 24px;
    font-weight:600;
}
.perk-item--desc{
    margin:0;
    color:#4F4F4F;
    font-size: 16px;
    font-weight:500;
}
.content--perk-square{
    display: flex;
    flex-wrap: wrap;
    gap: 64px;
    justify-content: center;
}
.perk-square{
    padding:32px;
    background:#F5F6FA;
    border-radius:32px;
    max-width:500px;
    width:100%;
    display:flex;
    gap:24px;
    flex-direction:column;
    align-items: flex-start
}
.perk-square>h3{
    font-size:24px;
    color:#06326B;
    margin:0;
    font-weight:600
}
.perk-square>p{
    font-size:16px;
    color:#4F4F4F;
    margin:0;
}

@media screen and (max-width:991px){
    .alert-intro {
        flex-direction: column;
    }

    .alert-switch{
        width:100%;
        margin-bottom:24px
    }

    .alert-divider {
        width: 100%;
        height: 1px;
        margin: 16px 0;
    }

    .alert-intro-element {
        flex-direction: column;
    }

    .row-switch {
        flex-direction: column;
        margin-bottom:0
    }

    .switch-number{
        font-size: 60px;
    }

    .info-switch{
        padding:0
    }

    .switch-circle {
    }

    .switch-circle>img {
        width: 128px;
        height: 128px;
    }

    .info-switch-text>p, .info-switch-text>h4{
        font-size:13px;
        line-height: 120%;
    }

    .content-info-switch{
        padding:8px;
        width:268px
    }

    .content-info-switch>img{
        height:24px;
        width:24px
    }

    .alert-no-switch{
        margin-top:40px;
        width:100%
    }

    .alert-no-switch>p{
        margin-bottom:24px
    }

    .soon-ribbon-alertas {
        position: absolute;
        left: 243px;
        top: -1px;
        width: 83px;
    }

    .soon-ribbon-alertas-1{
        width:79px
    }

    .soon-ribbon-alertas-2{
        width:79px
    }

    .banner-tape-content{
        font-size:16px;
        padding:16px
    }

    .content-video-home{
        width:100%
    }

    .special-button-content{
    display: flex; flex-direction: column; align-items:center
    }

    .alerts-protection{
        flex-direction:column;
        gap:32px;
    }
}
/*ALERTAS*/

.fianza-step{
    width:249px;
    padding: 34px 24px
}

/*ONLY DESKTOP AND ONLY MOBILE*/
@media screen and (max-width:991px){
    .only-m{
        display:initial!important
    }
    .only-d{
        display:none!important
    }
}

.special-mt{
    margin-top: 3em;
}

@media screen and (max-width:991px){
    .special-mt{
        margin-top: auto;
    }
}

/*ONLY DESKTOP AND ONLY MOBILE*/

/* CALCULATOR*/
.calculator-intro{
    margin: 0 auto 32px auto;
    max-width: 970px;
}

.calculator-form-content--uf{
    align-items: center;
}

.calculator-form-content{
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.calculator-form-content--form{
    max-width:240px;
    margin-right:40px
}

.calculator-form-content--result{
    max-width:276px
}

.calculator-form-content--converter{
    font-size:16px;
    font-weight:600;
    cursor: pointer
}

.uf-value{
    font-size:24px;
    font-weight:700;
    color:#4f4f4f
}

@media screen and (max-width:991px){
    .calculator-form-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .calculator-form-content--form{
        margin: 0 0 32px 0;
        width:100%
    }
}
/*CALCULATOR*/
/*CALCULATOR 2.0*/
.calculator-content{
    display:flex;
    flex-direction:row;
    justify-content: center;
    border: solid 4px #F5F6FA;
    border-radius:32px;
    width:1062px
}
.calculator-content--calculator{
    padding:32px;
    background:#F5F6FA;
    border-radius:27px 0 0 27px;
    text-align:center;
    max-width:531px
}
.calculator-content--calculator>h3{
    font-size:24px;
    margin:0  0 32px 0;
    font-weight:700
}
.calculator-content--calculator>p{
    font-size:16px;
    text-align:left;
    margin:0  0 32px 0;
    color:#4E4F4F
}
.calculator--uf-date{

}
.calculator--uf-date>p{
    display: inline-block;
    font-size:16px!important;
}
.calculator--converter{
    text-align:left;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;;
    margin-bottom:24px
}
.calculator-content--result{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    width:531px
}
.result--result{
    padding: 24px;
    font-size:32px;
    background:#F5F6FA;
    border-radius:32px;
    text-align:center;
    color:#FF5100;
    font-weight:700;
    min-width:200px
}
.d-flex-jc-center{
    display: flex;
    justify-content: center;
}
@media screen and (max-width:991px){
    .calculator-content{
        flex-direction: column;
        width: 100%;
        max-width: 100%;
    }

    .calculator-content--result{
        width: 100%;
        max-width: 100%;
        padding:32px 8px
    }
}
/*CALCULATOR 2.0*/

/*COMPARATIVE TABLE*/
.comparative-table{
    max-width: 1060px;
    margin: auto;
}

.comparative-table--header-row{
    font-size:12px;
    font-weight:700;
    color:#000;
    background:#F5F6FA;
    padding:16px;
    display: flex;
    flex-direction: row;
}

.header-row--b-r{
    border-radius: 16px 16px 0 0
}

.header-row--1-w{
    width:550px;
    font-size:16px;
    color:#06326B;
    font-weight:600
}

.header-row--2-w{
    width:300px;
    text-align:center;
    font-size:16px;
    font-weight:600
}

.header-row--3-w{
    width:330px;
    text-align:center;
    font-size:16px;
    color:#06326B;
    font-weight:600
}

.body-row--1-w{
    width:550px;
    font-size:16px;
    font-weight:500
}

.body-row--2-w{
    width:300px;
    text-align:center;
    font-size:16px;
    font-weight:500
}

.body-row--3-w{
    width:330px;
    text-align:center;
    font-size:16px;
    font-weight:500
}

.body-row--img{
     width:16px
}

.comparative-table--body-row{
    font-size:12px;
    font-weight:700;
    color:#4E4F4F;
    padding:12px 16px;
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid #F5F6FA;
    border-left: 2px solid #F5F6FA;
    border-right: 2px solid #F5F6FA;
}

.comparative-table--body-row-last{
    border-bottom: 2px solid #F5F6FA;
    border-radius:  0 0 16px 16px;
    align-items: center;
}

.comparative-table--body-row:hover{
    background:#E3EFFF
}

.body-row-g{
    background: #fff;

}
/*COMPARATIVE TABLE*/


/*dropzone*/
#dropzone {
    position:relative;
    margin-top:32px;
    border: 1px dashed #bdbdbd;
    border-radius:4px;
    color: #CCC;;
    width: 100%;
    text-align:center;
    padding: 32px 16px;
    font-size:16px;
    color:#9F9F9F;
    background: #F6F7FB;
}

#dropzone.dragover {
  border: 2px dashed #000;
  color: #ccc;
}

#dropzone.dropped {
  border: 2px dashed #1ABC9C;
  color:#1ABC9C;
}

#dropzone div {
  display:flex;
  align-items:center;
  justify-items:center;
  text-align:center;
      justify-content: center;
}
#dropzone div div{
    display: flex;
    flex-direction: column;
    justify-content:center;
  text-align:center;
}
#dropzone [type="file"] {
  cursor: pointer;
  position: absolute;
  opacity: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index:0;
  width:100%;
  text-align:center;
}

.dropzone--link{
    color: #2E73CD;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration-line: underline;
    margin-left:4px
}

.pdf,.img{
  font-size:6px;
  border-radius:2px;
  z-index:1;
  height:20px;
  width:20px;
  margin:2px;
  background-color:#EF4836;
  text-transform:uppercase;
  text-align:center;
  color:#fff;
  font-weight:500;
  margin-right:14px
}
.img{
    background: linear-gradient(90deg, #f598a8, #f6edb2);
  color: #446CB3;
}
.fileerr{
  color:#D24D57;
  float:clear;
  text-align:center;
}
.fileok,.filesize{
  text-align:center;
  line-height:15px !important;
  color:#3B7E87;
  font-size:16px !important;
  word-break:break-all;
  color:#3B7E87;
  color:#000
}
.filesize{
    font-size:14px !important;
    color: #1F3A93;
    display:none!important
}

/*LOGIN REGISTER SECTION*/
.back-register{
    background-image: url(../img/back-registro.png);
    background-size:cover;
    background-repeat:no-repeat;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.back-register-bg-sg {
    background-image: url(../img/back-registro-sog.png) !important;
}
.back-register-bg-guarantees {
    background-image: url(../img/back-registro-g.png) !important;
}

.back-register-bg-recommender {
    background-image: url(../img/back-registro.png) !important;
}

.register-content{
    background-color:#fff;
    padding: 2em 4em 3.125em 3.125em;
    max-width: 36em;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.register-content>h2{
    color: #06326B;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin:0 0 32px 0
}

.register-steps{
    display: flex;
    align-items: center;
    flex-direction: row;
    margin-bottom:32px
}

.register-steps--content{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.active-step--circle{
    height:16px;
    width:16px;
    border-radius:50px;
    background:#2E73CD
}

.active-step--step-name{
    color: #2E73CD;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%; /* 15.6px */
    letter-spacing: -0.12px;
    margin:0
}

.success-step--step-name{
    color: #1AB37C;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%; /* 15.6px */
    letter-spacing: -0.12px;
    margin:0
}

.register-steps--divider{
    width: 202px;
    height: 2px;
    background: #9F9F9F;
    margin-bottom: 16px;
}

.disabled-step--step-name{
    color: #9F9F9F;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%; /* 15.6px */
    letter-spacing: -0.12px;
    margin:0
}

.disabled-step--circle{
    height:16px;
    width:16px;
    border-radius:50px;
    background:#D9D9D9
}

.register-content--intro-text{
    color: #4F4F4F;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 18.2px */
    margin: 0 0 32px 0
}

.register-content--form{
    width:100%
}

.register-content--options{
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.register-intro-content{
    max-width:596px;
    display: flex;
    align-items: center;
    height: 100vh;
    margin-left: 100px;
    flex-direction: column;
    justify-content: center;
}

.register-intro-content>.register-intro-content--text>h1{
    color: #FFF;
    font-size: 40px;
    font-style: normal;
    font-weight: 800;
    line-height: 120%; /* 48px */
    margin: 0 0 16px 0
}

.register-intro-content>.register-intro-content--text>h2{
    color: #FFF;
    font-size: 32px;
    font-style: normal;
    margin: 0 0 16px 0
}

.register-intro-content>.register-intro-content--text>p{
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 21px; /* 131.25% */
    margin: 0 0 16px 0
}

.register-intro-content>.register-intro-content--text>ul>li::marker{
    color:#FF9015
}

.register-intro-content>.register-intro-content--text>ul>li{
    color: var(--Blanco, #FFF);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.register-intro-content>.register-intro-content--text>ul{
    padding-left: 1rem;
}

.register-intro-content>.register-intro-content--text>p.small-text-register{
    color: #FF9015;
    font-size: 14px;
    font-style: normal;
    line-height: normal;
}

.register-list-content--list{
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
}

.register-list-content--list>p{
    color:#fff;
    margin-bottom:0
}

.register-intro-content--register-list-content{
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.form--step-2-button-content{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.form--step-2-button-content-skip{
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.register-content--confirm{
    justify-content: center;
}

.register-content--confirm>h2{
    font-size: 32px;
}

@media screen and (max-width:991px){
    .back-register{
        flex-direction: column;
    }

    .register-intro-content{
        margin-left:0;
        max-width:100%;
        align-items: flex-start;
        height: 100%;
    }

    .form--step-2-button-content-skip{
        margin-left:0;
        max-width:100%;
        align-items: flex-start;
        height: 100%;
    }

    .register-intro-content--text{
        padding:16px
    }

    .register-content{
        padding:24px 16px
    }

    .register-intro-content>.register-intro-content--text>p.small-text-register{
        text-align:center
    }

    .register-intro-content>.register-intro-content--text>h1{
        font-size: 24px;
    }

    .register-intro-content>.register-intro-content--text>p{
        font-size: 14px;
    }

    .register-intro-content>.register-intro-content--text>ul>li{
        font-size: 13px;
    }

    .form--step-2-button-content{
        flex-direction: column-reverse;
    }
}

.layout-login{
    background: rgba(0,0,0,.65);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    /*-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;*/
    width: 100%;
    z-index: 1019;
}

.login-content{
    background: #fff;
    height: 100%;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
    /*-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;*/
    width: 500px;
}

.login-content--close{
    padding:132px 64px 32px 64px;
    margin-bottom:36px
}

.login-content--close>p>img{
    float:right;
    cursor:pointer
}

.login-content--content-form{
    padding:0 64px;
}

.content-form--intro{
    display: flex;
    flex-direction: column;
    align-items: center;s
}

.content-form--intro>h2{
    color: #06326B;
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom:32px
}

.content-form--form>#logInForm>p{
    color: #4F4F4F;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom:32px;
    margin-bottom:32px;

}

@media screen and (max-width:991px){
    .login-content{
        width:100%
    }

    .login-content--content-form{
        padding: 0 16px;
    }

    .login-content--close {
        padding: 72px 16px 32px 64px;
        margin-bottom:10px
    }
}

.block-overflow{
    overflow: hidden;
}

/*LOGIN REGISTER SECTION*/




/*NEW HOME*/
.section-intro-product{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-around;
}

.product-info--img-content{
    width: 329px;
    height: 300px;
    border-radius: 25px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: 41%;
    margin-bottom:32px;
}

.section-intro-product--product-info{
    max-width:329px;
}

.section-intro-product--product-info>h3{
    font-size:24px;
    font-weight:700;
    color:#06326B;
    margin:0 0 8px 0
}

.section-intro-product--product-info>h3>span{
    font-size:12px;
    text-transform: uppercase
}

.section-intro-product--product-info>p{
    font-size:16px;
    font-weight:400;
    color:#4E4F4F;
    text-align: justify;
    margin: 0 0 24px 0;
    min-height: 120px;
}

.section-intro-product--product-info>.product-info--button{
    display: flex;
    justify-content: center;
}

.section-benefit-product{
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.section-benefit-product--benefit{
    display: flex;
    flex-direction: row;
    align-items: center;
    border:4px solid #F5F6FA;
    border-radius: 25px;
    padding:16px 8px;
    margin-bottom:40px
}


.benefit--number{
    font-size:48px;
    font-weight:600;
    color:#06326B1A;
    min-width:60px;
    margin-right:16px
}

.benefit--title>h3{
    font-size:24px;
    font-weight:600;
    color:#06326B;
    max-width:330px;
    min-width:330px;
    margin-right:16px
}

.benefit--info>ul{
    margin-bottom:0
}

.benefit--info>li{
    color:#4E4F4F;
    font-size:16px;
    font-weight400

}

.section-perks{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}

.section-perks--dual{
    justify-content: center;
}

.section-perks--dual--buttons{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.section-perks--dual--buttons>a{
    margin-top:48px;
        margin-right: 12px;
}

.section-perks--full{
    justify-content: space-between;
}

.section-perks--full--buttons{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.section-perks--full--buttons>a{
    margin-top:48px;
}


.section-perks--perk-content{
    border-radius:25px;
    border: 4px solid #F5F6FA;
    padding: 32px 14px;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    width: 235px;
    text-align:center;
    background:#fff;
}

.section-perks--perk-content>img{
    margin-bottom:30px;
    margin-right:0px!important
}

.section-perks--perk-content>h3{
    font-size:24px;
    font-weight:700;
    color:#06326B;
    margin-bottom:0px;
    min-height:58px
}

.section-perks--perk-content>p{
    font-size:16px;
    font-weight:500;
    color:#4E4F4F;
    min-height:57px;
    margin-bottom:0
}

.section-respaldo{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-top:16px
}

.section-respaldo--title>h4{
    color:#4E4F4F;
    font-size:14px;
    margin: 0 32px 0 0
}

.section-respaldo--img{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap:32px
}
.register-section-respaldo{
    color:#fff;
}

.register-section-respaldo--img>img{
    filter: brightness(0) invert(1);
    opacity:0.9;
    height: 24px;
    margin:0 16px 24px 0
}

.section-perks-mobile{
    display:none
}

.navigation-dots{
    display:none
}

@media screen and (max-width:991px){
    .section-intro-product{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
    }

    .section-benefit-product--benefit{
        flex-direction: column;
    }

    .section-perks{
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        align-items: center;
    }

    .section-perks--perk-content{
        width:100%;
        margin-bottom:24px
    }

    .product-info--img-content{
        width: 100%;
        margin-bottom: 32px;

    }

    .section-perks--perk-content>p{
        min-height:100%
    }

    .section-intro-product--product-info{
        max-width: 100%;
        margin-bottom: 56px;
    }

    .section-benefit-product--benefit{
        align-items: flex-start;
    }

    .section-intro-product--product-info>.product-info--button{
        flex-direction: column;
    }

    .section-respaldo{
        display:none
    }

    .section-perks--dual--buttons>a{
        margin:48px 0 0 0
    }

    .section-perks--full--buttons>a{
        margin:48px 0 0 0
    }

    .register-section-respaldo{
        padding:0 16px
    }
}
/*NEW HOME*/



/*NEW CC*/
.step-content{
    display: flex;
    align-items: flex-start;
}

.step-content>img{
    margin-right:16px
}

.text-content--step>h3{
    color:#FF5100;
    font-size:24px;
    margin:0;
    font-weight:600
}

.text-content--step>p{
    color:#4F4F4F;
    font-size:16px;
    margin:0;
    font-weight:400;
    max-width: 487px
}

.step-content--text-content :first-child{
    margin-top:5px
}

.step-content--text-content :nth-child(2){
    margin-top:20px
}

.step-content--text-content :nth-child(3){
    margin-top:30px
}

.step-content--text-content :nth-child(4){
    margin-top:44px
}

.step-content--text-content-xl :first-child{
    margin-top:5px
}

.step-content--text-content-xl :nth-child(2){
    margin-top:9px
}

.step-content--text-content-xl :nth-child(3){
    margin-top:8px
}

.step-content--text-content-xl :nth-child(4){
    margin-top:8px
}

.step-content--text-content-xl :nth-child(5){
    margin-top:8px
}

.step-content-father>p{
    margin: 30px 0 0 30px
}

.step-section--info>h3{
    color:#06326B;
    font-size:32px;
    font-weight:700;
    margin: 0 0 16px 0
}

.step-section--info>p{
    color:#4E4F4F;
    font-size:16px;
    font-weight:400;
    margin: 0 0 16px 0
}

@media screen and (max-width:991px){
    .step-section {
        display: flex;
        flex-direction: column-reverse;
    }

    .step-content{
        margin-bottom:32px
    }

    .step-content--text-content :first-child{
        margin-top:0px
    }

    .step-content--text-content :nth-child(2){
        margin-top:0px
    }

    .step-content--text-content :nth-child(3){
        margin-top:30px
    }

    .step-content--text-content :nth-child(4){
        margin-top:20px
    }

    .step-section--gtia{
        flex-direction: column;
    }

    .step-section--gtia>.step-section--info{
        text-align:center
    }

    .step-content>img{
        display:none
    }

}
/*NEW CC*/
.switch-button {
  background: #B5B5B5;
  border-radius: 30px;
  overflow: hidden;
  width: 240px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  position: relative;
  padding-right: 120px;
  position: relative;
}
.switch-button:before {
  content: "24 Meses";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
  pointer-events: none;
}
.switch-button-checkbox {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 2;
}
.switch-button-checkbox:checked + .switch-button-label:before {
  transform: translateX(120px);
  transition: transform 300ms linear;
}
.switch-button-checkbox + .switch-button-label {
  position: relative;
  padding: 1px 0;
  display: block;
  user-select: none;
  pointer-events: none;
}
.switch-button-checkbox + .switch-button-label:before {
  content: "";
  background: #FF5100;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 30px;
  transform: translateX(0);
  transition: transform 300ms;
}
.switch-button-checkbox + .switch-button-label .switch-button-label-span {
  position: relative;
}

.switch-month{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.switch-month>p{
    margin:0 0 16px 0
}

.switch-month--dues-selector{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.dues-selector--selector--selector{
    display: flex;
    align-items: center;
    font-size: 12px;
}

.dues-selector--selector--selector>.form-outline{
    max-width:60px
}

.dues-selector--selector{
    font-size:12px;
    padding:4px;
    border: 1px solid #D9D9D9;
    border-radius:4px;
    cursor:pointer
}

.dues-selector--selector:hover{
    color:#fff;
    background:#FF5100;
    border: 1px solid #FF5100;
}

.dues-selector--selector.active{
    color:#fff;
    background:#FF5100;
    border: 1px solid #FF5100;
}


.switch-month--dues-selector label {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    border: 2px solid #ddd;
    border-radius: 5px;
    cursor: pointer;
    font-size:14px
}

.switch-month--dues-selector input[type="radio"] {
    display: none;
}

.switch-month--dues-selector input[type="radio"]:checked + label {
    background-color: #ff5722;
    color: #fff;
    border-color: #ff5722;
}

.valores--valores-content{
    background:#fff;
    padding:16px;
    border-radius:24px;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom:32px
}

.valores--valores-content:last-child{
    margin-bottom:0
}

.valores--valores-content>img{
    margin-right:32px
}

.valores--valores-content>div>h4{
    font-size:24px;
    font-weight:600;
    color:#06326B;
    margin:0
}

.valores--valores-content>div>p{
    font-size:16px;
    color:#4F4F4F;
    margin:0
}

@media screen and (max-width:991px){
    .valores--valores-content{
        flex-direction: column;
    }

    .valores--valores-content>div>h4{
        text-align:center;
        margin-bottom:16px;
    }

    .valores--valores-content>div>p{
        text-align:center;
    }

    .valores--valores-content>img{
        margin:0 0 16px 0
    }
}

.form-content-sg{
    background:#fff;
    padding:40px;
    border-radius:25px
}

.form-sg--firs-row{
    margin-bottom: 16px;
}

.form-sg--second-row{
    margin-bottom: 16px;
}

@media only screen and (min-width: 992px) {
    .form-sg--firs-row>div{
        display:inline-block;
        width:49%
    }

    .form-sg--second-row>div{
        display:inline-block;
        width:49%
    }
}

@media only screen and (max-width: 1284px) {
    .form-sg--firs-row>div{
        width:100%
    }

    .form-sg--second-row>div{
        width:100%
    }
}

.form-sg--third-row{
    margin-bottom: 32px;
}

.form-sg--fourth-row{
    margin-bottom: 16px;
}

.form-sg--fifth-row{
    margin-bottom: 32px;
}

.form-sg--sixth-row{
    display: flex;
    justify-content: center;
}

.whatsapp-float {
    position: fixed;
    width: 2em;
    height: 2em;
    bottom: 0.733em;
    right: 0.267em;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    z-index: 100000000;
    animation: heartbeat 2.5s infinite;
    border: 2px solid #128c7e;
    left: initial;
}

.whatsapp-float a {
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    text-decoration: none;
}

.whatsapp-float a:hover,
.whatsapp-float a:hover>.whatsapp-float--helper {
    color: #128c7e!important;
    font-weight:800
}

@keyframes heartbeat {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
}

.whatsapp-float--helper{
    position: absolute;
    right: 49px;
    color: #fff;
    font-size: 14px;
    background: #25d366;
    width: 132px;
    padding: 8px 10px;
    border-radius: 50px 0 0 50px;
    top: 0.6em;
    border-top: 2px solid #128c7e;
    border-bottom: 2px solid #128c7e;
    border-left: 2px solid #128c7e;
}

.wsp-contact{
    font-size:36px!important
}

.other-product-content{
    padding:30px;
    border-radius:25px;
    background:#fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
}

.other-product-content--text>h3{
    color:#06326B;
    font-weight:600;
    font-size:24px;
}

.other-product-content--text>p{
    color:#4E4F4F;
    font-weight:500;
    font-size:16px;
}

@media screen and (max-width:991px){
    .other-product-content{
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
    }
}

.floating-element {
     position: fixed;
     bottom: 0;
     left: 0;
     width: 100%;
     background-color: #FF5100;
     color: #fff;
     padding: 8px 0;
     display: flex;
     flex-direction: row;
     align-items: center;
     justify-content: space-evenly;
}
 .floating-element--text>h4{
     font-size:20px;
     margin:0 0 4px 0;
     text-align:center;
     font-weight:700
}
 .floating-element--text>p{
     font-size:16px;
     margin:0;
     text-align:center
}

@media screen and (max-width:991px){
    .floating-element {
        flex-direction: column;
    }

    .floating-element--text>h4{
         font-size:16px;
         margin:0 0 4px 0;
         text-align:center;
         font-weight:700
    }
     .floating-element--text>p{
         font-size:12px;
         margin:0 0 8px 0;
         text-align:center
    }

    .floating-element--logo{
        display:none
    }
}

.tablinks--product{
    color: #D9D9D9;
    padding: 4px 24px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    width: 200px !important;
    color: #fff;
    background:#D9D9D9;
    border: 2px solid #D9D9D9;
    border-radius: 50px;

}

.tablinks--product.active{
    color: #FF5100;
    border: 2px solid #FF5100;
    border-radius: 50px;
    background:#fff
}

.tab--product{
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.tab--product :first-child{
    margin-right:8px
}
.content-section-product{
    padding:0
}

/*TETIMONIALS*/
.testimonials-content{
    display: flex;
    flex-direction: row;
}

.maxxa-google--img{
    margin-bottom:23px
}

.maxxa-google--title>h3{
    font-size:32px;
    font-weight:700;
    margin:0;
    color:#06326B
}

.maxxa-google--score>h3{
    font-size:32px;
    font-weight:700;
    margin:0;
    color:#06326B
}

.testimonials-content--maxxa-google{
    max-width:238px;
    margin-right:24px
}

.testimonials-content--maxxa-google>h4{
    font-size:24px;
    font-weight:500;
    margin:0;
    color:#06326B
}

.score--stars{
    display: flex;
    flex-direction: row;
}

.maxxa-google--score{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-bottom:8px
}

.testimonials-content--overflow{
    max-width: 1000px;
    overflow: hidden;
    position: relative;
}

.testimonials-content--testimonials{
    display: flex;
    flex-direction: row;
    transition: transform 0.3s ease-in-out;
}

.testimonials-item{
    min-width: 252px;
    height:279px;
    background:#fff;
    border-radius: 24px;
    margin-right: 24px;
    padding:24px 16px
}

.testimonials-item--text>p{
    font-size:14px;
    color:#4F4F4F;
    text-align:left
}

.testimonials-item--info-user{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin-bottom:16px
}

.info-user--name-star{
    display: flex;
    flex-direction: column;
}

.info-user--stars{
    height:14px;
    display: flex;
    align-items: flex-start;
}

.info-user--stars>img{
    height:14px;
}

.info-user--circle{
    width:43px;
    height:43px;
    border-radius:50%;
    background:#DE5523;
    font-size:20px;
    font-weight:700;
    color:#fff;
    padding: 6px 0 0 12px;
    margin-right:8px
}

.testimonials-indicators {
    display: flex;
    justify-content: center;
    margin-bottom: 16px;
}

.indicator {
    width: 12px;
    height: 12px;
    background-color: #D9D9D9;
    border-radius: 50%;
    margin: 0 5px;
    transition: background-color 0.3s;
    cursor: pointer;
}

.indicator.active {
    background-color: #FF5100;
}

@media screen and (max-width:991px){
    .testimonials-content{
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .testimonials-content--maxxa-google{
        margin: 0 0 24px 0
    }

    .testimonials-content--overflow{
        max-width:100%
    }

    .content-section-product{
        padding:0
    }

}

/*TETIMONIALS*/

/*BLOG ARTICLE*/
.article-blog-content{
    display: flex;
    flex-direction:row;
    justify-content: space-between;
}

.article-blog-content--article{
    width:336px;
    padding:32px 24px;
    border: 1px solid #F5F6FA;
    border-radius:32px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.article-blog-content--article>img{
    margin:0 0 24px 0
}

.article-blog-content--article>h3{
    font-size:24px;
    color:#06326B;
    margin:0 0 24px 0;
    height:86px
}

.article-blog-content--article>p{
    font-size:16px;
    color:#4F4F4F;
    margin:0 0 24px 0
}

.article-blog-content--article>a{
    color:#FF5100;
    font-weight:700;
    text-align:left;
    width:100%
}
.article-blog-content--article>a>img{
    color:#FF5100;
}

.form-validate-newsletter--form>form{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom:16px
}

.form-validate-newsletter--form>form>.form-outline{
    width:100%;
    margin-right:16px
}

.content-section--recommender{
    padding:20px
}

.recommender-container>form{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.recommender-container>form>.form-outline{
    margin-right:16px
}

.recommender-container--result-recommender{
    background:#fff;
    padding-top:40px;
    border-radius:24px;
    margin-top:32px
}

.result-recommender--numbers{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    margin-bottom:40px
}

.numbers--first,
.numbers--second{
    display:flex;
    flex-direction:column;
    align-items: center;
}

.numbers--first>h3,
.numbers--second>h3{
    font-size:40px;
    margin:0
}

.numbers--second>h3{
    font-weight:700
}

.numbers--first>p,
.numbers--second>p{
    font-size:16px;
    margin:0
}

.recommender-table--recommender-header{
    border-top: 3px solid #F5F6FA;
    padding: 8px 16px;
    display: flex;
}

.recommender-header-1,.recommender-header-2,.recommender-header-3,.recommender-header-4{
    color:#06326B;
    font-size:16px;
    font-weight:600
}

.recommender-table--recommender-body{
    border-top: 3px solid #F5F6FA;
    padding: 8px 16px;
    display: flex;
}

.recommender-header-1{
    width: 380px;
}

.recommender-body-1{
    width: 380px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.recommender-header-2{
    width: 380px;
    padding-left:16px
}

.recommender-body-2{
    width: 380px;
    padding-left:16px
}

.recommender-header-3{
    width: 380px;
}

.recommender-body-3{
    width: 380px;
}

.recommender-header-4{
    width: 90px;
}

.recommender-body-4{
    width: 90px;
}

.recommender-table--recommender-body.blur {
    filter: blur(5px);
    pointer-events: none;
    user-select: none;
    opacity: 0.6;
}

.recommender-table--instruction{
    font-size:16px;
    color:#4F4F4F;
    text-align:center;
    margin:16px 0
}


@media screen and (max-width: 991px){
    .article-blog-content{
        flex-direction:column;
    }

    .article-blog-content--article{
        width:100%;
        margin-bottom:24px
    }

    .article-blog-content--article>h3{
        height:100%
    }

    .form-validate-newsletter--form>form{
        margin-bottom:16px;
        flex-direction: column
    }

    .form-validate-newsletter--form>form>.form-outline{
        margin-right:0;
        margin-bottom:16px
    }

    .recommender-body-1{
        width: 100%;
    }

    .recommender-body-2{
         width: 100%;
         padding:0;
         text-align:center
    }

    .recommender-body-3{
         width: 100%;
         text-align:center
    }

    .recommender-body-4{
         width: 100%;
         text-align:center
    }

    .recommender-table--recommender-body {
        flex-direction: column;
    }

    .recommender-container>form{
        flex-direction: column;
    }

    .recommender-container>form>.form-outline{
        margin-right:0;
        margin-bottom: 16px
    }

    .result-recommender--numbers{
        flex-direction: column;
    }

    .numbers--first{
        margin-bottom:16px
    }

    .result-recommender--numbers>img{
        margin-bottom:16px
    }
}
/*BLOG ARTICLE*/
.promo-product-content{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.promo-product--info{
    max-width:442px
}

.promo-product--info>h3{
    font-size:32px;
    font-weight:500;
    margin:0
}

.promo-product--info>p{
    margin:0
}

.promo-product--divider{
    height:4px;
    width:225px;
    background:#FF5100;
    border-radius:50px;
    margin:24px 0
}

.promo-product--product{
    max-width:500px;
    display:flex;
    flex-direction:column
}

.product---detail>h4{
    color:#06326B;
    font-size:600;
    font-size:24px;
    margin:0 0 4px 0
}

.product---detail>h4{
    font-size:16px
    margin:0 0 16px 0
}

@media screen and (max-width:991px){
    .promo-product-content{
        flex-direction: column;
    }
    .promo-product--info{
        margin-bottom:32px
    }
}
/*Blog*/
.blog-title{
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom:32px;
    justify-content: space-between;
}
.blog-title>div>h2{
    font-size:32px;
    color:#06326B;
    font-weight:600;
    text-align:left;
}
.blog-title>div{
    font-size:32px;
    color:#06326B;
    font-weight:600;
    text-align:left;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 24px;
}
.blog-title>a{
    color:#4F4F4F;
    font-size:14px;
    display: flex;
    align-items: center;
    gap: 4px;
}
.blog-title--left-divider{
    height:40px;
    width:4px;
    border-radius:50px;
    background:#FF5100
}
.content-section--blog-prensa{
    display: flex;
    flex-direction: row;
    gap: 62px;
    width:100%
}
.blog-prensa--column{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.blog-prensa--outstanding{
    width:496px;
    height:359px;
    border-radius:16px;
    padding:16px;
    display: flex;
    align-items: flex-end;
    background-image:url(../img/content/rebranding/blog/news/news1.png)
}
.outstanding--outstanding-info{
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.outstanding--outstanding-info>a{
    color:#fff;
    font-size:24px;
}
.outstanding-info>p{
    color:#fff;
    font-size:16px;
    margin:0
}
.outstanding-info{
    font-size:16px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.secondary--secondary-img{
    flex-shrink: 0;
    height:110px;
    width:205px;
    border-radius:16px;
    background-image:url(../img/content/rebranding/blog/news/news2.png);
    background-repeat: no-repeat;
}
.secondary--secondary-info>p{
    color:#06326B;
    margin:0;
    font-size:16px;
    font-weight:600
}
.secondary--secondary-info{
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
}
.blog-prensa--secondary{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap:16px
}
.blog-prensa--outstanding-video{
    width:491px;
    height:339px
}
.blog-prensa--secondary-video{
    width:256px;
    height:159px
}
.blog-prensa--outstanding-video>iframe,
.blog-prensa--secondary-video>iframe{
    border-radius:16px
}
.content-section--blog-prensa--video{
    gap:24px
}
.blog-prensa--video--secondary{
    display: flex;
    flex-direction: row;
    gap: 16px;
}
.tip--blog{
    max-width:445px
}
.gold-tip--blog>form{
    width:500px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap:24px
}
.gold-tip--blog>form>.form-outline{
    width:330px
}
.resources-contact--resources,
.resources-contact--contact{
    background:#F5F6FA;
    border-radius:16px;
    padding:24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
}
.resources-contact--resources>p,
.resources-contact--contact>p{
    font-size:16px;
    color:#4F4F4F;
    margin:0
}
.resources-contact--contact>form{
    display: flex;
    flex-direction: column;
    gap: 16px;
    width:100%
}
.resources-contact--contact>form>button{
    max-width:145px
}
.resources-contact--resources>h3,
.resources-contact--contact>h3{
    font-size:24px;
    color:#06326B;
    margin:0
}
.resources-contact{
    display:flex;
    flex-direction:row;
    gap:64px
}
.swiper-slide--carrousel-news{
    display: flex;
    flex-direction: row;
    gap:16px;
    align-items: center;
}
.info-news--category{
    color:#FF9015;
    font-size:14px;
    margin:0
}
.info-news--title{
    color:#06326B;
    font-size:16px;
    margin:0;
    line-height:100%;
    font-weight:600
}
.carrousel-news--info-news{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}
.carrousel-news--img{
    flex-shrink: 0;
    border-radius:16px;
    height:160px;
    width:160px;
    background-image:url(../img/content/rebranding/blog/news/carrusel-news.png);
    background-size:cover;
    background-repeat:no-repeat
}
.swiper-slide--carrousel-article{
    display: flex;
    flex-direction: column;
    gap:8px;
    align-items: center;
}
.info-article--category{
    color:#FF9015;
    font-size:14px;
    margin:0
}
.info-article--title{
    color:#06326B;
    font-size:18px;
    margin:0;
    line-height:100%;
    font-weight:600
}
.carrousel-article--info-article{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}
.carrousel-article--img{
    flex-shrink: 0;
    border-radius:16px;
    height:200px;
    width:342px;
    background-image:url(../img/content/rebranding/blog/news/article.png);
    background-size:cover;
    background-repeat:no-repeat
}
.swiper-pagination-bullet-active{
    background:#FF5C10!important
}
@media screen and (max-width:991px){
    .content-section--blog-prensa{
        flex-direction: column;
        gap:16px
    }
    .blog-prensa--outstanding{
        width:100%
    }
    .blog-prensa--outstanding-video{
        width:100%;
    }
    .blog-prensa--outstanding-video>iframe{
        width:100%;
    }
    .blog-prensa--secondary-video{
        width:100%;
    }
    .blog-prensa--secondary-video>iframe{
        width:100%;
    }
    .gold-tip--blog>form{
        flex-direction: column;
        width:100%
    }
    .gold-tip--blog{
        gap:24px
    }
    .resources-contact{
        flex-direction:column;
        gap:24px
    }
}
/*Blog*/
.maxxa-numbers--content{
    display:flex;
    flex-direction: row;
    justify-content: center;
    gap:48px
}
.maxxa-numbers{
    max-width:224px;
    min-width:224px;
    display:flex;
    flex-direction: row;
    gap:16px;
    margin-bottom:   48px
}
.maxxa-numbers--divider{
    width:4px;
    height: 60px;
    background:#06326B
}
.maxxa-numbers--numbers > h4,
.maxxa-numbers--numbers > p{
    margin:0
}
.maxxa-numbers--numbers > h4{
    font-size:24px;
    color:#06326B;
    font-weight:600
}
.maxxa-numbers--numbers > p{
    font-size:16px;
    color:#4E4F4F;
}
.issue-guarantee{
    display: flex;
    flex-direction: row;
    gap: 80px;
    justify-content: space-between;
}
.issue-guarantee--issue-steps{
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width:452px
}
.issue-steps{
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.issue-steps--title{
    margin:0;
    font-weight:600;
    font-size:16px
}
.issue-steps--desc{
    margin:0;
    font-size:16px
}
.ecosystem-content{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}
.ecosystem-content--ecosystem-info{
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.ecosystem-content--ecosystem-row{
    display: flex;
    flex-direction: row;
    gap: 40px;
}
.ecosystem-row--content{
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    min-width:478px;
    background:#F5F6FA;
    border-radius:8px;
    padding:16px
}
.ecosystem-row--content>p{
    font-size:16px;
    margin:0
}
.ecosystem-row--content.no-back{
    background:transparent;
    padding-left:0
}
@media screen and (max-width:990px){
    .maxxa-numbers--content {
        flex-direction: column;
    }
    .maxxa-numbers {
        max-width: 100%;
        min-width: 100%;
    }
    .issue-guarantee{
        flex-direction: column;
        gap: 40px;
    }
    .issue-guarantee>div>img{
        max-width:100%!important
    }
    .ecosystem-content--ecosystem-row{
        flex-direction: column;
        width: 100%;
    }
    .ecosystem-row--content{
        width:100%;
        min-width:100%
    }
}
/*SPACING*/
.d-mr-16{
    margin-right: 16px;
}

.ml-24{
    margin-left: 24px;
}

.mt-24{
    margin-top: 24px;
}

.mt-32{
    margin-top: 32px;
}

.mt-48{
    margin-top: 48px;
}

.mb-48{
    margin-bottom: 48px;
}

.m-64{
    margin:64px
}

.mt-64{
    margin-top:64px
}

.mb-64{
    margin-bottom:64px!important
}

.ml-64{
    margin-left:64px
}

.mr-64{
    margin-right:64px
}

.mb-32{
    margin-bottom:32px!important
}


.m-mb-32{
    margin-bottom:0px
}

.d-mr-16{
    margin-right:16px
}

.d-mr-64{
    margin-right:64px
}

.d-mb-64{
    margin-bottom:64px
}

.d-mb-56{
    margin-bottom:56px
}

.m-mb-40{
    margin-bottom:0px
}

.m-mt-16{
    margin-top:0px
}

.m-mb-16{
    margin-bottom:0
}

.d-pt-48{
    margin-top: 48px;
}

.d-ml-24{
    margin-left: 24px;
}

.m-mb-24{
    margin-bottom:0
}

.mx-16{
    margin-left: 16px !important;
    margin-right: 16px !important;
}

.my-11-5{
    margin: 11.5px 0;
}

.mb-24{
    margin-bottom: 24px !important;
}

.mx-24{
    margin: 0 24px;
}

.mr-24{
    margin-right: 0 24px;
}

.mx-48{
    margin: 0 48px;
}

.mb-16{
    margin-bottom: 16px!important;
}

.mt-16{
    margin-top: 16px;
}


@media screen and (max-width:991px){
    .d-mr-16{
        margin-right:0px
    }

    .d-mb-64{
        margin-bottom:0px
    }

    .d-mr-16{
        margin-right: 0px;
    }

    .m-mb-24{
        margin-bottom:24px
    }

    .d-mr-64{
        margin-right:0px
    }

    .d-mb-56{
        margin-bottom:0px
    }

    .m-mb-32{
        margin-bottom:32px;
        display:block
    }

    .m-mb-40{
        margin-bottom:40px
    }

    .m-mb-16{
        margin-bottom:16px
    }

    .m-mt-16{
        margin-top:16px
    }

    .m-mb-0{
        margin-bottom:0
    }

    .m-pb-0{
        padding-bottom:0
    }

    .d-pt-48{
        margin-top: 0px;
    }

    .d-ml-24{
        margin-left: 0px;
    }

    .m-mb-24{
        margin-bottom:24px
    }
}
/*SPACING*/

/*SIZING*/
.fz-14{
    font-size:14px
}
/*SIZING*/

.fade-out-transition {
    opacity: 0;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

.invisible-element {
    opacity: 0 !important;
    pointer-events: none;
}