body{
    margin: 0;
}
.desktop{
    display: none;
}

a{
    display: flex;
}

.desktop .image-list{
    display: flex;
    flex-direction: column;
}

.desktop .union{
    position: relative;
}

.desktop .union .union-img{
    position: absolute;
    top: 0;
    width: 100%;
    object-fit: contain;
    height: auto;
}

.desktop .union .bg{
    margin-top: 6.25rem;
    object-fit: fill;
}

.desktop .union .bg-2{
    margin-top: -23.75rem;
    position: relative;
}

.desktop .union .swiper-container{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    overflow: hidden;
}

.desktop .union .swiper-container .swiper-slide img{
    object-fit: contain;
}

.desktop .union .swiper-button::after{
    color: #fff;
    font-size: 2rem;
    font-weight: 900;
}

.desktop .union .leitos-content .swiper-button::after{
    color: #333399;
}
.desktop .union.union-1{
    z-index: 20;
}


.desktop .swiper-buttons{
    margin-left: auto;
    margin-right: auto;
}

.desktop .union .swiper-button-next{
    right: -3.75rem;
}

.desktop .union .swiper-button-prev{
    left: -3.75rem;
}

.final-images{
    display: flex;
    flex-direction: column;
}

.final-images a{
    z-index: 10;
}

.mobile .image-c{
    display: flex;
    flex-direction: column;
}

.mobile .swiper-container{
    max-width: 350px;
    padding: 0 50px;
    overflow: hidden;
}

.mobile .swiper-container.perfilados{
    background-color: #175097;
}

.mobile .swiper-container.eletrocalha{
    background-color: #d8610c;
}
.mobile .swiper-container.eletrocalha, .mobile .swiper-container.leito{
    position: relative;
}

.mobile .swiper-container.eletrocalha .bg-eletrocalha, .mobile .swiper-container.leito .bg-leito {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.perfilados-content, .eletrocalhas-content, .leitos-content{
    display: flex;
    flex-direction: column;
}

.perfilados, .eletrocalhas, .leitos, .perfilados-content-2{
    display: grid;
    grid-template-columns: repeat(9, minmax(0, 1fr));
}

.perfilados .perfilados-01, .eletrocalhas .eletrocalhas-01, .leitos .leitos-01, .perfilados-content-2 .perfilados-content-2-04{
    grid-column: span 2 / span 2;
}

.perfilados .slider, .eletrocalhas .slider, .leitos .slider, .perfilados-content-2 .perfilados-content-2-04-01{
    grid-column: span 5 / span 5;
    position: relative;
}

.perfilados .perfilados-03, .eletrocalhas .eletrocalhas-03, .leitos .leitos-03, .perfilados-content-2 .perfilados-content-2-04-02{
    grid-column: span 2 / span 2;
}

@media screen and (min-width: 1280px) {
    .desktop{
        display: block;
    }

    .mobile{
        display: none;
    }   
   
    .swiper-buttons-union-2, .swiper-buttons-union-3{
        position: absolute;
        top: 0;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
    }
}