.elementor-11375 .elementor-element.elementor-element-8b0cc00{--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-11375 .elementor-element.elementor-element-8b0cc00:not(.elementor-motion-effects-element-type-background), .elementor-11375 .elementor-element.elementor-element-8b0cc00 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#6B1A2E;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-11375 .elementor-element.elementor-element-ec235b5{text-align:center;}.elementor-11375 .elementor-element.elementor-element-ec235b5 .elementor-heading-title{font-family:"Georgia", Sans-serif;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-11375 .elementor-element.elementor-element-8ac00a7{--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-11375 .elementor-element.elementor-element-8bdb02d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-11375 .elementor-element.elementor-element-0853569 img{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.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-11375 .elementor-element.elementor-element-31f41a8 .elementor-button{font-family:"Georgia", Sans-serif;font-weight:600;text-transform:uppercase;border-style:none;}.elementor-11375 .elementor-element.elementor-element-31f41a8 .elementor-button:hover, .elementor-11375 .elementor-element.elementor-element-31f41a8 .elementor-button:focus{border-color:#FFFFFF;}.elementor-11375 .elementor-element.elementor-element-d669de6 .elementor-button{font-family:"Georgia", Sans-serif;font-weight:600;text-transform:uppercase;border-style:none;}.elementor-11375 .elementor-element.elementor-element-d669de6 .elementor-button:hover, .elementor-11375 .elementor-element.elementor-element-d669de6 .elementor-button:focus{border-color:#FFFFFF;}.elementor-11375 .elementor-element.elementor-element-0b44f93 .elementor-button{font-family:"Georgia", Sans-serif;font-weight:600;text-transform:uppercase;border-style:none;}.elementor-11375 .elementor-element.elementor-element-0b44f93 .elementor-button:hover, .elementor-11375 .elementor-element.elementor-element-0b44f93 .elementor-button:focus{border-color:#FFFFFF;}.elementor-11375 .elementor-element.elementor-element-9bd1740 .elementor-button{font-family:"Georgia", Sans-serif;font-weight:600;text-transform:uppercase;border-style:none;}.elementor-11375 .elementor-element.elementor-element-9bd1740 .elementor-button:hover, .elementor-11375 .elementor-element.elementor-element-9bd1740 .elementor-button:focus{border-color:#FFFFFF;}@media(max-width:767px){.elementor-11375 .elementor-element.elementor-element-8b0cc00{--padding-top:15px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}.elementor-11375 .elementor-element.elementor-element-ec235b5 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11375 .elementor-element.elementor-element-ec235b5{text-align:center;}.elementor-11375 .elementor-element.elementor-element-ec235b5 .elementor-heading-title{font-size:26px;}.elementor-11375 .elementor-element.elementor-element-8ac00a7{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-11375 .elementor-element.elementor-element-0853569 > .elementor-widget-container{margin:-35px 0px 0px 0px;padding:0px 20px 0px 020px;}.elementor-11375 .elementor-element.elementor-element-0853569 img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-11375 .elementor-element.elementor-element-31f41a8 > .elementor-widget-container{margin:10px 0px -30px 0px;padding:0px 15px 0px 15px;}.elementor-11375 .elementor-element.elementor-element-31f41a8 .elementor-button{font-size:20px;line-height:1.2em;border-radius:10px 10px 10px 10px;padding:15px 35px 15px 35px;}.elementor-11375 .elementor-element.elementor-element-d669de6 > .elementor-widget-container{margin:-30px 10px -30px 10px;padding:0px 15px 0px 15px;}.elementor-11375 .elementor-element.elementor-element-d669de6 .elementor-button{font-size:20px;line-height:1.2em;border-radius:10px 10px 10px 10px;padding:15px 35px 15px 35px;}.elementor-11375 .elementor-element.elementor-element-7ee2444 > .elementor-widget-container{padding:0px 15px 0px 15px;}.elementor-11375 .elementor-element.elementor-element-8accdd8 > .elementor-widget-container{padding:0px 15px 0px 15px;}.elementor-11375 .elementor-element.elementor-element-0b44f93 > .elementor-widget-container{margin:-30px 10px -30px 10px;padding:0px 15px 0px 15px;}.elementor-11375 .elementor-element.elementor-element-0b44f93 .elementor-button{font-size:20px;line-height:1.2em;border-radius:10px 10px 10px 10px;padding:15px 35px 15px 35px;}.elementor-11375 .elementor-element.elementor-element-936902f > .elementor-widget-container{margin:0px 0px -100px 0px;padding:0px 15px 0px 15px;}.elementor-11375 .elementor-element.elementor-element-d33c730 > .elementor-widget-container{padding:0px 15px 0px 15px;}.elementor-11375 .elementor-element.elementor-element-46afba0 > .elementor-widget-container{margin:-55px 0px -30px 0px;padding:0px 0px 0px 0px;}.elementor-11375 .elementor-element.elementor-element-55ba6bc > .elementor-widget-container{margin:0px 0px -70px 0px;padding:0px 15px 0px 15px;}.elementor-11375 .elementor-element.elementor-element-a22e72f > .elementor-widget-container{padding:0px 15px 0px 15px;}.elementor-11375 .elementor-element.elementor-element-f5bae5b > .elementor-widget-container{margin:-54px 0px -60px 0px;padding:0px 15px 0px 15px;}.elementor-11375 .elementor-element.elementor-element-20637e7 > .elementor-widget-container{margin:0px 0px -70px 0px;padding:0px 15px 0px 15px;}.elementor-11375 .elementor-element.elementor-element-1bc74c7 > .elementor-widget-container{padding:0px 15px 0px 15px;}.elementor-11375 .elementor-element.elementor-element-477826b > .elementor-widget-container{padding:0px 15px 0px 15px;}.elementor-11375 .elementor-element.elementor-element-e1f26ba > .elementor-widget-container{padding:0px 15px 0px 15px;}.elementor-11375 .elementor-element.elementor-element-d977e84 > .elementor-widget-container{padding:0px 15px 0px 15px;}.elementor-11375 .elementor-element.elementor-element-9bd1740 > .elementor-widget-container{margin:-30px 10px -30px 10px;padding:0px 15px 0px 15px;}.elementor-11375 .elementor-element.elementor-element-9bd1740 .elementor-button{font-size:20px;line-height:1.2em;border-radius:10px 10px 10px 10px;padding:15px 35px 15px 35px;}.elementor-11375 .elementor-element.elementor-element-9245b57 > .elementor-widget-container{padding:0px 15px 0px 15px;}}/* Start custom CSS for button, class: .elementor-element-31f41a8 *//* ==================================================== BOTÓN CTA — LA ENCICLOPEDIA DE LA SABIDURÍA FEMENINA Gradiente animado: Borgoña → Rosa coral → Dorado Pega esto en el CSS personalizado de tu botón Elementor ==================================================== */ .elementor-11375 .elementor-element.elementor-element-31f41a8 .elementor-button { /* Gradiente animado: borgoña profundo → rosa coral → dorado → rosa coral → borgoña */ background-image: linear-gradient( to right, #6b1a2e, #d97a6f, #d4a843, #d97a6f, #6b1a2e ) !important; /* NECESARIO para que la animación funcione */ background-size: 300% 100% !important; /* Velocidad del movimiento del gradiente (12s) */ animation: smoothSabiduriaFemeninaMovement 12s ease-in-out infinite !important; /* Fondo estático transparente para no interferir */ background-color: transparent !important; /* Sombra borgoña + borde dorado sutil */ box-shadow: 0 6px 22px rgba(107, 26, 46, 0.45), 0 0 0 1px rgba(212, 168, 67, 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-11375 .elementor-element.elementor-element-31f41a8 .elementor-button:hover { transform: translateY(-2px) scale(1.02); box-shadow: 0 12px 32px rgba(212, 168, 67, 0.5), 0 0 0 1px rgba(212, 168, 67, 0.8) !important; } /* Animación del fondo gradiente */ @keyframes smoothSabiduriaFemeninaMovement { 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-11375 .elementor-element.elementor-element-31f41a8 { 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 button, class: .elementor-element-d669de6 *//* ==================================================== BOTÓN CTA — LA ENCICLOPEDIA DE LA SABIDURÍA FEMENINA Gradiente animado: Borgoña → Rosa coral → Dorado Pega esto en el CSS personalizado de tu botón Elementor ==================================================== */ .elementor-11375 .elementor-element.elementor-element-d669de6 .elementor-button { /* Gradiente animado: borgoña profundo → rosa coral → dorado → rosa coral → borgoña */ background-image: linear-gradient( to right, #6b1a2e, #d97a6f, #d4a843, #d97a6f, #6b1a2e ) !important; /* NECESARIO para que la animación funcione */ background-size: 300% 100% !important; /* Velocidad del movimiento del gradiente (12s) */ animation: smoothSabiduriaFemeninaMovement 12s ease-in-out infinite !important; /* Fondo estático transparente para no interferir */ background-color: transparent !important; /* Sombra borgoña + borde dorado sutil */ box-shadow: 0 6px 22px rgba(107, 26, 46, 0.45), 0 0 0 1px rgba(212, 168, 67, 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-11375 .elementor-element.elementor-element-d669de6 .elementor-button:hover { transform: translateY(-2px) scale(1.02); box-shadow: 0 12px 32px rgba(212, 168, 67, 0.5), 0 0 0 1px rgba(212, 168, 67, 0.8) !important; } /* Animación del fondo gradiente */ @keyframes smoothSabiduriaFemeninaMovement { 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-11375 .elementor-element.elementor-element-d669de6 { 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 button, class: .elementor-element-0b44f93 *//* ==================================================== BOTÓN CTA — LA ENCICLOPEDIA DE LA SABIDURÍA FEMENINA Gradiente animado: Borgoña → Rosa coral → Dorado Pega esto en el CSS personalizado de tu botón Elementor ==================================================== */ .elementor-11375 .elementor-element.elementor-element-0b44f93 .elementor-button { /* Gradiente animado: borgoña profundo → rosa coral → dorado → rosa coral → borgoña */ background-image: linear-gradient( to right, #6b1a2e, #d97a6f, #d4a843, #d97a6f, #6b1a2e ) !important; /* NECESARIO para que la animación funcione */ background-size: 300% 100% !important; /* Velocidad del movimiento del gradiente (12s) */ animation: smoothSabiduriaFemeninaMovement 12s ease-in-out infinite !important; /* Fondo estático transparente para no interferir */ background-color: transparent !important; /* Sombra borgoña + borde dorado sutil */ box-shadow: 0 6px 22px rgba(107, 26, 46, 0.45), 0 0 0 1px rgba(212, 168, 67, 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-11375 .elementor-element.elementor-element-0b44f93 .elementor-button:hover { transform: translateY(-2px) scale(1.02); box-shadow: 0 12px 32px rgba(212, 168, 67, 0.5), 0 0 0 1px rgba(212, 168, 67, 0.8) !important; } /* Animación del fondo gradiente */ @keyframes smoothSabiduriaFemeninaMovement { 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-11375 .elementor-element.elementor-element-0b44f93 { 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 button, class: .elementor-element-9bd1740 *//* ==================================================== BOTÓN CTA — LA ENCICLOPEDIA DE LA SABIDURÍA FEMENINA Gradiente animado: Borgoña → Rosa coral → Dorado Pega esto en el CSS personalizado de tu botón Elementor ==================================================== */ .elementor-11375 .elementor-element.elementor-element-9bd1740 .elementor-button { /* Gradiente animado: borgoña profundo → rosa coral → dorado → rosa coral → borgoña */ background-image: linear-gradient( to right, #6b1a2e, #d97a6f, #d4a843, #d97a6f, #6b1a2e ) !important; /* NECESARIO para que la animación funcione */ background-size: 300% 100% !important; /* Velocidad del movimiento del gradiente (12s) */ animation: smoothSabiduriaFemeninaMovement 12s ease-in-out infinite !important; /* Fondo estático transparente para no interferir */ background-color: transparent !important; /* Sombra borgoña + borde dorado sutil */ box-shadow: 0 6px 22px rgba(107, 26, 46, 0.45), 0 0 0 1px rgba(212, 168, 67, 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-11375 .elementor-element.elementor-element-9bd1740 .elementor-button:hover { transform: translateY(-2px) scale(1.02); box-shadow: 0 12px 32px rgba(212, 168, 67, 0.5), 0 0 0 1px rgba(212, 168, 67, 0.8) !important; } /* Animación del fondo gradiente */ @keyframes smoothSabiduriaFemeninaMovement { 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-11375 .elementor-element.elementor-element-9bd1740 { 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-8ac00a7 *//* ============================================ 🛡️ 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 */