.elementor-221 .elementor-element.elementor-element-7664975{--display:flex;}.elementor-221 .elementor-element.elementor-element-7ad915e{--e-image-carousel-slides-to-show:1;}#elementor-popup-modal-221{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-221 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-221 .dialog-close-button{display:flex;}#elementor-popup-modal-221 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}/* Start custom CSS *//* =========================================
   POPUP DE PORTFÓLIO - ELEMENTOR
   DESKTOP + MOBILE
========================================= */


/* =========================================
   POPUP PRINCIPAL
========================================= */

.elementor-popup-modal .dialog-widget-content {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;

    padding: 0 !important;
    margin: auto !important;

    width: 94vw !important;
    max-width: 1600px !important;
}


/* =========================================
   ÁREA INTERNA DO POPUP
========================================= */

.elementor-popup-modal .dialog-message {
    width: 100% !important;

    height: 92vh !important;
    max-height: 92vh !important;

    padding: 0 !important;
    margin: 0 !important;

    background: transparent !important;

    overflow: hidden !important;
}


/* =========================================
   REMOVE FUNDOS DO ELEMENTOR
========================================= */

.elementor-popup-modal .elementor,
.elementor-popup-modal .e-con,
.elementor-popup-modal .elementor-element,
.elementor-popup-modal .elementor-widget-wrap {
    background-color: transparent !important;
}


/* =========================================
   WIDGET DO CARROSSEL
========================================= */

.elementor-popup-modal .elementor-widget-image-carousel,
.elementor-popup-modal .elementor-image-carousel-wrapper {
    width: 100% !important;
    height: 100% !important;
}


/* =========================================
   SWIPER
========================================= */

.elementor-popup-modal .swiper,
.elementor-popup-modal .swiper-container {
    width: 100% !important;
    height: 100% !important;

    overflow: hidden !important;
}


/* =========================================
   WRAPPER DOS SLIDES
========================================= */

.elementor-popup-modal .swiper-wrapper {
    height: 100% !important;
    align-items: center !important;
}


/* =========================================
   CADA SLIDE
========================================= */

.elementor-popup-modal .swiper-slide {
    width: 100% !important;
    height: 100% !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 20px !important;

    box-sizing: border-box !important;

    background: transparent !important;

    overflow: hidden !important;
}


/* =========================================
   CONTAINER INTERNO DA IMAGEM
========================================= */

.elementor-popup-modal .swiper-slide-inner,
.elementor-popup-modal .swiper-slide figure {

    width: 100% !important;
    height: 100% !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
}


/* =========================================
   IMAGEM
   Mantém proporção e evita cortes
========================================= */

.elementor-popup-modal .swiper-slide img,
.elementor-popup-modal .swiper-slide-image {

    width: auto !important;
    height: auto !important;

    max-width: 100% !important;
    max-height: 86vh !important;

    object-fit: contain !important;
    object-position: center center !important;

    display: block !important;

    margin: auto !important;

    border: none !important;
}


/* =========================================
   SETAS
========================================= */

.elementor-popup-modal .elementor-swiper-button {

    position: fixed !important;

    top: 50% !important;

    transform: translateY(-50%) !important;

    z-index: 99999 !important;
}


.elementor-popup-modal .elementor-swiper-button-prev {
    left: 30px !important;
}


.elementor-popup-modal .elementor-swiper-button-next {
    right: 30px !important;
}


/* =========================================
   PAGINAÇÃO
========================================= */

.elementor-popup-modal .swiper-pagination {

    bottom: 8px !important;

    z-index: 9999 !important;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {


    /* Popup mais adequado ao celular */

    .elementor-popup-modal .dialog-widget-content {

        width: 96vw !important;
        max-width: 96vw !important;

        height: auto !important;

        margin: auto !important;
    }


    /* Área interna centralizada verticalmente */

    .elementor-popup-modal .dialog-message {

        width: 100% !important;

        height: 88vh !important;
        max-height: 88vh !important;

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        overflow: hidden !important;
    }


    /* Widget ocupa toda a altura */

    .elementor-popup-modal .elementor-widget-image-carousel,
    .elementor-popup-modal .elementor-image-carousel-wrapper,
    .elementor-popup-modal .swiper,
    .elementor-popup-modal .swiper-container {

        width: 100% !important;
        height: 100% !important;
    }


    /* Wrapper centralizado */

    .elementor-popup-modal .swiper-wrapper {

        height: 100% !important;

        align-items: center !important;
    }


    /* Slide centralizado */

    .elementor-popup-modal .swiper-slide {

        width: 100% !important;
        height: 100% !important;

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        padding: 10px !important;

        box-sizing: border-box !important;
    }


    /* Container interno */

    .elementor-popup-modal .swiper-slide-inner,
    .elementor-popup-modal .swiper-slide figure {

        width: 100% !important;
        height: 100% !important;

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* Imagens horizontais e verticais */

    .elementor-popup-modal .swiper-slide img,
    .elementor-popup-modal .swiper-slide-image {

        width: auto !important;
        height: auto !important;

        max-width: 100% !important;
        max-height: 78vh !important;

        object-fit: contain !important;

        object-position: center center !important;

        margin: auto !important;

        display: block !important;
    }


    /* Setas mobile */

    .elementor-popup-modal .elementor-swiper-button-prev {

        left: 10px !important;
    }


    .elementor-popup-modal .elementor-swiper-button-next {

        right: 10px !important;
    }


    /* Paginação */

    .elementor-popup-modal .swiper-pagination {

        bottom: 6px !important;
    }

}/* End custom CSS */