.elementor-118 .elementor-element.elementor-element-d2b6785{--display:flex;--min-height:402px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--border-radius:40px 40px 40px 40px;--margin-top:5px;--margin-bottom:0px;--margin-left:-10px;--margin-right:0px;}.elementor-118 .elementor-element.elementor-element-d2b6785.e-con{--align-self:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-118 .elementor-element.elementor-element-960d81e .elementor-button{background-color:#FFFFFF;font-family:"Arial", Sans-serif;font-size:27px;font-weight:800;letter-spacing:-2.4px;fill:#000000;color:#000000;border-radius:40px 0px 40px 0px;padding:8px 42px 8px 42px;}.elementor-118 .elementor-element.elementor-element-960d81e.elementor-element{--align-self:center;}.elementor-118 .elementor-element.elementor-element-1216a34 .elementor-button{background-color:#FFFFFF;font-family:"Arial", Sans-serif;font-size:27px;font-weight:800;letter-spacing:-2.4px;fill:#000000;color:#000000;border-radius:40px 0px 40px 0px;padding:8px 42px 8px 42px;}.elementor-118 .elementor-element.elementor-element-1216a34.elementor-element{--align-self:center;}#elementor-popup-modal-118 .dialog-widget-content{animation-duration:0.5s;background-color:#D3136E;border-radius:100px 60px 100px 60px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-118{background-color:#000000B8;background-image:url("https://chantifresa.limoncereza.com/Portafolio/wp-content/uploads/2026/04/fondo.png");justify-content:center;align-items:center;pointer-events:all;background-position:center center;background-size:auto;}#elementor-popup-modal-118 .dialog-message{width:542px;height:408px;align-items:center;}#elementor-popup-modal-118 .dialog-close-button{display:flex;background-color:#00000000;font-size:27px;}#elementor-popup-modal-118 .dialog-close-button i{color:#FFFFFF;}#elementor-popup-modal-118 .dialog-close-button svg{fill:#FFFFFF;}@media(max-width:767px){.elementor-118 .elementor-element.elementor-element-d2b6785{--content-width:500px;--min-height:223px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:-6px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-118 .elementor-element.elementor-element-960d81e.elementor-element{--align-self:center;}.elementor-118 .elementor-element.elementor-element-960d81e .elementor-button{font-size:20px;}.elementor-118 .elementor-element.elementor-element-1216a34 .elementor-button{font-size:20px;}#elementor-popup-modal-118 .dialog-message{width:305px;height:213px;}}@media(min-width:768px){.elementor-118 .elementor-element.elementor-element-d2b6785{--content-width:500px;}}/* Start custom CSS for button, class: .elementor-element-960d81e */@keyframes parpadeoBorde {
  0% { border-color: #a4d81b; box-shadow: 0 0 5px #a4d81b; }
  50% { border-color: rgba(164, 216, 27, 0.3); box-shadow: 0 0 20px rgba(164, 216, 27, 0.6); }
  100% { border-color: #a4d81b; box-shadow: 0 0 5px #a4d81b; }
}

/* Configuración del botón */
.elementor-118 .elementor-element.elementor-element-960d81e .elementor-button {
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    border: 4px solid transparent; /* Borde grueso preparado */
}

/* Efecto Hover */
.elementor-118 .elementor-element.elementor-element-960d81e .elementor-button:hover {
    /* 1. Inclinación 3D notoria */
    transform: perspective(500px) rotateX(10deg) rotateY(-10deg) scale(1.05);
    
    /* 2. Aplicamos el color verde al borde */
    border: 4px solid #a4d81b !important;
    
    /* 3. Parpadeo lento (1.2 segundos) */
    animation: parpadeoBorde 1.2s infinite ease-in-out;
    
    /* 4. Forzamos que el texto no se mueva por el borde */
    box-sizing: border-box;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-1216a34 */@keyframes parpadeoBorde {
  0% { border-color: #a4d81b; box-shadow: 0 0 5px #a4d81b; }
  50% { border-color: rgba(164, 216, 27, 0.3); box-shadow: 0 0 20px rgba(164, 216, 27, 0.6); }
  100% { border-color: #a4d81b; box-shadow: 0 0 5px #a4d81b; }
}

/* Configuración del botón */
.elementor-118 .elementor-element.elementor-element-1216a34 .elementor-button {
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    border: 4px solid transparent; /* Borde grueso preparado */
}

/* Efecto Hover */
.elementor-118 .elementor-element.elementor-element-1216a34 .elementor-button:hover {
    /* 1. Inclinación 3D notoria */
    transform: perspective(500px) rotateX(10deg) rotateY(-10deg) scale(1.05);
    
    /* 2. Aplicamos el color verde al borde */
    border: 4px solid #a4d81b !important;
    
    /* 3. Parpadeo lento (1.2 segundos) */
    animation: parpadeoBorde 1.2s infinite ease-in-out;
    
    /* 4. Forzamos que el texto no se mueva por el borde */
    box-sizing: border-box;
}/* End custom CSS */
/* Start custom CSS */@keyframes parpadeoBordeVerde {
  0% { border-color: #a4d81b; box-shadow: 0 0 5px #a4d81b; }
  50% { border-color: rgba(164, 216, 27, 0.3); box-shadow: 0 0 20px rgba(164, 216, 27, 0.6); }
  100% { border-color: #a4d81b; box-shadow: 0 0 5px #a4d81b; }
}

/* 2. Aplicamos el efecto al CONTENIDO del popup, no al widget exterior */
/* Esto evita que se mueva de su posición centro-centro */
#elementor-popup-modal-118 .dialog-message {
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    border: 4px solid transparent; /* Espacio para el borde */
    backface-visibility: hidden; /* Suaviza el renderizado */
}

/* 3. Efecto Hover corregido */
#elementor-popup-modal-118 .dialog-message:hover {
    /* Mantenemos la inclinación 3D notoria */
    transform: perspective(1000px) rotateX(7deg) rotateY(-7deg) scale(1.02);
    
    /* Aplicamos el borde verde y el parpadeo lento (1.2s) */
    border: 4px solid #a4d81b !important;
    animation: parpadeoBordeVerde 1.2s infinite ease-in-out;
}/* End custom CSS */