.elementor-1201 .elementor-element.elementor-element-4d44c55{--display:flex;--overflow:auto;--overlay-opacity:1;}.elementor-1201 .elementor-element.elementor-element-4d44c55::before, .elementor-1201 .elementor-element.elementor-element-4d44c55 > .elementor-background-video-container::before, .elementor-1201 .elementor-element.elementor-element-4d44c55 > .e-con-inner > .elementor-background-video-container::before, .elementor-1201 .elementor-element.elementor-element-4d44c55 > .elementor-background-slideshow::before, .elementor-1201 .elementor-element.elementor-element-4d44c55 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1201 .elementor-element.elementor-element-4d44c55 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#212121;--background-overlay:'';}.elementor-1201 .elementor-element.elementor-element-4d44c55.e-con{--align-self:center;}#elementor-popup-modal-1201{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-1201 .dialog-message{width:640px;height:auto;padding:0px 0px 0px 0px;}#elementor-popup-modal-1201 .dialog-close-button{display:flex;}#elementor-popup-modal-1201 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);margin:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-5380807 */.elementor-popup-modal .custom-modal-content-wrapper {
    background: #212121;
    border-radius: 0.5rem;
    box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05);
    overflow: hidden;
    margin: auto;
    position: relative;
    width: 100%;
    max-width: 600px;
    box-sizing: border-box;
}

.elementor-popup-modal .modal-header {
    padding: 0.5rem 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.modal-title {
    font-size: 1.75rem;
    font-weight: 800;
    color: #fff;
    margin-bottom: 0.15rem;
    line-height: 1.3;
}

.modal-subtitle {
    font-size: 1rem;
    font-weight: 500;
    color: #d1d5db;
    padding: 0 1rem;
}

.modal-body {
    padding: 0 !important;
}

#systeme-form-container iframe {
    width: 100% !important;
    min-height: 300px;
    border: none;
}

/* 🔧 TAMANHO DO BOTÃO DE FECHAR (X) - DESKTOP */
.dialog-close-button,
.elementor-lightbox-modal__close {
    position: absolute !important;
    top: 1rem !important;
    right: 1rem !important;
    font-size: 1rem !important; /* aumente aqui se quiser maior */
    font-weight: 300 !important;
    background: none !important;
    border: none !important;
    cursor: pointer !important;
    width: 2.5rem !important;  /* largura do botão */
    height: 2.5rem !important; /* altura do botão */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 100 !important;
}

.dialog-close-button i,
.elementor-lightbox-modal__close i {
    color: #d0d0d0 !important;
    font-size: 1rem !important; /* ícone fonte maior */
}

.dialog-close-button svg,
.elementor-lightbox-modal__close svg {
    fill: #d0d0d0 !important;
    stroke: #d0d0d0 !important;
    width: 1rem !important;   /* SVG maior */
    height: 1rem !important;
}

.dialog-close-button:hover i,
.elementor-lightbox-modal__close:hover i {
    color: #fff !important;
}

.dialog-close-button:hover svg,
.elementor-lightbox-modal__close:hover svg {
    fill: #fff !important;
    stroke: #fff !important;
}

@media (max-width: 767px) {
    .custom-modal-content-wrapper {
        width: auto;
        max-width: 100%;
        padding: 0 3%;
    }

    .modal-header {
        padding: 0.75rem 0.5rem;
    }

    .modal-title {
        font-size: 1.4rem;
    }

    .modal-subtitle {
        font-size: 0.9rem;
        padding: 0 0.5rem;
    }

    #systeme-form-container iframe {
        min-height: 280px;
    }

    /* 🔧 TAMANHO DO BOTÃO DE FECHAR (X) - MOBILE */
    .dialog-close-button,
    .elementor-lightbox-modal__close {
        font-size: 0.8rem !important;
        top: 0.5rem !important;
        right: 0.5rem !important;
        width: 2rem !important;
        height: 2rem !important;
    }

    .dialog-close-button i,
    .elementor-lightbox-modal__close i {
        font-size: 0.8rem !important;
    }

    .dialog-close-button svg,
    .elementor-lightbox-modal__close svg {
        width: 0.8rem !important;
        height: 0.8rem !important;
    }
}

@media (max-width: 480px) {
    .modal-title {
        font-size: 1.2rem;
    }

    .modal-subtitle {
        font-size: 0.85rem;
    }
}/* End custom CSS */