.elementor-widget-fluent-form-widget .fluentform-widget-description{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-fluent-form-widget .ff-el-progress-status{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-fluent-form-widget .ff-el-progress-bar span{color:var( --e-global-color-primary );}.elementor-widget-fluent-form-widget .step-nav button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-136 .elementor-element.elementor-element-e787589 .fluentform-widget-wrapper .ff-el-group .ff-btn-submit{background-color:#1a7efb !important;color:#ffffff !important;}#elementor-popup-modal-136 .dialog-widget-content{animation-duration:1.2s;}#elementor-popup-modal-136 .dialog-message{width:626px;height:791px;align-items:center;}#elementor-popup-modal-136{justify-content:center;align-items:center;}@media(max-width:767px){#elementor-popup-modal-136 .dialog-message{width:90vw;height:65vh;}}/* Start custom CSS *//* =========================================================
   VIDEOSMART - POPUP LOGIN DEFINITIVO
   BLUR + SOMBRA ROJA + BORDES REDONDEADOS
   ========================================================= */


/* =========================================================
   1. DESENFOQUE DE TODA LA PÁGINA DETRÁS
   ========================================================= */

.elementor-popup-modal {
    -webkit-backdrop-filter: blur(12px) !important;
    backdrop-filter: blur(12px) !important;
}


/* CAPA OSCURA DETRÁS DEL POPUP */

.elementor-popup-modal .dialog-widget-overlay {
    background-color: rgba(0, 0, 0, 0.48) !important;

    -webkit-backdrop-filter: blur(12px) !important;
    backdrop-filter: blur(12px) !important;

    opacity: 1 !important;
}


/* =========================================================
   2. POPUP PRINCIPAL
   ========================================================= */

.elementor-popup-modal .dialog-widget-content {
    background: #050505 !important;
    background-color: #050505 !important;

    border-radius: 20px !important;

    /* borde rojo muy fino */
    border: 1px solid rgba(227, 6, 19, 0.35) !important;

    /* profundidad + halo rojo */
    box-shadow:

        /* sombra negra profunda */
        0 35px 90px rgba(0, 0, 0, 0.90),

        /* sombra negra cercana */
        0 15px 40px rgba(0, 0, 0, 0.70),

        /* primer halo rojo */
        0 0 30px rgba(227, 6, 19, 0.32),

        /* segundo halo rojo */
        0 0 65px rgba(227, 6, 19, 0.22),

        /* halo rojo exterior muy suave */
        0 0 110px rgba(227, 6, 19, 0.10)

        !important;

    overflow: hidden !important;
}


/* =========================================================
   3. CONTENIDO INTERIOR
   Mantiene perfectamente las esquinas
   ========================================================= */

.elementor-popup-modal .dialog-message {
    background: #050505 !important;

    border-radius: 20px !important;

    overflow: hidden !important;
}


.elementor-popup-modal .dialog-message > div {
    border-radius: 20px !important;
}


/* =========================================================
   4. BOTÓN CERRAR
   ========================================================= */

.elementor-popup-modal .dialog-close-button {
    width: 38px !important;
    height: 38px !important;

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

    top: 18px !important;
    right: 18px !important;

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

    background: rgba(255, 255, 255, 0.07) !important;

    color: #FFFFFF !important;

    border: 1px solid rgba(255, 255, 255, 0.10) !important;
    border-radius: 50% !important;

    box-shadow:
        0 4px 14px rgba(0, 0, 0, 0.35) !important;

    z-index: 99999 !important;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease !important;
}


/* X */

.elementor-popup-modal .dialog-close-button i,
.elementor-popup-modal .dialog-close-button svg {
    width: 18px !important;
    height: 18px !important;

    font-size: 18px !important;

    color: #FFFFFF !important;
    fill: #FFFFFF !important;
}


/* HOVER X */

.elementor-popup-modal .dialog-close-button:hover {
    background: #E30613 !important;

    border-color: #E30613 !important;

    transform: scale(1.06) !important;
}


/* =========================================================
   5. RESPONSIVE
   ========================================================= */

@media (max-width: 767px) {

    .elementor-popup-modal {
        -webkit-backdrop-filter: blur(9px) !important;
        backdrop-filter: blur(9px) !important;
    }


    .elementor-popup-modal .dialog-widget-overlay {
        background-color: rgba(0, 0, 0, 0.52) !important;

        -webkit-backdrop-filter: blur(9px) !important;
        backdrop-filter: blur(9px) !important;
    }


    .elementor-popup-modal .dialog-widget-content {
        border-radius: 16px !important;

        box-shadow:
            0 25px 65px rgba(0, 0, 0, 0.85),
            0 10px 30px rgba(0, 0, 0, 0.60),
            0 0 25px rgba(227, 6, 19, 0.26),
            0 0 50px rgba(227, 6, 19, 0.16)

            !important;
    }


    .elementor-popup-modal .dialog-message,
    .elementor-popup-modal .dialog-message > div {
        border-radius: 16px !important;
    }


    .elementor-popup-modal .dialog-close-button {
        width: 34px !important;
        height: 34px !important;

        top: 14px !important;
        right: 14px !important;
    }

}/* End custom CSS */