/*====================================================
CTA FINAL
====================================================*/

.cta-final{

    padding:170px 0;

    background:#f7f9fc;

    position:relative;

}

.cta-center{

    max-width:980px;

    margin:auto;

    text-align:center;

}

.cta-badge{

    display:inline-block;

    padding:10px 24px;

    border-radius:40px;

    background:#eaf2ff;

    color:#235C98;

    font-size:13px;

    font-weight:800;

    letter-spacing:1px;

    margin-bottom:35px;

}

.cta-center h2{

    font-size:72px;

    line-height:1.05;

    font-weight:900;

    color:#14213d;

    margin-bottom:30px;

}

.cta-center h3{

    font-size:34px;

    font-weight:700;

    color:#235C98;

    margin-bottom:35px;

}

.cta-center p{

    max-width:820px;

    margin:auto;

    font-size:22px;

    line-height:1.9;

    color:#6b7280;

    margin-bottom:55px;

}

.cta-buttons{

    display:flex;

    justify-content:center;

    gap:22px;

    flex-wrap:wrap;

    margin-bottom:55px;

}


/*----------------------------------------------------
BOTÓN SECUNDARIO
----------------------------------------------------*/

.btn-outline{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:18px 36px;

    border:2px solid #235C98;

    border-radius:60px;

    text-decoration:none;

    color:#235C98;

    font-weight:700;

    transition:.30s;

}

.btn-outline:hover{

    background:#235C98;

    color:#fff;

}


/*----------------------------------------------------
BENEFICIOS
----------------------------------------------------*/

.cta-benefits{

    display:flex;

    justify-content:center;

    gap:35px;

    flex-wrap:wrap;

    padding-top:35px;

    border-top:1px solid #dbe5f2;

}

.cta-benefits span{

    color:#235C98;

    font-weight:600;

    font-size:16px;

}


/*----------------------------------------------------
RESPONSIVE
----------------------------------------------------*/

@media(max-width:900px){

    .cta-center h2{

        font-size:54px;

    }

    .cta-center h3{

        font-size:28px;

    }

}

@media(max-width:600px){

    .cta-final{

        padding:120px 0;

    }

    .cta-center h2{

        font-size:40px;

    }

    .cta-center p{

        font-size:18px;

    }

    .cta-benefits{

        flex-direction:column;

        gap:15px;

    }

}