/* ========================================
   MISSÕES
======================================== */

.missoes {
    position: relative;
    z-index: 7;

    margin-top: -70px;
    padding: 120px 0 100px;

    background: #050505;

    clip-path: polygon(
        0 4%,
        8% 2%,
        18% 5%,
        28% 2%,
        39% 4%,
        50% 1%,
        61% 4%,
        72% 2%,
        83% 5%,
        92% 2%,
        100% 4%,
        100% 96%,
        92% 99%,
        82% 97%,
        70% 100%,
        58% 97%,
        47% 99%,
        35% 96%,
        23% 99%,
        12% 97%,
        0 100%
    );
}


/* ========================================
   CONTEÚDO
======================================== */

.missoes-content {
    width: min(1450px, 90%);
    margin: 0 auto;

    display: grid;
    grid-template-columns: 1fr 1fr;

    align-items: center;
    gap: 80px;
}


/* ========================================
   ITENS
======================================== */

.missoes-item {
    display: flex;
    align-items: center;
}

.missoes-item-left {
    justify-content: flex-end;
    padding-right: 60px;
}

.missoes-item-right {
    justify-content: flex-start;
    padding-left: 60px;
}


/* ========================================
   SVGs
======================================== */

.missoes-item img {
    display: block;

    width: 65%;
    max-width: 620px;
    height: auto;

    transition:
        transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.missoes-item:hover img {
    transform: translateY(-8px) scale(1.015);
}


/* CELULAR */
@media (max-width: 800px) {

    .missoes {
        margin-top: -40px;
        padding: 90px 0 70px;

        clip-path: polygon(
            0 3%,
            12% 5%,
            24% 2%,
            37% 5%,
            50% 2%,
            63% 5%,
            76% 2%,
            88% 5%,
            100% 3%,
            100% 97%,
            88% 100%,
            75% 97%,
            63% 100%,
            50% 97%,
            37% 100%,
            24% 97%,
            12% 100%,
            0 97%
        );
    }

    .missoes-content {
        width: 88%;

        display: flex;
        flex-direction: column;

        align-items: center;

        gap: 35px;
    }

    .missoes-item {
        width: 100%;

        justify-content: center;
    }

    .missoes-item-left {
    transform: translateX(30px);
}

.missoes-item-right {
    transform: translateX(-30px);
    width: 108%;
    max-width: 650px;
}
}

    .missoes-item img {
        width: 100%;
        max-width: 600px;
    }

}