﻿
.ctr_PasosEntrenamiento {
    background-color: var(--color_active);
    padding: 50px 0 135px 0;
}

    .ctr_PasosEntrenamiento .item {
        width: Calc(100% - 75px);
        max-width: 395px;
        margin: auto;
    }

        .ctr_PasosEntrenamiento .item .head {
            display: flex;
            color: white;
            margin-bottom: 22px;
            flex-direction: column;
        }

            .ctr_PasosEntrenamiento .item .head .big {
                font-size: 36px;
                line-height: 36px;
                display: block;
            }

            .ctr_PasosEntrenamiento .item .head .title {
                display: flex;
                flex-direction: column;
                line-height: 1;
                font-size: 30px;
                justify-content: center;
                position: relative;
                top: 10px;
            }

        .ctr_PasosEntrenamiento .item .body {
            position: relative;
        }

        .ctr_PasosEntrenamiento .item img {
            min-width: 100%;
            min-height: 100%;
        }

        .ctr_PasosEntrenamiento .item .box {
            /*position: absolute;
            bottom: 0px;
            right: -90px;*/
            background-color: var(--color_active);
            width: 100%;
            color: white;
            padding-left: 30px;
            padding-top: 25px;
            position:relative;
        }

            .ctr_PasosEntrenamiento .item .box svg {
                position: absolute;
                left: 10px;
                top: 30px;
            }

@media only screen and (max-width: 1700px) {
    .ctr_PasosEntrenamiento .item .box {
        /*right: -40px;*/
    }
}

@media only screen and (max-width: 1200px) {
    .ctr_PasosEntrenamiento .item .head {
        height: fit-content;
    }

        .ctr_PasosEntrenamiento .item .head .title {
            font-size: 24px;
            position: initial;
        }

        .ctr_PasosEntrenamiento .item .head .big {
            font-size: 60px;
            line-height: 67px;
        }

    .ctr_PasosEntrenamiento .item .box {
        font-size: 16px;
        line-height: 20px;
    }
}

@media only screen and (max-width: 992px) {
    .ctr_PasosEntrenamiento {
        padding-bottom: 90px;
    }

        .ctr_PasosEntrenamiento .item .head .title {
            font-size: 18px;
        }

        .ctr_PasosEntrenamiento .item .head .big {
            font-size: 40px;
            line-height: 46px;
        }

        .ctr_PasosEntrenamiento .item .box {
           /* left: 40px;
            width: 90%;
            bottom: -30px;*/
        }

        .ctr_PasosEntrenamiento .item {
            width: 100%;
        }
}

@media only screen and (max-width: 768px) {
    .ctr_PasosEntrenamiento .item {
        margin-bottom: 60px;
    }

        .ctr_PasosEntrenamiento .item .head .title {
            font-size: 30px;
        }

        .ctr_PasosEntrenamiento .item .head .big {
            font-size: 40px;
            line-height: 46px;
        }
}

