h1 {
    font-size: 35px;
    font-family: WorkSans-Bold;
}

h2 {
    font-size: 54px !important;
}

h3 {
    font-size: 38px;
    color: #644586;
    font-family: WorkSans-Bold;
}

p {
    font-size:26px;
}



.subtitle {
    font-size: 36px;
    color: #555555;
}

.tiny-subtitle {
    font-size: 19px;
    color: #000000;
}

.img-resp {
    width: -webkit-fill-available; /* Safari / Chrome antiguos */
    width: -moz-available; /* Firefox */
    box-sizing: border-box;
}

@media only screen and (max-width: 992px) {

    h1 {
        font-size: 20px;
    }

    h2 {
        font-size: 20px !important;
    }

    h3 {
        font-size: 20px !important;
    }

    .subtitle {
        font-size: 20px;
    }

    .tiny-subtitle {
        font-size: 9px;
    }

    p {
        font-size: 16px;
    }
}


#img_chica {
    background: url('../Images/ReCash/img_chica.png') no-repeat center center;
    background-size: contain;
    height: 620px;
    border-radius: 15px;
    transition: background 0.3s ease;
}

@media only screen and (max-width: 992px) {
    #img_chica {
        background: url('../Images/ReCash/img_chica_responsive.png') no-repeat center center;
        background-size: contain;
        height: 185px;
    }

    .img-responsive {
        width: 70%;
    }
}


.video-container {
    position: relative;
    padding-bottom: 56.25%; /* Proporción 16:9 */
    height: 0;
    overflow: hidden;
    border-radius: 40px;
}

    .video-container iframe,
    .video-container video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
        border-radius: 40px;
    }



.container-green {
    background: #00AF66;
    padding: 35px;
    border-radius: 0 40px 0 40px;
}

    .container-green p {
        font-size: 30px;
        color: #fff;
    }

    .container-green a {
        background: #644586;
        padding: 25px;
        font-size: 30px;
        color: #fff;
        border-radius: 0 20px 0 20px;
        font-family: WorkSans-Semibold;
    }

.container-violet {
    background: #644586;
    padding: 35px;
    border-radius: 0 40px 0 40px;
}

    .container-violet p {
        font-size: 30px;
        color: #fff;
    }

    .container-violet a {
        background: #00AF66;
        padding: 25px;
        font-size: 30px;
        color: #fff;
        border-radius: 0 20px 0 20px;
        font-family: WorkSans-Semibold;
    }


@media only screen and (max-width: 992px) {

    .container-green {
        padding: 20px;
        border-radius: 0 20px 0 20px;
    }

        .container-green p {
            font-size: 15px;
        }

        .container-green a {
            padding: 15px;
            font-size: 14px;
            border-radius: 0 10px 0 10px;
        }

    .container-violet {
        padding: 20px;
        border-radius: 0 20px 0 20px;
    }

        .container-violet p {
            font-size: 14px;
        }

        .container-violet a {
            padding: 15px;
            font-size: 14px;
            border-radius: 0 10px 0 10px;
        }
}


.card-green {
    background: #00AF66;
    border-radius: 0 20px;
    padding: 40px 20px;
    color: #fff;
    min-height: 435px;
    margin-bottom: 35px;
}

    .card-green h3 {
        font-family: WorkSans-Bold;
        font-size: 38px;
    }

    .card-green h4 {
        font-family: WorkSans-Bold;
        font-size: 14px;
    }

    .card-green p {
        font-size: 14px;
    }

    .card-green .icon {
        height: 55px;
        width: 55px;
        object-fit: contain;
    }

    .card-green .icline {
        border-left: solid 1px #fff;
        border-right: solid 1px #fff;
    }

.line-card {
    position: absolute;
    top: 0;
    left: 15px;
    width: 200px;
    height: 15px;
    background: #68478D
}


.card-gray {
    background: #EBEDEC;
    border-radius: 0 20px;
    padding: 40px;
    min-height:435px;
    margin-bottom:35px;
}

    .card-gray h3 {
        font-family: WorkSans-Bold;
        font-size: 38px;
        color: #644586;
        text-align:center;
    }
    .card-gray p,
    .card-gray ul {
        font-size: 26px;
        color: #000;
        text-align: justify;
    }

@media only screen and (max-width: 992px) {
    .card-gray h3,
    .card-green h3 {
        font-size:28px;
    }

    .card-gray p,
    .card-gray ul {
        font-size: 16px;
    }

    .card-gray {
        min-height: auto;
    }
}





#img_inversiones {
    background: url('../Images/ReCash/img_inversiones.png') no-repeat center center;
    background-size: contain;
    height: 620px;
    border-radius: 15px;
    transition: background 0.3s ease;
}

@media only screen and (max-width: 992px) {
    #img_inversiones {
        background: url('../Images/ReCash/img_inversiones_responsive.png') no-repeat center center;
        background-size: contain;
        height: 180px;
    }
}

.button-violet,
.button-violet:hover{
    background: #644586;
    font-size: 30px;
    color: #fff;
    padding: 15px 30px;
    font-size: 20px;
    border-radius: 0 10px 0 10px;
    font-family: WorkSans-Semibold;
    display:inline-flex;
}

@media only screen and (max-width: 992px) {
    .button-violet,
    .button-violet:hover {
        font-size:14px;
    }
}



.bg-footer {
    background: #00AF66;
    padding: 50px 30px;
}

    .bg-footer p {
        color: #fff;
        font-size: 16px;
    }

@media only screen and (max-width: 992px) {
    .bg-footer p {
        text-align:center;
    }
}