.elementor-975 .elementor-element.elementor-element-32237f7{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-975 .elementor-element.elementor-element-32237f7.e-con{--align-self:center;--flex-grow:0;--flex-shrink:1;}#elementor-popup-modal-975 .dialog-widget-content{animation-duration:0.5s;background-color:#02010100;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);margin:30px 30px 30px 30px;}#elementor-popup-modal-975{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-975 .dialog-message{width:60vw;height:auto;padding:0px 0px 0px 0px;}#elementor-popup-modal-975 .dialog-close-button{display:flex;background-color:#01A982;font-size:24px;}#elementor-popup-modal-975 .dialog-close-button i{color:#FFFFFF;}#elementor-popup-modal-975 .dialog-close-button svg{fill:#FFFFFF;}#elementor-popup-modal-975 .dialog-close-button:hover{background-color:#068667;}@media(max-width:1024px){#elementor-popup-modal-975 .dialog-message{width:90vw;}#elementor-popup-modal-975 .dialog-close-button{font-size:20px;}}@media(max-width:767px){#elementor-popup-modal-975 .dialog-message{width:90vw;}#elementor-popup-modal-975 .dialog-close-button{font-size:16px;}}/* Start custom CSS *//* 1. Ocultar el botón de cerrar por defecto */
.dialog-close-button {
    opacity: 0 !important;
    transition: opacity 0.3s ease !important;
}

/* 2. Mostrarlo cuando el mouse entra en el área del popup (video) */
.dialog-widget-content:hover .dialog-close-button {
    opacity: 1 !important;
}

/* 3. EXCEPCIÓN PARA MÓVILES: 
   En celulares no existe el "hover" (pasar el mouse), 
   así que forzamos que siempre se vea para que puedan cerrar. */
@media (hover: none) {
    .dialog-close-button {
        opacity: 1 !important;
    }
}/* End custom CSS */