.elementor-7253 .elementor-element.elementor-element-c2419e2{--display:flex;}.elementor-7253 .elementor-element.elementor-element-4dbc33d{width:var( --container-widget-width, 55% );max-width:55%;--container-widget-width:55%;--container-widget-flex-grow:0;}.elementor-7253 .elementor-element.elementor-element-4dbc33d.elementor-element{--align-self:center;}.elementor-7253 .elementor-element.elementor-element-4dbc33d .elementor-wrapper{--video-aspect-ratio:0.5625;}#elementor-popup-modal-7253{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-7253 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-7253 .dialog-close-button{display:flex;}#elementor-popup-modal-7253 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(max-width:1024px){.elementor-7253 .elementor-element.elementor-element-4dbc33d{--container-widget-width:55%;--container-widget-flex-grow:0;width:var( --container-widget-width, 55% );max-width:55%;}}@media(max-width:763px){.elementor-7253 .elementor-element.elementor-element-4dbc33d{--container-widget-width:75%;--container-widget-flex-grow:0;width:var( --container-widget-width, 75% );max-width:75%;}}/* Start custom CSS for video, class: .elementor-element-4dbc33d *//* =====================================================
   POPUP VÍDEO VERTICAL 9:16
   ISOLADO SOMENTE PARA ESTE POPUP

   DESKTOP:
   - vídeo continua no tamanho definido pelo Elementor
   - centralizado quando cabe na tela
   - scroll completo quando houver zoom
   - permite chegar até o TOPO e até o FINAL
   - clique fora do vídeo fecha o popup
   - sem bordas / fundos extras
   - página de trás não recebe scroll

   TABLET / MOBILE:
   - mantém o comportamento anterior
   ===================================================== */


/* =====================================================
   CONFIGURAÇÕES GERAIS DESTE POPUP
   ===================================================== */

.elementor-popup-modal:has(.elementor-7253 .elementor-element.elementor-element-4dbc33d) {

    --largura-video-x: 55%;

    z-index: 2147483000 !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;

    overscroll-behavior: contain !important;
    touch-action: pan-y !important;

    height: 100dvh !important;
    max-height: 100dvh !important;
}


/* FALLBACK PARA NAVEGADORES SEM DVH */

@supports not (height: 100dvh) {

    .elementor-popup-modal:has(.elementor-7253 .elementor-element.elementor-element-4dbc33d) {
        height: 100vh !important;
        max-height: 100vh !important;
    }

}


/* =====================================================
   DESKTOP
   CORREÇÃO DO SCROLL + CENTRALIZAÇÃO
   ===================================================== */

@media (min-width: 1025px) {

    /*
     * O popup inteiro é a área de scroll.
     *
     * IMPORTANTE:
     * Não usamos justify-content:center.
     *
     * Quando um elemento maior que a tela é centralizado
     * com flex, parte dele pode ficar acima da área
     * disponível e se tornar impossível de alcançar.
     */
    .elementor-popup-modal:has(.elementor-7253 .elementor-element.elementor-element-4dbc33d) {

        --largura-video-x: 55%;

        display: flex !important;
        flex-direction: column !important;

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

        overflow-y: auto !important;
        overflow-x: hidden !important;

        height: 100dvh !important;
        max-height: 100dvh !important;

        padding: 0 !important;

        overscroll-behavior-y: contain !important;
    }


    /*
     * CENTRALIZAÇÃO "SEGURA"
     *
     * Se o conteúdo for menor que a tela:
     * -> margin auto centraliza verticalmente.
     *
     * Se ficar maior que a tela por causa do zoom:
     * -> as margens automáticas viram 0;
     * -> o conteúdo começa no topo;
     * -> todo o vídeo fica acessível pelo scroll.
     */
    .elementor-popup-modal:has(.elementor-7253 .elementor-element.elementor-element-4dbc33d) > .dialog-widget-content {

        position: relative !important;

        margin-top: auto !important;
        margin-bottom: auto !important;

        flex: 0 0 auto !important;

        max-height: none !important;

        overflow: visible !important;

        background: transparent !important;
        background-color: transparent !important;

        border: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;

        padding: 0 !important;
    }


    /* =================================================
       PERMITE O CLIQUE FORA DO VÍDEO

       O dialog do Elementor não deve capturar o clique
       nas áreas transparentes.

       Assim o clique chega ao overlay do Elementor,
       que poderá fechar o popup normalmente.
       ================================================= */

    .elementor-popup-modal:has(.elementor-7253 .elementor-element.elementor-element-4dbc33d) > .dialog-widget-content {

        pointer-events: none !important;
    }


    .elementor-popup-modal:has(.elementor-7253 .elementor-element.elementor-element-4dbc33d) .dialog-message,
    .elementor-popup-modal:has(.elementor-7253 .elementor-element.elementor-element-4dbc33d) .elementor-location-popup {

        pointer-events: none !important;
    }


    /*
     * O vídeo continua totalmente clicável.
     * Play, pause, controles etc. continuam funcionando.
     */
    .elementor-popup-modal:has(.elementor-7253 .elementor-element.elementor-element-4dbc33d) .elementor-7253 .elementor-element.elementor-element-4dbc33d,
    .elementor-popup-modal:has(.elementor-7253 .elementor-element.elementor-element-4dbc33d) .elementor-7253 .elementor-element.elementor-element-4dbc33d * {

        pointer-events: auto !important;
    }


    /*
     * X também precisa continuar clicável.
     */
    .elementor-popup-modal:has(.elementor-7253 .elementor-element.elementor-element-4dbc33d) .dialog-close-button,
    .elementor-popup-modal:has(.elementor-7253 .elementor-element.elementor-element-4dbc33d) .dialog-close-button * {

        pointer-events: auto !important;
    }

}


/* =====================================================
   TABLET
   SEM ALTERAÇÕES NO COMPORTAMENTO
   ===================================================== */

@media (max-width: 1024px) {

    .elementor-popup-modal:has(.elementor-7253 .elementor-element.elementor-element-4dbc33d) {
        --largura-video-x: 55%;
    }

}


/* =====================================================
   MOBILE
   SEM ALTERAÇÕES NO COMPORTAMENTO
   ===================================================== */

@media (max-width: 767px) {

    .elementor-popup-modal:has(.elementor-7253 .elementor-element.elementor-element-4dbc33d) {
        --largura-video-x: 75%;
    }

}


/* =====================================================
   FUNDO / BORDAS DO POPUP
   ===================================================== */

.elementor-popup-modal:has(.elementor-7253 .elementor-element.elementor-element-4dbc33d) .dialog-widget-content,
.elementor-popup-modal:has(.elementor-7253 .elementor-element.elementor-element-4dbc33d) .dialog-message,
.elementor-popup-modal:has(.elementor-7253 .elementor-element.elementor-element-4dbc33d) .elementor-location-popup {

    background: transparent !important;
    background-color: transparent !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;

    padding: 0 !important;
}


/* =====================================================
   DIALOG MESSAGE
   ===================================================== */

.elementor-popup-modal:has(.elementor-7253 .elementor-element.elementor-element-4dbc33d) .dialog-message {

    position: relative !important;

    overflow: visible !important;

    max-height: none !important;

    flex-shrink: 0 !important;
}


/* =====================================================
   ELEMENTOR LOCATION POPUP
   ===================================================== */

.elementor-popup-modal:has(.elementor-7253 .elementor-element.elementor-element-4dbc33d) .elementor-location-popup {

    position: relative !important;

    overflow: visible !important;

    max-height: none !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}


/* =====================================================
   ELEMENTO DO VÍDEO
   NÃO ALTERA DIMENSÕES
   ===================================================== */

.elementor-7253 .elementor-element.elementor-element-4dbc33d,
.elementor-7253 .elementor-element.elementor-element-4dbc33d .elementor-widget-video,
.elementor-7253 .elementor-element.elementor-element-4dbc33d .elementor-wrapper {

    background: transparent !important;
    background-color: transparent !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}


/* =====================================================
   VÍDEO
   NÃO ALTERA:
   - largura
   - altura
   - proporção
   - tamanho configurado no Elementor
   ===================================================== */

.elementor-7253 .elementor-element.elementor-element-4dbc33d iframe,
.elementor-7253 .elementor-element.elementor-element-4dbc33d video,
.elementor-7253 .elementor-element.elementor-element-4dbc33d .elementor-video {

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;

    display: block !important;
}


/* =====================================================
   SCROLL FICA PRESO AO POPUP
   ===================================================== */

.elementor-popup-modal:has(.elementor-7253 .elementor-element.elementor-element-4dbc33d),
.elementor-popup-modal:has(.elementor-7253 .elementor-element.elementor-element-4dbc33d) .dialog-widget-content,
.elementor-popup-modal:has(.elementor-7253 .elementor-element.elementor-element-4dbc33d) .dialog-message,
.elementor-popup-modal:has(.elementor-7253 .elementor-element.elementor-element-4dbc33d) .elementor-location-popup {

    overscroll-behavior: contain !important;
}


/* =====================================================
   BOTÃO X
   ===================================================== */

.elementor-popup-modal:has(.elementor-7253 .elementor-element.elementor-element-4dbc33d) .dialog-close-button {

    position: absolute !important;

    top: 5px !important;

    right: calc(
        (100% - var(--largura-video-x)) / 2 + 5px
    ) !important;

    left: auto !important;
    bottom: auto !important;

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

    transform: none !important;

    width: 26px !important;
    height: 26px !important;

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

    background: rgba(0, 0, 0, 0.60) !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;

    border-radius: 50% !important;

    color: #ffffff !important;

    cursor: pointer !important;

    z-index: 2147483640 !important;
}


/* =====================================================
   ÍCONE DO X
   ===================================================== */

.elementor-popup-modal:has(.elementor-7253 .elementor-element.elementor-element-4dbc33d) .dialog-close-button i,
.elementor-popup-modal:has(.elementor-7253 .elementor-element.elementor-element-4dbc33d) .dialog-close-button svg {

    color: #ffffff !important;
    fill: #ffffff !important;

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


/* =====================================================
   HOVER DO X
   ===================================================== */

.elementor-popup-modal:has(.elementor-7253 .elementor-element.elementor-element-4dbc33d) .dialog-close-button:hover {

    background: rgba(0, 0, 0, 0.85) !important;
}/* End custom CSS */