#proj{
    position: relative;
    padding: 70px 0;

    .projetos-paineis {
        position: relative;
        z-index: 1;
    }

    .projetos-lista {
        display: none;
        flex-direction: column;
        gap: 80px;

        &.ativo {
            display: flex;
        }
    }

    .projeto-item {
        display: flex;
        align-items: center;
        gap: 64px;

        &.invertido {
            flex-direction: row-reverse;
        }
    }

    .projeto-foto {
        position: relative;
        width: 55%;
        flex-shrink: 0;

        img {
            display: block;
            width: 100%;
            min-height: 350px;
            object-fit: cover;
        }

        .projeto-cta {
            position: absolute;
            right: 16px;
            bottom: 16px;
        }
    }

    .projeto-texto {
        flex: 1;
    }

    .projeto-label {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        margin-bottom: 16px;
        letter-spacing: 1px;
        color: var(--primitive-colors-neutral-900, #1E293B);
        font-size: 14px;
        font-weight: 500;
        line-height: 160%;
        text-transform: uppercase;

        i {
            display: inline-block;
            width: 8px;
            height: 8px;
            background: var(--primitive-colors-orange-500, #F26900);
        }
    }

    .projeto-texto h3 {
        margin-bottom: 32px;
        color: var(--primitive-colors-neutral-900, #1E293B);
        font-size: 32px;
        font-weight: 700;
        line-height: 125%;
    }

    .projeto-specs {
        li {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 16px;
            padding: 16px 0;
            border-bottom: 1px solid #2C3540;;

            &:first-child {
                border-top: 1px solid #2C3540;;
            }

            span {
                color: #8C9298;
                font-size: 16px;
                font-weight: 500;
                line-height: 125%;
            }

            strong {
                color: var(--primitive-colors-neutral-900, #1E293B);
                text-align: right;
                font-size: 14px;
                font-weight: 500;
                line-height: 125%;
            }
        }
    }

    @media (max-width: 1024px) {
        padding: 80px 0;

        .projeto-item {
            flex-direction: column;
            gap: 32px;

            &.invertido {
                flex-direction: column;
            }
        }

        .projeto-foto {
            width: 100%;
        }
    }

    @media (max-width: 767px) {
        padding: 56px 0;

        .projeto-texto h3 {
            font-size: 22px;
        }

        .projeto-cta {
            right: 12px;
            bottom: 12px;
            padding: 6px 16px;
            font-size: 13px;
        }
    }

    @media (max-width: 480px) {
        .projeto-foto img {
            min-height: 240px;
        }
    }
}

#galeria{
    position: relative;
    padding: 70px 0 ;

    .galeria-topo {
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center;
        gap: 32px;
        margin-bottom: 56px;
        position: relative;
        z-index: 3;
        text-align: center;
    }

    .galeria-eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        letter-spacing: 1px;
        color: var(--primitive-colors-neutral-900, #1E293B);
        font-size: 14px;
        font-weight: 500;
        text-transform: uppercase;

        i {
            display: inline-block;
            width: 10px;
            height: 10px;
            background: var(--primitive-colors-orange-500, #F26900);
        }
    }

    .galeria-intro h2 {
        margin-top: 12px;
        font-size: 40px;
        font-weight: 700;
        color: var(--primitive-colors-blue-900, #081B33);
        font-size: 48px;
        line-height: 120%; /* 57.6px */
        letter-spacing: -0.96px;
    }

    .myMvv {
        padding: 15px 0;
    }

    .passadores-galeria {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 16px;
        margin-top: 24px;

        .swiper-button-prev {
            order: -1;
        }
    }

    .swiper-button-next,
    .swiper-button-prev {
        position: static;
        width: 50px;
        height: 50px;
        margin-top: 0;
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;

        &::after {
            content: none;
        }
    }

    .swiper-button-next {
        background-image: url(../img/passador-direita.png);
    }

    .swiper-button-prev {
        background-image: url(../img/passador-esquerda.png);
    }

    .position-relative {
        position: relative;
    }

    .img-galeria{
        width: 100%;
        height: 450px;
        object-fit: cover;
    }

    @media (max-width: 790px) {
        .img-galeria {
            height: 310px;
        }
    }
}

#video {
    position: relative;
    padding: 50px 0;
    background: var(--primitive-colors-blue-900, #081B33);

    &:after{
        background-image: url(../img/bg-quadrado.png);
        background-size: contain;
        display: inline-block;
        width: 462px;
        height: 334px;
        content: "";
        position: absolute;
        bottom: 0px;
        left: 0px;
        background-repeat: no-repeat;
        z-index: 0;
    }


    

    .video-topo {
        margin-bottom: 32px;
    }

    .video-eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        margin-bottom: 12px;
        /* letter-spacing: 1px; */
        text-transform: uppercase;
        color: var(--primitive-colors-neutral-50, #F7F9FC);
        font-size: 14px;
        font-weight: 500;

        i {
            display: inline-block;
            width: 8px;
            height: 8px;
            background: var(--primitive-colors-orange-500, #F26900);
        }
    }

    .video-topo h2 {
        color: var(--primitive-colors-neutral-50, #F7F9FC);
        font-size: 48px;
        font-weight: 700;
        line-height: 120%;
    }

    .video-player {
        position: relative;
        display: block;
        overflow: hidden;
        
        img {
            display: block;
            height: 460px;
            width: 100%;
            aspect-ratio: 16 / 7;
            object-fit: cover;
        }
    }

    .video-overlay {
        position: absolute;
        inset: 0;
        z-index: 0;
        background: linear-gradient(110deg, #7A4420 23.91%, rgba(53, 37, 37, 0.50) 54.79%, rgba(23, 41, 73, 0.00) 101.06%);
        /* mix-blend-mode: multiply;
        backdrop-filter: blur(100px); */
        opacity: 0.9;
        pointer-events: none;
    }

    .video-play {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 64px;
        height: 64px;
        background: var(--primitive-colors-orange-500, #F26900);
        border-radius: 50%;
        transform: translate(-50%, -50%);
        transition: 300ms all ease-in-out;

        svg {
            margin-left: 3px;
            color: var(--branco, #F5F3F0);
        }
    }

    .video-player:hover .video-play {
        transform: translate(-50%, -50%) scale(1.08);
    }

    @media (max-width: 767px) {
        padding: 56px 0;

        &:after {
            display: none;
        }

        .video-topo {
            text-align: center;
        }

        .video-topo h2 {
            font-size: 26px;
        }

        .video-play {
            width: 52px;
            height: 52px;
        }
    }
}


#diferenciais{
    position: relative;
    padding: 52px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;


    .diferenciais-topo {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        gap: 32px;
        margin-bottom: 56px;
        position: relative;
        z-index: 3;
    }

    .diferenciais-eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        letter-spacing: 1px;
        color: var(--primitive-colors-neutral-0, #FFF);
        font-size: 14px;
        font-weight: 500;
        text-transform: uppercase;

        i {
            display: inline-block;
            width: 10px;
            height: 10px;
            background: var(--primitive-colors-orange-500, #F26900);
        }
    }

    .diferenciais-intro h2 {
        margin-top: 12px;
        font-size: 40px;
        font-weight: 700;
        color: var(--primitive-colors-neutral-0, #FFF);
        font-size: 48px;
        line-height: 120%; /* 57.6px */
        letter-spacing: -0.96px;
    }

    .diferenciais-descricao {
        max-width: 620px;
        font-size: 16px;
        color: var(--primitive-colors-neutral-0, #FFF);
        font-size: 18px;
        font-weight: 500;
        line-height: 160%; /* 28.8px */
    }

    .moldura {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        border: 0.8px solid var(--primitive-colors-neutral-900, #1E293B);
        background: var(--primitive-colors-neutral-900, #1E293B);
        box-shadow: 6px 6px 16px 0 rgba(0, 102, 255, 0.12);
        flex-direction: column;
        padding: 22px 50px;
        min-height: 160px;

        .titulo-diferencial {
            color: var(--branco, #F5F3F0);
            font-size: 16px;
            font-weight: 700;
            display: flex;
            align-items: center;
            gap: 10px;
            margin-bottom: 16px;

            &::before {
                content: '';
                display: inline-block;
                width: 8px;
                height: 8px;
                flex-shrink: 0;
                background: var(--primitive-colors-orange-500, #F26900);
            }

            img{
                width: 24px;
                height: 24px;
                object-fit: contain;
                margin-right: 0;
            }
        }

        .texto-diferencial {
            color: var(--primitive-colors-neutral-0, #FFF);
            font-size: 16px;
            font-weight: 400;
            line-height: 160%;
        }
    }

    .swiper-button-next,
    .swiper-button-prev {
        width: 50px;
        height: 50px;
        margin-top: -25px;
        background-color: transparent;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;

        &::after {
            content: none;
        }
    }

    .swiper-button-next {
        background-image: url(../img/passador-direita.png);
        right: -60px;
    }

    .swiper-button-prev {
        background-image: url(../img/passador-esquerda.png);
        left: -60px;
    }

    .position-relative {
        position: relative;
    }

    @media (max-width: 1024px) {
        .diferenciais-topo {
            flex-wrap: wrap;
        }

        .passadores {
            display: none;
        }
    }

    @media (max-width: 790px) {
        .swiper-button-next {
            right: 0;
        }

        .swiper-button-prev {
            left: 0;
        }
    }

    @media (max-width: 480px) {
        .diferenciais-intro h2 {
            font-size: 32px;
        }

        .swiper-button-next {
            right: 20px;
        }

        .swiper-button-prev {
            left: 20px;
        }
    }
}

#localizacao {
    position: relative;
    padding: 100px 0;
    background: var(--primitive-colors-neutral-50, #F7F9FC);

    .localizacao-conteudo {
        display: flex;
        align-items: flex-start;
        gap: 48px;
    }

    .localizacao-texto {
        width: 38%;
        flex-shrink: 0;
    }

    .localizacao-eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        margin-bottom: 16px;
        color: var(--primitive-colors-neutral-700, #4B5563);
        font-size: 14px;
        font-weight: 500;
        line-height: 160%;
        text-transform: uppercase;

        i {
            display: inline-block;
            width: 10px;
            height: 10px;
            background: var(--primitive-colors-orange-500, #F26900);
        }
    }

    .localizacao-texto h2 {
        margin-bottom: 20px;
        color: var(--primitive-colors-neutral-900, #1E293B);
        font-size: 44px;
        font-weight: 700;
        line-height: 125%;
    }

    .localizacao-texto p {
        color: var(--primitive-colors-neutral-700, #4B5563);
        font-size: 17px;
        font-weight: 400;
        line-height: 160%;
    }

    .localizacao-mapa {
        position: relative;
        flex: 1;
        overflow: hidden;
        width: 100%;

        iframe {
            display: block;
            width: 100%;
            height: 360px;
            border: 0;
        }
    }

    .localizacao-cta {
        position: absolute;
        right: 16px;
        bottom: 16px;
    }

    @media (max-width: 1024px) {
        .localizacao-conteudo {
            flex-direction: column;
        }

        .localizacao-texto {
            width: 100%;
        }

        .localizacao-mapa iframe {
            height: 320px;
        }
    }

    @media (max-width: 767px) {
        padding: 56px 0;

        .localizacao-texto h2 {
            font-size: 28px;
        }

        .localizacao-cta {
            right: 12px;
            bottom: 12px;
            padding: 6px 16px;
            font-size: 13px;
        }
    }

    @media (max-width: 480px) {
        .localizacao-mapa iframe {
            height: 260px;
        }

        .localizacao-cta {
            left: 12px;
            right: 12px;
            justify-content: center;
        }
    }
}

#cta {
    padding: 60px 0;
    background: var(--primitive-colors-blue-900, #081B33);

    .cta-conteudo {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 24px;
    }

    .cta-info {
        display: flex;
        align-items: center;
        gap: 20px;
    }

    .cta-icone {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        color: var(--primitive-colors-orange-500, #F26900);
    }

    .cta-texto h2 {
        color: var(--primitive-colors-neutral-50, #F7F9FC);
        font-size: 32px;
        font-weight: 700;
        line-height: 120%;
        margin-bottom: 8px;
    }

    .cta-texto p {
        color: var(--primitive-colors-neutral-50, #F7F9FC);
        font-size: 14px;
        font-weight: 500;
        line-height: 120%; /* 16.8px */
    }

    .btn-padrao svg {
        margin-left: 8px;
    }

    @media (max-width: 767px) {
        padding: 32px 0;

        .cta-conteudo {
            flex-direction: column;
            align-items: center;
            text-align: center;
        }

        .cta-info {
            flex-direction: column;
        }

        .cta-texto h2 {
            font-size: 20px;
        }
    }

    .btn-padrao {
        padding: 12px 36px;
    }
}