#Flagship_index {
    --clr-custom-promo: #9e9082;
    --clr-custom-alt: #f1eee9;/*#efebe5;*/
    .pbds-item--line,
    .pbds-item--line * {
        --radius: 0;
    }
    .pbds-mainmenu--flagship {
        transition: all 0.3s;
    }
    @media (max-width: 600px) {
        .pbds-mainmenu--flagship:has(.nav-link.active) {
            --menu-height: 72px;
            background: var(--clr-white);
            overflow: unset;
            .logo,
            .jsOpenSubmenu {
                img {
                    filter: invert(1);
                }
            }
        }
        #espaco {
        }
    }
    .pbds-carousel--main .pbds-container .carousel--wrapper .splide__arrows {
        opacity: 1;
        .splide__arrow {
            background: rgba(255,255,255,0.5) !important;
            img {
                filter: invert(1);
            }
        }
    }
    .pbds-carousel--lines .pbds-container .carousel--wrapper .splide__arrows {
        opacity: 1;
        .splide__arrow {
            background: rgba(255,255,255,0.5) !important;
            img {
                filter: invert(1);
            }
        }
    }
    > header {
        display: none;
    }
    .media--desktop {
        display: block;
    }
    .media--mobile {
        display: none;
    }
    @media (max-width: 1080px) {
        .media--desktop {
            display: none;
        }
        .media--mobile {
            display: block;
        }    
    }
    #mainImage {
        width: 100%;
        height: 100dvh;
        display: flex;
        justify-content: center;
        align-items: center;
        background: black;
        position: relative;        
        .scroll-animation {
            position: absolute;
            z-index: 1;
            bottom: 40px;
            left: 50%;
            display: flex;
            justify-content: flex-end;
            align-items: center;
            flex-direction: column;
            gap: 8px;
            transform: translateX(-50%);
            animation-name: scrollFade;
            animation-duration: 4s;
            animation-iteration-count: infinite;
            .text {
                font-size: 12px;
                color: var(--clr-white);
                letter-spacing: 4px;
                text-transform: uppercase;
            }
            .bar {
                display: block;
                width: 1px;
                height: 32px;
                background: var(--clr-white);
                animation-name: scrollContract;
                animation-duration: 4s;
                animation-iteration-count: infinite;
                animation-timing-function: ease-out;
            }
        }
        .pbds-container {
            height: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            > img {
                align-self: flex-end;
                width: auto;
                height: 75%;
                object-fit: contain;
                display: block;
            }
            .header--content {
                display: flex;
                justify-content: center;
                align-items: flex-start;
                flex-direction: column;
                span {
                    color: var(--clr-white);
                }
                .call {
                    font-size: 1.125rem;
                    font-weight: 400;
                    color: var(--clr-white);
                    text-transform: uppercase;
                    letter-spacing: 2px;
                }
                .title {
                    font-size: 3rem;
                    font-weight: 300;
                    letter-spacing: 2px;
                }
                .address {
                    margin: 30px 0 0;
                    font-size: 1.125rem;
                    font-weight: 400;
                    color: var(--clr-white);
                    text-transform: uppercase;
                }
            }
            @media (max-width: 769px) {
                flex-direction: column;
                justify-content: flex-end;
                align-items: flex-start;
                > img {
                    height: 50%;
                }
                .header--content {
                    margin: 0 0 30px;
                    .title {
                        font-size: 1.6rem;    
                    }
                    .call,
                    .address {
                        margin: 10px 0 0;
                        font-size: 0.875rem;
                    }
                }
            }
        }
    }
    #projeto {
        padding: 120px 0;
        .content--wrapper {
            max-width: 820px;
            padding: 0 20px;
            display: grid;
            grid-template-columns: 100%;
            grid-template-areas: "media" "content";
            gap: 20px;
            margin: 0 auto;
            .content{
                grid-area: content;
                align-self: center;
                p:last-of-type {
                    margin: 0;
                }
            }
            .media {
                grid-area: media;
                width: 100%;
                aspect-ratio: 740 / 420;
                position: relative;
                overflow: hidden;
                align-self: center;
                > iframe {
                    width: 100%;
                    height: 100%;
                }
            }
        }
        @media (max-width: 1080px) {
            padding: 80px 0;
        }
        @media (max-width: 600px) {
            padding: 40px 0;
        }
    }
    #espaco {
        --espaco-content-height: 232px; 
        height: calc(100dvh - var(--menu-height));
        background: var(--clr-custom-alt);
        padding: 120px 0;
        > .pbds-container {
            height: 100%;
            padding: 0 100px;
            display: grid;
            grid-template-columns: 60% 1fr;
            grid-template-areas: "image content";
            gap: 10%;
            img {
                display: block;
            }
            .content--wrapper {
                margin-top: 80px;
                grid-area: content;
                align-self: center;
                height: var(--espaco-content-height);
                h2 {
                    margin: 0 0 var(--spacer);
                    font-size: 1rem;
                    font-weight: 500;
                    letter-spacing: 4px;
                    color: var(--clr-black);
                    text-transform: uppercase;
                }
                .content {
                    max-width: 836px;
                    font-size: 1rem;
                    font-weight: 300;
                    color: var(--clr-black);
                    p:last-of-type {
                        margin: 0;
                    }
                }
            }
            .banner--wrapper {
                grid-area: image;
                align-self: center;
                > img {
                    width: 100%;
                }
            }
        }
        @media (max-width: 1080px) {
            padding: 80px 0;
            height: auto;
            > .pbds-container {
                height: auto;
                padding: 0;
                grid-template-columns: 100%;
                grid-template-areas: "image" "content";
                .content--wrapper {
                    margin-top: 0px;
                }
            }
        }
        @media (max-width: 600px) {
            --espaco-content-height: auto;
            padding: 40px 0;
            > .pbds-container {
                .content--wrapper {
                    p {
                        padding-bottom: 40px;
                    }
                }
            }
        }
    }
    #agendamento {
        position: relative;
        background: var(--clr-custom-promo);
        .content-wrapper {
            min-height: 650px;
            margin-left: 50%;
            padding-left: 126px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            gap: 40px;
            h2 {
                font-size: 1rem;
                font-weight: 500;
                letter-spacing: 4px;
                color: var(--clr-white);
                text-transform: uppercase;
            }
            p {
                color: var(--clr-white);
            }
            .pbds-btn {
                width: auto;
                align-self: start;
            }
        }
        .background {
            width: 50%;    
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: center;
                display: block;
                position: relative;
            }
        }
        @media (max-width: 1080px) {
            .content-wrapper {
                min-height: 412px;
                padding-left: 60px;
            }
        }
        @media (max-width: 600px) {
            .background {
                width: 100%;
                height: 456px;
                position: relative;
            }
            .content-wrapper {
                min-height: auto;
                margin-left: 0;
                padding: 40px 0px;
                gap: 20px;
            }
        }
    }
    #colecao {
        padding: 120px 0;
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: auto auto;
        grid-template-areas: "carousel" "content";
        background: var(--clr-custom-alt);
        .content--wrapper {
            grid-area: content;
            .wrapper {
                display: grid;
                grid-template-columns: auto 1fr;
                grid-template-areas: "title content";
                column-gap: 60px;
                row-gap: 0;
                h2 {
                    font-size: 1rem;
                    font-weight: 500;
                    letter-spacing: 4px;
                    color: var(--clr-black);
                    text-transform: uppercase;
                    align-self: center;
                    justify-self: end;
                }
                .content {
                    max-width: 836px;
                    font-size: 1rem;
                    font-weight: 300;
                    color: var(--clr-black);
                    align-self: center;
                    justify-self: start;
                    p:last-of-type {
                        margin: 0;
                    }
                }
            }
        }
        .related--wrapper{
            grid-area: carousel;
        }
        .pbds-carousel--related-lines {
            background: none;
            border: none;
            padding: 0 0 60px;
            .carousel--wrapper{
                > header {
                    display: none;
                } 
                .pbds-item--line {
                    padding: 8px !important;
                    grid-template-areas: "image" "name";
                    .info, .tags, .channel {
                        display: none;
                    }
                    .name {
                        font-size: 1rem;
                        color: var(--clr-black);
                    }
                }
            }
            .splide__arrow {
                background: rgba(255,255,255,0.5);
                &[disabled] {
                    opacity: 0.3;
                }
                > img {
                    filter: invert(1);
                }
            }
        }
        @media (max-width: 1080px) {
            padding: 60px 0;
        }
        @media (max-width: 600px) {
            padding: 40px 20px;
            .content--wrapper {
                .wrapper {
                    grid-template-columns: 100%;
                    grid-template-rows: auto;
                    grid-template-areas: "title" "content";
                    row-gap: 20px;
                    h2 {
                        align-self: end;
                        justify-self: start;
                    }
                    .content {
                        align-self: start;
                        justify-self: start;
                    }
                }
            }
        }
    }
    #endereco {
        padding: 80px 0;
        background: var(--clr-gray-100);
        iframe {
            filter: grayscale(1);
        }
        .content--wrapper {
            display: grid;
            grid-template-columns: 42% 1fr;
            grid-template-areas: "map content";
            gap: 135px;
            .map--wrapper {
                aspect-ratio: 627/475;
            }
            .address--wrapper {
                align-self: center;
                .title {
                    margin: 0 0 40px;
                    font-size: 1rem;
                    font-weight: 500;
                    letter-spacing: 4px;
                    color: var(--clr-black);
                    text-transform: uppercase;

                }
                .address {
                    margin: 0 0 40px;
                }
                .time {
                    margin: 0 0 40px;
                }
                .links {
                    display: flex;
                    gap: 40px;
                }
            }
        }
        @media (max-width: 1080px) {
            padding: 60px 20px;
            .content--wrapper {
                grid-template-columns: 48% 1fr;
                gap: 60px;
            }
        }
        @media (max-width: 600px) {
            padding: 40px 0px;
            .content--wrapper {
                grid-template-columns: 100%;
                grid-template-areas: "map" "content";
            }
            .address--wrapper {
                .links {
                    justify-content: center;
                }
            }
        }
    }
}
@keyframes scrollContract {
    0% {
        height: 32px;
    }
    75% {
        height: 32px;
    }
    100% {
        height: 4px;
    }
}
@keyframes scrollFade {
    0% {
        opacity: 0;
    }
    20% {
        opacity: 0;
    }
    25% {
        opacity: 1;
    }
    95% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}