#innovation-parceiros {
    --video-ratio: 608 / 342;
    --section--spacer: 60px;
}

body:has(#innovation-parceiros) .pbds-modal--video iframe {
    width: 100dvw;
    max-width: 1024px;
    aspect-ratio: 16/9;
}

#innovation-parceiros{ 
    margin: 40px 0 var(--section--spacer);
    .partner--card {
        img {
            width: 162px;
            aspect-ratio: 162/216;
            display: block;
            margin: 0 0 20px;
            object-fit: cover;
            object-position: center;
        }
        > span {
            display: block;
        }
    }
    .content--wrapper {
        display: grid;
        grid-template-columns: 1fr 608px;
        grid-template-areas: "content media";
        column-gap: 150px;
        row-gap: 40px;
        .content {
            grid-area: content;
            header {
                margin: 40px 0;
            }
        }
        .media {
            grid-area: media;
            .quote {
                width: 100%;
                max-width: 532px;
                margin: 20px auto 0;
                text-align: center;
                p {
                    font-size: 1.25rem;
                    line-height: 1.2;
                }
                span {
                    display: block;
                    font-size: 0.875rem;
                    &.author {
                        font-weight: 500;
                    }
                }
            }
        }
        @media (max-width: 1080px) {
            grid-template-columns: 100%;
            grid-template-areas: "content" "media";
        }
    }
    #parceiros {
        margin: 60px 0 0;
        .list {
            ul {
                display: grid;
                grid-template-columns: repeat(4,1fr);
                gap: 50px;
                @media (max-width:1080px) {
                    grid-template-columns: repeat(3,1fr);
                }
                @media (max-width:769px) {
                    grid-template-columns: repeat(2,1fr);
                }
                @media (max-width:600px) {
                    grid-template-columns: 100%;
                }
            }
        }
    }
}