﻿.secao-chamadas a:hover .arrow, .secao-chamadas a:focus .arrow {
    transform: translate(5px, -5px);
}

.curso-img {
    aspect-ratio: 53.6 / 33;
}

    .curso-img::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(0deg, rgba(var(--ucdb-azul-claro), 1) 0%, rgba(var(--ucdb-azul-claro), 0) 50%);
    }

.ultra-small {
    font-size: 0.75rem
}

.wrapper .wrapper-item .wrapper-card {
    background-size: cover;
    background-color: rgba(0,0,0,.5);
    background-blend-mode: overlay;
    background-position: center;
    transition: all 500ms var(--animation-cubic);
}

/*.wrapper .wrapper-item:first-child .wrapper-card {
    background-image: url("../img/MBA/ciencias-agrarias.jpg")
}

.wrapper .wrapper-item:nth-child(2) .wrapper-card {
    background-image: url("../img/MBA/saude.jpg")
}

.wrapper .wrapper-item:nth-child(3) .wrapper-card {
    background-image: url("../img/MBA/negocios.jpg")
}

.wrapper .wrapper-item:nth-child(4) .wrapper-card {
    background-image: url("../img/MBA/tecnologia.jpg")
}

.wrapper .wrapper-item:nth-child(5) .wrapper-card {
    background-image: url("../img/MBA/direito.jpg")
}*/

.wrapper .wrapper-item .wrapper-description {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 500ms ease-in-out, max-height 500ms ease-in-out;
    transition-delay: 100ms
}

.wrapper .wrapper-item.active .wrapper-description {
    opacity: 1;
    max-height: 500px;
}

.wrapper .wrapper-title {
    transition: all 200ms ease;
}


@media screen and (min-width: 992px) {
    .secao-banner-simples + .secao-chamadas {
        position: absolute;
        width: 100%;
        top: 50%;
        transform: translateY(-50%);
        margin: 0 !important;
        z-index: 1;
    }

    .wrapper .wrapper-item {
        height: 600px
    }

        .wrapper .wrapper-item .wrapper-card {
            height: 100%;
            width: 100px;
            display: flex;
            flex-direction: column;
            justify-content: end
        }

        .wrapper .wrapper-item:not(.active) .wrapper-title {
            writing-mode: sideways-lr;
            margin: auto;
        }

            .wrapper .wrapper-item.active .wrapper-card {
                width: 600px;
            }

        .wrapper .wrapper-item:not(.active):hover .wrapper-title {
            transform: translateY(-20px)
        }

    .banner-tools {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 1rem;
        position: absolute;
        bottom: 3rem;
        left: 50%;
        transform: translateX(-50%);
        z-index: 1;
    }

        .banner-tools > * {
            position: relative;
            top: unset;
            left: unset;
            right: unset;
        }
}


@media screen and (min-width: 1200px) {
    .wrapper .wrapper-item.active .wrapper-card {
        width: 700px;
    }
}


@media screen and (min-width: 1400px) {
    .wrapper .wrapper-item.active .wrapper-card {
        width: 800px;
    }
}
