.elementor-11888 .elementor-element.elementor-element-9ac9522{--display:flex;--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-11888 .elementor-element.elementor-element-cbf57b0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.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-11888 .elementor-element.elementor-element-14b183e .elementor-button{font-family:"Georgia", Sans-serif;font-weight:600;text-transform:uppercase;border-style:none;}.elementor-11888 .elementor-element.elementor-element-14b183e .elementor-button:hover, .elementor-11888 .elementor-element.elementor-element-14b183e .elementor-button:focus{border-color:#FFFFFF;}.elementor-11888 .elementor-element.elementor-element-711d528 .elementor-button{font-family:"Georgia", Sans-serif;font-weight:600;text-transform:uppercase;border-style:none;}.elementor-11888 .elementor-element.elementor-element-711d528 .elementor-button:hover, .elementor-11888 .elementor-element.elementor-element-711d528 .elementor-button:focus{border-color:#FFFFFF;}.elementor-11888 .elementor-element.elementor-element-4383583 .elementor-button{font-family:"Georgia", Sans-serif;font-weight:600;text-transform:uppercase;border-style:none;}.elementor-11888 .elementor-element.elementor-element-4383583 .elementor-button:hover, .elementor-11888 .elementor-element.elementor-element-4383583 .elementor-button:focus{border-color:#FFFFFF;}.elementor-11888 .elementor-element.elementor-element-04d94c3 > .elementor-widget-container{margin:-40px 0px 0px 0px;}.elementor-11888 .elementor-element.elementor-element-971b98f .elementor-button{font-family:"Georgia", Sans-serif;font-weight:600;text-transform:uppercase;border-style:none;}.elementor-11888 .elementor-element.elementor-element-971b98f .elementor-button:hover, .elementor-11888 .elementor-element.elementor-element-971b98f .elementor-button:focus{border-color:#FFFFFF;}@media(max-width:767px){.elementor-11888 .elementor-element.elementor-element-9ac9522{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-11888 .elementor-element.elementor-element-cbf57b0 > .elementor-widget-container{margin:0px 0px -45px 0px;}.elementor-11888 .elementor-element.elementor-element-14b183e > .elementor-widget-container{margin:40px 0px -30px 0px;padding:0px 30px 0px 30px;}.elementor-11888 .elementor-element.elementor-element-14b183e .elementor-button{font-size:20px;line-height:1.2em;border-radius:10px 10px 10px 10px;padding:15px 35px 15px 35px;}.elementor-11888 .elementor-element.elementor-element-0318937 > .elementor-widget-container{margin:40px 0px -21px 0px;}.elementor-11888 .elementor-element.elementor-element-711d528 > .elementor-widget-container{margin:20px 0px -30px 0px;padding:0px 30px 0px 30px;}.elementor-11888 .elementor-element.elementor-element-711d528 .elementor-button{font-size:20px;line-height:1.2em;border-radius:10px 10px 10px 10px;padding:15px 35px 15px 35px;}.elementor-11888 .elementor-element.elementor-element-d66dceb > .elementor-widget-container{margin:-45px 0px 15px 0px;padding:0px 0px 0px 0px;}.elementor-11888 .elementor-element.elementor-element-4383583 > .elementor-widget-container{margin:-35px 0px -30px 0px;padding:0px 30px 0px 30px;}.elementor-11888 .elementor-element.elementor-element-4383583 .elementor-button{font-size:20px;line-height:1.2em;border-radius:10px 10px 10px 10px;padding:15px 35px 15px 35px;}.elementor-11888 .elementor-element.elementor-element-e4baa31 > .elementor-widget-container{margin:0px 0px -100px 0px;padding:0px 15px 0px 15px;}.elementor-11888 .elementor-element.elementor-element-9615320 > .elementor-widget-container{padding:0px 5px 0px 5px;}.elementor-11888 .elementor-element.elementor-element-3b93fd1 > .elementor-widget-container{margin:-55px 0px -30px 0px;padding:0px 0px 0px 0px;}.elementor-11888 .elementor-element.elementor-element-c76068c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 5px 0px 5px;}.elementor-11888 .elementor-element.elementor-element-ab4b86b > .elementor-widget-container{margin:-55px 0px -15px 0px;padding:0px 5px 0px 5px;}.elementor-11888 .elementor-element.elementor-element-04d94c3 > .elementor-widget-container{padding:0px 5px 0px 5px;}.elementor-11888 .elementor-element.elementor-element-17b55e7 > .elementor-widget-container{padding:0px 15px 0px 15px;}.elementor-11888 .elementor-element.elementor-element-971b98f > .elementor-widget-container{margin:-20px 0px -30px 0px;padding:0px 30px 0px 30px;}.elementor-11888 .elementor-element.elementor-element-971b98f .elementor-button{font-size:20px;line-height:1.2em;border-radius:10px 10px 10px 10px;padding:15px 35px 15px 35px;}.elementor-11888 .elementor-element.elementor-element-d64d17a > .elementor-widget-container{padding:0px 15px 0px 15px;}}/* Start custom CSS for button, class: .elementor-element-14b183e *//* ==================================================== BOTÓN CTA — REPARANDO TU FUGA DE ENERGÍA Gradiente animado: Verde → Turquesa → Dorado Pega esto en el CSS personalizado de tu botón Elementor ==================================================== */ .elementor-11888 .elementor-element.elementor-element-14b183e .elementor-button { /* Gradiente animado: verde → turquesa → dorado → turquesa → verde */ background-image: linear-gradient( to right, #0d9e6e, #16b6c8, #f5b700, #16b6c8, #0d9e6e ) !important; /* NECESARIO para que la animación funcione */ background-size: 300% 100% !important; /* Velocidad del movimiento del gradiente (12s) */ animation: smoothFugaEnergiaMovement 12s ease-in-out infinite !important; /* Fondo estático transparente para no interferir */ background-color: transparent !important; /* Sombra verde + borde dorado sutil */ box-shadow: 0 6px 22px rgba(13, 158, 110, 0.45), 0 0 0 1px rgba(245, 183, 0, 0.55) !important; /* Texto con sombra suave para destacar */ text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important; transition: all 0.5s ease; } /* Hover (cuando pasan el mouse por encima) */ .elementor-11888 .elementor-element.elementor-element-14b183e .elementor-button:hover { transform: translateY(-2px) scale(1.02); box-shadow: 0 12px 32px rgba(245, 183, 0, 0.5), 0 0 0 1px rgba(245, 183, 0, 0.8) !important; } /* Animación del fondo gradiente */ @keyframes smoothFugaEnergiaMovement { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* ==================================================== REVELAR EL BOTÓN DESPUÉS DE UN TIEMPO ⬇ CAMBIA EL TIEMPO AQUÍ ⬇ ==================================================== */ .elementor-11888 .elementor-element.elementor-element-14b183e { animation: revelar 1s forwards; /* ╔══════════════════════════════════════════════╗ ║ AQUÍ MODIFICAS EL TIEMPO DE APARICIÓN ║ ║ Ejemplo: 30s = 30 segundos ║ ║ 60s = 1 minuto ║ ║ 90s = 1 minuto 30 segundos ║ ║ 120s = 2 minutos ║ ╚══════════════════════════════════════════════╝ */ animation-delay: 80s; opacity: 0; visibility: hidden; } @keyframes revelar { from { opacity: 0; visibility: hidden; } to { opacity: 1; visibility: visible; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-711d528 *//* ==================================================== BOTÓN CTA — REPARANDO TU FUGA DE ENERGÍA Gradiente animado: Verde → Turquesa → Dorado Pega esto en el CSS personalizado de tu botón Elementor ==================================================== */ .elementor-11888 .elementor-element.elementor-element-711d528 .elementor-button { /* Gradiente animado: verde → turquesa → dorado → turquesa → verde */ background-image: linear-gradient( to right, #0d9e6e, #16b6c8, #f5b700, #16b6c8, #0d9e6e ) !important; /* NECESARIO para que la animación funcione */ background-size: 300% 100% !important; /* Velocidad del movimiento del gradiente (12s) */ animation: smoothFugaEnergiaMovement 12s ease-in-out infinite !important; /* Fondo estático transparente para no interferir */ background-color: transparent !important; /* Sombra verde + borde dorado sutil */ box-shadow: 0 6px 22px rgba(13, 158, 110, 0.45), 0 0 0 1px rgba(245, 183, 0, 0.55) !important; /* Texto con sombra suave para destacar */ text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important; transition: all 0.5s ease; } /* Hover (cuando pasan el mouse por encima) */ .elementor-11888 .elementor-element.elementor-element-711d528 .elementor-button:hover { transform: translateY(-2px) scale(1.02); box-shadow: 0 12px 32px rgba(245, 183, 0, 0.5), 0 0 0 1px rgba(245, 183, 0, 0.8) !important; } /* Animación del fondo gradiente */ @keyframes smoothFugaEnergiaMovement { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* ==================================================== REVELAR EL BOTÓN DESPUÉS DE UN TIEMPO ⬇ CAMBIA EL TIEMPO AQUÍ ⬇ ==================================================== */ .elementor-11888 .elementor-element.elementor-element-711d528 { animation: revelar 1s forwards; /* ╔══════════════════════════════════════════════╗ ║ AQUÍ MODIFICAS EL TIEMPO DE APARICIÓN ║ ║ Ejemplo: 30s = 30 segundos ║ ║ 60s = 1 minuto ║ ║ 90s = 1 minuto 30 segundos ║ ║ 120s = 2 minutos ║ ╚══════════════════════════════════════════════╝ */ animation-delay: 80s; opacity: 0; visibility: hidden; } @keyframes revelar { from { opacity: 0; visibility: hidden; } to { opacity: 1; visibility: visible; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-4383583 *//* ==================================================== BOTÓN CTA — REPARANDO TU FUGA DE ENERGÍA Gradiente animado: Verde → Turquesa → Dorado Pega esto en el CSS personalizado de tu botón Elementor ==================================================== */ .elementor-11888 .elementor-element.elementor-element-4383583 .elementor-button { /* Gradiente animado: verde → turquesa → dorado → turquesa → verde */ background-image: linear-gradient( to right, #0d9e6e, #16b6c8, #f5b700, #16b6c8, #0d9e6e ) !important; /* NECESARIO para que la animación funcione */ background-size: 300% 100% !important; /* Velocidad del movimiento del gradiente (12s) */ animation: smoothFugaEnergiaMovement 12s ease-in-out infinite !important; /* Fondo estático transparente para no interferir */ background-color: transparent !important; /* Sombra verde + borde dorado sutil */ box-shadow: 0 6px 22px rgba(13, 158, 110, 0.45), 0 0 0 1px rgba(245, 183, 0, 0.55) !important; /* Texto con sombra suave para destacar */ text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important; transition: all 0.5s ease; } /* Hover (cuando pasan el mouse por encima) */ .elementor-11888 .elementor-element.elementor-element-4383583 .elementor-button:hover { transform: translateY(-2px) scale(1.02); box-shadow: 0 12px 32px rgba(245, 183, 0, 0.5), 0 0 0 1px rgba(245, 183, 0, 0.8) !important; } /* Animación del fondo gradiente */ @keyframes smoothFugaEnergiaMovement { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* ==================================================== REVELAR EL BOTÓN DESPUÉS DE UN TIEMPO ⬇ CAMBIA EL TIEMPO AQUÍ ⬇ ==================================================== */ .elementor-11888 .elementor-element.elementor-element-4383583 { animation: revelar 1s forwards; /* ╔══════════════════════════════════════════════╗ ║ AQUÍ MODIFICAS EL TIEMPO DE APARICIÓN ║ ║ Ejemplo: 30s = 30 segundos ║ ║ 60s = 1 minuto ║ ║ 90s = 1 minuto 30 segundos ║ ║ 120s = 2 minutos ║ ╚══════════════════════════════════════════════╝ */ animation-delay: 80s; opacity: 0; visibility: hidden; } @keyframes revelar { from { opacity: 0; visibility: hidden; } to { opacity: 1; visibility: visible; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-971b98f *//* ==================================================== BOTÓN CTA — REPARANDO TU FUGA DE ENERGÍA Gradiente animado: Verde → Turquesa → Dorado Pega esto en el CSS personalizado de tu botón Elementor ==================================================== */ .elementor-11888 .elementor-element.elementor-element-971b98f .elementor-button { /* Gradiente animado: verde → turquesa → dorado → turquesa → verde */ background-image: linear-gradient( to right, #0d9e6e, #16b6c8, #f5b700, #16b6c8, #0d9e6e ) !important; /* NECESARIO para que la animación funcione */ background-size: 300% 100% !important; /* Velocidad del movimiento del gradiente (12s) */ animation: smoothFugaEnergiaMovement 12s ease-in-out infinite !important; /* Fondo estático transparente para no interferir */ background-color: transparent !important; /* Sombra verde + borde dorado sutil */ box-shadow: 0 6px 22px rgba(13, 158, 110, 0.45), 0 0 0 1px rgba(245, 183, 0, 0.55) !important; /* Texto con sombra suave para destacar */ text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important; transition: all 0.5s ease; } /* Hover (cuando pasan el mouse por encima) */ .elementor-11888 .elementor-element.elementor-element-971b98f .elementor-button:hover { transform: translateY(-2px) scale(1.02); box-shadow: 0 12px 32px rgba(245, 183, 0, 0.5), 0 0 0 1px rgba(245, 183, 0, 0.8) !important; } /* Animación del fondo gradiente */ @keyframes smoothFugaEnergiaMovement { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* ==================================================== REVELAR EL BOTÓN DESPUÉS DE UN TIEMPO ⬇ CAMBIA EL TIEMPO AQUÍ ⬇ ==================================================== */ .elementor-11888 .elementor-element.elementor-element-971b98f { animation: revelar 1s forwards; /* ╔══════════════════════════════════════════════╗ ║ AQUÍ MODIFICAS EL TIEMPO DE APARICIÓN ║ ║ Ejemplo: 30s = 30 segundos ║ ║ 60s = 1 minuto ║ ║ 90s = 1 minuto 30 segundos ║ ║ 120s = 2 minutos ║ ╚══════════════════════════════════════════════╝ */ animation-delay: 60s; opacity: 0; visibility: hidden; } @keyframes revelar { from { opacity: 0; visibility: hidden; } to { opacity: 1; visibility: visible; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9ac9522 *//* ============================================ 🛡️ CSS ANTI-SCROLL HORIZONTAL (VERSIÓN LIGERA) La Enciclopedia de la Sabiduría Femenina Solo bloquea scroll lateral, NO afecta botones ni elementos internos ============================================ */ /* 1) BLOQUEO EN BODY Y HTML (raíz del problema) */ html, body { overflow-x: hidden !important; max-width: 100vw !important; width: 100% !important; } /* 2) CARRUSELES INFINITOS — solo cierra sus containers */ .esf-marquee-container, .esf-marquee-container-reverse, .esf-price-bar-carousel, .esf-carrusel-container { overflow-x: hidden !important; max-width: 100% !important; } /* 3) CARRUSEL TESTIMONIOS — mantiene scroll interno */ .esf-carrusel-track { max-width: 100% !important; overflow-x: auto !important; overflow-y: hidden !important; } /* 4) MOBILE: forzar viewport */ @media (max-width: 768px) { html, body { overflow-x: hidden !important; width: 100vw !important; max-width: 100vw !important; } }/* End custom CSS */