#innovation,
#innovation * {
    --section--spacer: 60px;
    --header--ratio: unset;
    --header--height: 380px;
    @media (max-width:600px) {
        --header--height: 270px;
    }
}
#innovation {
    .content--wrapper {
        display: grid;
        grid-template-columns: 1fr 40%;
        grid-template-areas: "content media";
        gap: 130px;
        &.right {
            grid-template-columns: 40% 1fr;
            grid-template-areas: "media content";
        }
        .content {
            grid-area: content;
            align-self: center;
        }
        h2 {
            margin: 0 0 8px;
        }
        .slogan {
            display: block;
            font-weight: 500;
            margin: 0 0 40px;
        }
        .pbds-btn {
            margin: 40px 0 0;
        }
        .media {
            grid-area: media;
            align-self: center;
            position: relative;
            > img {
                width: 100%;
                aspect-ratio: 608/441;
                display: block;
                object-fit: cover;
                object-position: center;
                border-radius: 5px;
            }
        }
        @media (max-width: 992px) {
            grid-template-columns: 100% !important;
            grid-template-areas: "media""content" !important;
            gap: 20px;
        }
    }
    #intro {
        margin: 40px 0 var(--section--spacer);
        h1 {
            margin: 8px 0 40px;
        }
        .media {
            > img {
                aspect-ratio: 608/405 !important;
            }
        }
    }
    #viagens {
        padding: var(--section--spacer) 0;
        background: var(--clr-gray-500);
        h2,p,.slogan {
            color: var(--clr-white);
        }
        .logo {
            width: auto;
            aspect-ratio: unset;
            position: absolute;
            right: 20px;
            bottom: -48px;
            @media (max-width: 992px) {
                width: 40dvw;
                bottom: 20px;
            }
        }
    }
    #docs {
        margin: var(--section--spacer) 0 0;
    }
    #coletivo {
        margin: 0 0 var(--section--spacer);
    }
}