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

    .servico-conteudo {
        position: relative;
        z-index: 1;
        display: flex;
        gap: 25px;
    }

    .servico-foto {
        position: relative;
        width: 55%;

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

    ul {
        margin: 20px;

        li {
            color: var(--primitive-colors-neutral-100, #EEF2F6);
            font-size: 17px;
            font-weight: 500;
            line-height: 160%;
            list-style-type: disc;
        }
    }


    .servico-foto-marca {
        position: absolute;
        right: 24px;
        top: 24px;
        z-index: 2;
        width: 72px;
        height: 24px;
        background: linear-gradient(90deg,
            #F26900 0%, #F26900 33.333%,
            #C75B12 33.333%, #C75B12 66.666%,
            #B14E0D 66.666%, #B14E0D 100%);
    }

    .servico-texto {
        flex: 1;

        .servico-eyebrow {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            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);
            }
        }

    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;
        margin-bottom: 30px;
    }

    }



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

        .servico-foto {
            width: 90%;
            max-width: 90%;
            margin: 0 auto;
        }
    }

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

#galeria{
    position: relative;
    padding: 100px 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;
    }

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

    .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;
    }
}

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

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

    .compartilhe-eyebrow {
        display: inline-flex;
        gap: 8px;
        margin-bottom: 8px;
        letter-spacing: 1px;
        text-transform: uppercase;
        color: var(--branco, #F5F3F0);
        font-size: 13px;
        font-weight: 600;

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

    .compartilhe-intro h2 {
        color: var(--primitive-colors-neutral-0, #FFF);
        font-size: 32px;
        font-weight: 700;
    }

    .compartilhe-social {
        display: flex;
        align-items: center;
        gap: 16px;
    }

    .compartilhe-icone {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 56px;
        height: 56px;
        background: rgba(245, 243, 240, 0.06);
        transition: 300ms all ease-in-out;

        .compartilhe-icone-img {
            width: 22px;
            height: 22px;
            object-fit: contain;
            transition: 300ms filter ease-in-out;
        }

        &:hover {
            background: var(--primitive-colors-orange-500, #F26900);

            .compartilhe-icone-img {
                filter: brightness(0) invert(1);
            }
        }
    }

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

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

    @media (max-width: 480px) {
        .compartilhe-icone {
            width: 48px;
            height: 48px;
        }

        .compartilhe-icone-img {
            width: 18px;
            height: 18px;
        }
    }
}