.elementor-578 .elementor-element.elementor-element-f6b0c04{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}#elementor-popup-modal-578 .dialog-widget-content{animation-duration:1.2s;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-578{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-578 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-578 .dialog-close-button{display:flex;}/* Start custom CSS for html, class: .elementor-element-feebd16 *//* Ajustar tamaño del botón de cierre */
.elementor-popup-modal .dialog-close-button {
    font-size: 28px; /* Tamaño del icono X */
    width: 50px; /* Ancho del botón */
    height: 50px; /* Altura del botón */
    border-radius: 50%; /* Hace que el botón sea redondo */
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f39200 !important; /* Color de fondo inicial (Naranja) */
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

/* Cambiar color de la "X" */
.elementor-popup-modal .dialog-close-button i {
    color: #ffffff !important; /* Blanco para que contraste */
}

/* Efecto Hover - Cambia a color #063257 (Azul oscuro) */
.elementor-popup-modal .dialog-close-button:hover {
    background-color: #063257 !important; /* Azul oscuro */
    color: #ffffff !important;
}/* End custom CSS */