section.formacion {
    background-color: #EEECE0;
    padding: 80px;
    position: relative;
}

section.formacion .titulo {
    width: 561px;
    height: auto;
}

section.formacion .items {
    height: 636px;
    position: relative;
    margin-top: 100px;
}

section.formacion .item {
    position: absolute;
    transition: left 300ms;
    top: 0;
    width: 450px;
    height: 636px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

section.formacion .nav {
    position: absolute;
    top: 100px;
    right: 80px;
    display: flex;
}

section.formacion .nav > div {
    cursor: pointer;
    margin-left: 40px;
    transition: 300ms;
    width: 80px;
    height: 80px;
    background: url(../img/noticias/flecha-noticias-arriba.svg) no-repeat center/contain;
}

section.formacion .nav .anterior {
    transform: rotate(-90deg);
}

section.formacion .nav .siguiente {
    transform: rotate(90deg);
}

section.formacion .nav .anterior:hover {
    transform: rotate(-90deg) scale(1.1);
}

section.formacion .nav .siguiente:hover {
    transform: rotate(90deg) scale(1.1);
}

@media(max-width: 1300px) {
    section.formacion .items {
        height: 450px;
    }

    section.formacion .item {
        width: 322px;
        height: 100%;
    }
}

@media(max-width: 991px) {
    section.formacion {
        padding: 25px;
    }

    section.formacion .titulo {
        width: 60vw;
    }

    section.formacion .items {
        height: 68vh;
        margin-top: 50px;
    }

    section.formacion .nav {
        bottom: 15px;
        top: unset;
        left: 25vw;
        right: 25vw;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
    }

    section.formacion .nav > div {
        width: 55px;
        height: 55px;
        margin: 0;
    }
}