.elementor-11535 .elementor-element.elementor-element-a010421{--display:flex;}.elementor-11535 .elementor-element.elementor-element-a95c1d2{--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-11535 .elementor-element.elementor-element-a95c1d2:not(.elementor-motion-effects-element-type-background), .elementor-11535 .elementor-element.elementor-element-a95c1d2 > .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-11535 .elementor-element.elementor-element-09b2de8{text-align:center;}.elementor-11535 .elementor-element.elementor-element-09b2de8 .elementor-heading-title{font-family:"Georgia", Sans-serif;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-11535 .elementor-element.elementor-element-da0d9f0{--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-11535 .elementor-element.elementor-element-e7ec93d > .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-11535 .elementor-element.elementor-element-cb04068 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-11535 .elementor-element.elementor-element-640b330 .elementor-button{font-family:"Georgia", Sans-serif;font-weight:600;text-transform:uppercase;border-style:none;}.elementor-11535 .elementor-element.elementor-element-640b330 .elementor-button:hover, .elementor-11535 .elementor-element.elementor-element-640b330 .elementor-button:focus{border-color:#FFFFFF;}.elementor-11535 .elementor-element.elementor-element-6880eb5 .elementor-button{font-family:"Georgia", Sans-serif;font-weight:600;text-transform:uppercase;border-style:none;}.elementor-11535 .elementor-element.elementor-element-6880eb5 .elementor-button:hover, .elementor-11535 .elementor-element.elementor-element-6880eb5 .elementor-button:focus{border-color:#FFFFFF;}.elementor-11535 .elementor-element.elementor-element-a25f0bb .elementor-button{font-family:"Georgia", Sans-serif;font-weight:600;text-transform:uppercase;border-style:none;}.elementor-11535 .elementor-element.elementor-element-a25f0bb .elementor-button:hover, .elementor-11535 .elementor-element.elementor-element-a25f0bb .elementor-button:focus{border-color:#FFFFFF;}.elementor-11535 .elementor-element.elementor-element-e92dc9c .elementor-button{font-family:"Georgia", Sans-serif;font-weight:600;text-transform:uppercase;border-style:none;}.elementor-11535 .elementor-element.elementor-element-e92dc9c .elementor-button:hover, .elementor-11535 .elementor-element.elementor-element-e92dc9c .elementor-button:focus{border-color:#FFFFFF;}@media(max-width:767px){.elementor-11535 .elementor-element.elementor-element-a010421{--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-11535 .elementor-element.elementor-element-68ba2fa > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 10px 0px 10px;}.elementor-11535 .elementor-element.elementor-element-a95c1d2{--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-11535 .elementor-element.elementor-element-09b2de8 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11535 .elementor-element.elementor-element-09b2de8{text-align:center;}.elementor-11535 .elementor-element.elementor-element-09b2de8 .elementor-heading-title{font-size:26px;}.elementor-11535 .elementor-element.elementor-element-da0d9f0{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-11535 .elementor-element.elementor-element-cb04068 > .elementor-widget-container{margin:-35px 0px 0px 0px;padding:0px 20px 0px 020px;}.elementor-11535 .elementor-element.elementor-element-cb04068 img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-11535 .elementor-element.elementor-element-640b330 > .elementor-widget-container{margin:10px 0px -30px 0px;padding:0px 15px 0px 15px;}.elementor-11535 .elementor-element.elementor-element-640b330 .elementor-button{font-size:20px;line-height:1.2em;border-radius:10px 10px 10px 10px;padding:15px 35px 15px 35px;}.elementor-11535 .elementor-element.elementor-element-6880eb5 > .elementor-widget-container{margin:-30px 10px -30px 10px;padding:0px 15px 0px 15px;}.elementor-11535 .elementor-element.elementor-element-6880eb5 .elementor-button{font-size:20px;line-height:1.2em;border-radius:10px 10px 10px 10px;padding:15px 35px 15px 35px;}.elementor-11535 .elementor-element.elementor-element-19098ea > .elementor-widget-container{padding:0px 15px 0px 15px;}.elementor-11535 .elementor-element.elementor-element-d919e79 > .elementor-widget-container{padding:0px 15px 0px 15px;}.elementor-11535 .elementor-element.elementor-element-a25f0bb > .elementor-widget-container{margin:-30px 10px -30px 10px;padding:0px 15px 0px 15px;}.elementor-11535 .elementor-element.elementor-element-a25f0bb .elementor-button{font-size:20px;line-height:1.2em;border-radius:10px 10px 10px 10px;padding:15px 35px 15px 35px;}.elementor-11535 .elementor-element.elementor-element-f4e7d59 > .elementor-widget-container{margin:0px 0px -100px 0px;padding:0px 15px 0px 15px;}.elementor-11535 .elementor-element.elementor-element-ef865ca > .elementor-widget-container{padding:0px 15px 0px 15px;}.elementor-11535 .elementor-element.elementor-element-1284e78 > .elementor-widget-container{margin:-55px 0px -30px 0px;padding:0px 0px 0px 0px;}.elementor-11535 .elementor-element.elementor-element-4da1176 > .elementor-widget-container{margin:0px 0px -70px 0px;padding:0px 15px 0px 15px;}.elementor-11535 .elementor-element.elementor-element-fea1bb8 > .elementor-widget-container{padding:0px 15px 0px 15px;}.elementor-11535 .elementor-element.elementor-element-072f275 > .elementor-widget-container{margin:-54px 0px -60px 0px;padding:0px 15px 0px 15px;}.elementor-11535 .elementor-element.elementor-element-9f0d94b > .elementor-widget-container{margin:0px 0px -70px 0px;padding:0px 15px 0px 15px;}.elementor-11535 .elementor-element.elementor-element-fbbf16b > .elementor-widget-container{padding:0px 15px 0px 15px;}.elementor-11535 .elementor-element.elementor-element-bc46dd3 > .elementor-widget-container{padding:0px 15px 0px 15px;}.elementor-11535 .elementor-element.elementor-element-4d4666e > .elementor-widget-container{padding:0px 15px 0px 15px;}.elementor-11535 .elementor-element.elementor-element-122a9cf > .elementor-widget-container{padding:0px 15px 0px 15px;}.elementor-11535 .elementor-element.elementor-element-e92dc9c > .elementor-widget-container{margin:-30px 10px -30px 10px;padding:0px 15px 0px 15px;}.elementor-11535 .elementor-element.elementor-element-e92dc9c .elementor-button{font-size:20px;line-height:1.2em;border-radius:10px 10px 10px 10px;padding:15px 35px 15px 35px;}.elementor-11535 .elementor-element.elementor-element-aded8f6 > .elementor-widget-container{padding:0px 15px 0px 15px;}}/* Start custom CSS for button, class: .elementor-element-640b330 *//* ==================================================== 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-11535 .elementor-element.elementor-element-640b330 .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-11535 .elementor-element.elementor-element-640b330 .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-11535 .elementor-element.elementor-element-640b330 { 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-6880eb5 *//* ==================================================== 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-11535 .elementor-element.elementor-element-6880eb5 .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-11535 .elementor-element.elementor-element-6880eb5 .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-11535 .elementor-element.elementor-element-6880eb5 { 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-a25f0bb *//* ==================================================== 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-11535 .elementor-element.elementor-element-a25f0bb .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-11535 .elementor-element.elementor-element-a25f0bb .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-11535 .elementor-element.elementor-element-a25f0bb { 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-e92dc9c *//* ==================================================== 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-11535 .elementor-element.elementor-element-e92dc9c .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-11535 .elementor-element.elementor-element-e92dc9c .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-11535 .elementor-element.elementor-element-e92dc9c { 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-da0d9f0 *//* ============================================ 🛡️ 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 */