.elementor-11603 .elementor-element.elementor-element-1fec3c2{--display:flex;}.elementor-11603 .elementor-element.elementor-element-4be63d9{--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;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-11603 .elementor-element.elementor-element-4be63d9:not(.elementor-motion-effects-element-type-background), .elementor-11603 .elementor-element.elementor-element-4be63d9 > .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-11603 .elementor-element.elementor-element-eb0895a{text-align:center;}.elementor-11603 .elementor-element.elementor-element-eb0895a .elementor-heading-title{font-family:"Georgia", Sans-serif;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-11603 .elementor-element.elementor-element-3c40ddf{--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-11603 .elementor-element.elementor-element-f944605 > .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-11603 .elementor-element.elementor-element-c3c8040 img{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );background-color:var( --e-global-color-accent );}.elementor-11603 .elementor-element.elementor-element-9aeb215 .elementor-button{font-family:"Georgia", Sans-serif;font-weight:600;text-transform:uppercase;border-style:none;}.elementor-11603 .elementor-element.elementor-element-9aeb215 .elementor-button:hover, .elementor-11603 .elementor-element.elementor-element-9aeb215 .elementor-button:focus{border-color:#FFFFFF;}.elementor-11603 .elementor-element.elementor-element-d2cbf1b .elementor-button{font-family:"Georgia", Sans-serif;font-weight:600;text-transform:uppercase;border-style:none;}.elementor-11603 .elementor-element.elementor-element-d2cbf1b .elementor-button:hover, .elementor-11603 .elementor-element.elementor-element-d2cbf1b .elementor-button:focus{border-color:#FFFFFF;}.elementor-11603 .elementor-element.elementor-element-7299508 .elementor-button{font-family:"Georgia", Sans-serif;font-weight:600;text-transform:uppercase;border-style:none;}.elementor-11603 .elementor-element.elementor-element-7299508 .elementor-button:hover, .elementor-11603 .elementor-element.elementor-element-7299508 .elementor-button:focus{border-color:#FFFFFF;}.elementor-11603 .elementor-element.elementor-element-1413137 .elementor-button{font-family:"Georgia", Sans-serif;font-weight:600;text-transform:uppercase;border-style:none;}.elementor-11603 .elementor-element.elementor-element-1413137 .elementor-button:hover, .elementor-11603 .elementor-element.elementor-element-1413137 .elementor-button:focus{border-color:#FFFFFF;}@media(max-width:767px){.elementor-11603 .elementor-element.elementor-element-1fec3c2{--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-11603 .elementor-element.elementor-element-e02fb66 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 10px 0px 10px;}.elementor-11603 .elementor-element.elementor-element-4be63d9{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}.elementor-11603 .elementor-element.elementor-element-eb0895a{text-align:center;}.elementor-11603 .elementor-element.elementor-element-eb0895a .elementor-heading-title{font-size:26px;}.elementor-11603 .elementor-element.elementor-element-eb0895a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11603 .elementor-element.elementor-element-3c40ddf{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-11603 .elementor-element.elementor-element-c3c8040 img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-11603 .elementor-element.elementor-element-c3c8040 > .elementor-widget-container{margin:-35px 0px 0px 0px;padding:0px 20px 0px 020px;}.elementor-11603 .elementor-element.elementor-element-9aeb215 .elementor-button{font-size:20px;line-height:1.2em;border-radius:10px 10px 10px 10px;padding:15px 35px 15px 35px;}.elementor-11603 .elementor-element.elementor-element-9aeb215 > .elementor-widget-container{margin:10px 0px -30px 0px;padding:0px 15px 0px 15px;}.elementor-11603 .elementor-element.elementor-element-d2cbf1b .elementor-button{font-size:20px;line-height:1.2em;border-radius:10px 10px 10px 10px;padding:15px 35px 15px 35px;}.elementor-11603 .elementor-element.elementor-element-d2cbf1b > .elementor-widget-container{margin:-30px 10px -30px 10px;padding:0px 15px 0px 15px;}.elementor-11603 .elementor-element.elementor-element-7242dce > .elementor-widget-container{padding:0px 15px 0px 15px;}.elementor-11603 .elementor-element.elementor-element-98f48dd > .elementor-widget-container{padding:0px 15px 0px 15px;}.elementor-11603 .elementor-element.elementor-element-7299508 .elementor-button{font-size:20px;line-height:1.2em;border-radius:10px 10px 10px 10px;padding:15px 35px 15px 35px;}.elementor-11603 .elementor-element.elementor-element-7299508 > .elementor-widget-container{margin:-30px 10px -30px 10px;padding:0px 15px 0px 15px;}.elementor-11603 .elementor-element.elementor-element-7026fec > .elementor-widget-container{margin:0px 0px -100px 0px;padding:0px 15px 0px 15px;}.elementor-11603 .elementor-element.elementor-element-a67ea06 > .elementor-widget-container{padding:0px 15px 0px 15px;}.elementor-11603 .elementor-element.elementor-element-12eea73 > .elementor-widget-container{margin:-55px 0px -30px 0px;padding:0px 0px 0px 0px;}.elementor-11603 .elementor-element.elementor-element-7fd36b5 > .elementor-widget-container{margin:0px 0px -70px 0px;padding:0px 15px 0px 15px;}.elementor-11603 .elementor-element.elementor-element-cf49833 > .elementor-widget-container{padding:0px 15px 0px 15px;}.elementor-11603 .elementor-element.elementor-element-e6b7909 > .elementor-widget-container{margin:-54px 0px -60px 0px;padding:0px 15px 0px 15px;}.elementor-11603 .elementor-element.elementor-element-15d87ff > .elementor-widget-container{margin:0px 0px -70px 0px;padding:0px 15px 0px 15px;}.elementor-11603 .elementor-element.elementor-element-6dd1925 > .elementor-widget-container{padding:0px 15px 0px 15px;}.elementor-11603 .elementor-element.elementor-element-bc2e4ec > .elementor-widget-container{padding:0px 15px 0px 15px;}.elementor-11603 .elementor-element.elementor-element-05ce5c7 > .elementor-widget-container{padding:0px 15px 0px 15px;}.elementor-11603 .elementor-element.elementor-element-b97fa12 > .elementor-widget-container{padding:0px 15px 0px 15px;}.elementor-11603 .elementor-element.elementor-element-1413137 .elementor-button{font-size:20px;line-height:1.2em;border-radius:10px 10px 10px 10px;padding:15px 35px 15px 35px;}.elementor-11603 .elementor-element.elementor-element-1413137 > .elementor-widget-container{margin:-30px 10px -30px 10px;padding:0px 15px 0px 15px;}.elementor-11603 .elementor-element.elementor-element-6f4d25f > .elementor-widget-container{padding:0px 15px 0px 15px;}}/* Start custom CSS for button, class: .elementor-element-9aeb215 *//* ==================================================== 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-11603 .elementor-element.elementor-element-9aeb215 .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-11603 .elementor-element.elementor-element-9aeb215 .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-11603 .elementor-element.elementor-element-9aeb215 { 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-d2cbf1b *//* ==================================================== 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-11603 .elementor-element.elementor-element-d2cbf1b .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-11603 .elementor-element.elementor-element-d2cbf1b .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-11603 .elementor-element.elementor-element-d2cbf1b { 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-7299508 *//* ==================================================== 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-11603 .elementor-element.elementor-element-7299508 .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-11603 .elementor-element.elementor-element-7299508 .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-11603 .elementor-element.elementor-element-7299508 { 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-1413137 *//* ==================================================== 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-11603 .elementor-element.elementor-element-1413137 .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-11603 .elementor-element.elementor-element-1413137 .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-11603 .elementor-element.elementor-element-1413137 { 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-3c40ddf *//* ============================================ 🛡️ 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 */