.elementor-11238 .elementor-element.elementor-element-fccea08{--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-11238 .elementor-element.elementor-element-fccea08:not(.elementor-motion-effects-element-type-background), .elementor-11238 .elementor-element.elementor-element-fccea08 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#8B9F7E;}.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-11238 .elementor-element.elementor-element-87ab489{text-align:center;}.elementor-11238 .elementor-element.elementor-element-87ab489 .elementor-heading-title{font-family:"Georgia", Sans-serif;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-11238 .elementor-element.elementor-element-ec65993{--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-11238 .elementor-element.elementor-element-b54c332{--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-11238 .elementor-element.elementor-element-433d3c0 > .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-11238 .elementor-element.elementor-element-9e55595 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-11238 .elementor-element.elementor-element-ba9a9c1 .elementor-button{font-family:"Georgia", Sans-serif;font-weight:600;text-transform:uppercase;border-style:none;}.elementor-11238 .elementor-element.elementor-element-ba9a9c1 .elementor-button:hover, .elementor-11238 .elementor-element.elementor-element-ba9a9c1 .elementor-button:focus{border-color:#FFFFFF;}.elementor-11238 .elementor-element.elementor-element-35b2884 .elementor-button{font-family:"Georgia", Sans-serif;font-weight:600;text-transform:uppercase;border-style:none;}.elementor-11238 .elementor-element.elementor-element-35b2884 .elementor-button:hover, .elementor-11238 .elementor-element.elementor-element-35b2884 .elementor-button:focus{border-color:#FFFFFF;}.elementor-11238 .elementor-element.elementor-element-bae76f5 .elementor-button{font-family:"Georgia", Sans-serif;font-weight:600;text-transform:uppercase;border-style:none;}.elementor-11238 .elementor-element.elementor-element-bae76f5 .elementor-button:hover, .elementor-11238 .elementor-element.elementor-element-bae76f5 .elementor-button:focus{border-color:#FFFFFF;}.elementor-11238 .elementor-element.elementor-element-037efea .elementor-button{font-family:"Georgia", Sans-serif;font-weight:600;text-transform:uppercase;border-style:none;}.elementor-11238 .elementor-element.elementor-element-037efea .elementor-button:hover, .elementor-11238 .elementor-element.elementor-element-037efea .elementor-button:focus{border-color:#FFFFFF;}.elementor-11238 .elementor-element.elementor-element-570714f .elementor-button{font-family:"Georgia", Sans-serif;font-weight:600;text-transform:uppercase;border-style:none;}.elementor-11238 .elementor-element.elementor-element-570714f .elementor-button:hover, .elementor-11238 .elementor-element.elementor-element-570714f .elementor-button:focus{border-color:#FFFFFF;}@media(max-width:767px){.elementor-11238 .elementor-element.elementor-element-fccea08{--padding-top:15px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}.elementor-11238 .elementor-element.elementor-element-87ab489 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-11238 .elementor-element.elementor-element-87ab489{text-align:center;}.elementor-11238 .elementor-element.elementor-element-87ab489 .elementor-heading-title{font-size:26px;}.elementor-11238 .elementor-element.elementor-element-ec65993{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11238 .elementor-element.elementor-element-433d3c0 > .elementor-widget-container{margin:0px 0px -25px 0px;}.elementor-11238 .elementor-element.elementor-element-9e55595 > .elementor-widget-container{padding:0px 20px 0px 020px;}.elementor-11238 .elementor-element.elementor-element-9e55595 img{width:100%;border-radius:20px 20px 20px 20px;}.elementor-11238 .elementor-element.elementor-element-ba9a9c1 > .elementor-widget-container{margin:10px 0px -30px 0px;padding:0px 15px 0px 15px;}.elementor-11238 .elementor-element.elementor-element-ba9a9c1 .elementor-button{font-size:20px;line-height:1.2em;border-radius:10px 10px 10px 10px;padding:15px 35px 15px 35px;}.elementor-11238 .elementor-element.elementor-element-35b2884 > .elementor-widget-container{margin:-30px 0px -30px 0px;padding:0px 15px 0px 15px;}.elementor-11238 .elementor-element.elementor-element-35b2884 .elementor-button{font-size:20px;line-height:1.2em;border-radius:10px 10px 10px 10px;padding:15px 35px 15px 35px;}.elementor-11238 .elementor-element.elementor-element-bae76f5 > .elementor-widget-container{margin:0px 0px -30px 0px;padding:0px 15px 0px 15px;}.elementor-11238 .elementor-element.elementor-element-bae76f5 .elementor-button{font-size:20px;line-height:1.2em;border-radius:10px 10px 10px 10px;padding:15px 35px 15px 35px;}.elementor-11238 .elementor-element.elementor-element-47adb01 > .elementor-widget-container{margin:-57px 0px 30px 0px;}.elementor-11238 .elementor-element.elementor-element-a91976b > .elementor-widget-container{margin:-40px 0px 0px 0px;}.elementor-11238 .elementor-element.elementor-element-09beab0 > .elementor-widget-container{margin:-55px 0px -30px 0px;padding:0px 0px 0px 0px;}.elementor-11238 .elementor-element.elementor-element-037efea > .elementor-widget-container{margin:0px 0px -30px 0px;padding:0px 15px 0px 15px;}.elementor-11238 .elementor-element.elementor-element-037efea .elementor-button{font-size:20px;line-height:1.2em;border-radius:10px 10px 10px 10px;padding:15px 35px 15px 35px;}.elementor-11238 .elementor-element.elementor-element-01aa727 > .elementor-widget-container{margin:-40px 0px -55px 0px;}.elementor-11238 .elementor-element.elementor-element-21cda12 > .elementor-widget-container{padding:0px 15px 0px 15px;}.elementor-11238 .elementor-element.elementor-element-b06d9d7 > .elementor-widget-container{padding:0px 15px 0px 15px;}.elementor-11238 .elementor-element.elementor-element-be11c35 > .elementor-widget-container{padding:0px 12px 0px 12px;}.elementor-11238 .elementor-element.elementor-element-fe7ab87 > .elementor-widget-container{padding:0px 15px 0px 15px;}.elementor-11238 .elementor-element.elementor-element-8b249af > .elementor-widget-container{padding:0px 15px 0px 15px;}.elementor-11238 .elementor-element.elementor-element-570714f > .elementor-widget-container{margin:-40px 0px -30px 0px;padding:0px 0px 0px 0px;}.elementor-11238 .elementor-element.elementor-element-570714f .elementor-button{font-size:20px;line-height:1.2em;border-radius:10px 10px 10px 10px;padding:15px 35px 15px 35px;}.elementor-11238 .elementor-element.elementor-element-ea47bab > .elementor-widget-container{padding:0px 15px 0px 15px;}}/* Start custom CSS for button, class: .elementor-element-ba9a9c1 *//* ==================================================== BOTÓN CTA — EL CÓDIGO ANCESTRAL DE LA VISTA Gradiente animado: Azul profundo → Verde sanador → Dorado Pega esto en el CSS personalizado de tu botón Elementor ==================================================== */ .elementor-11238 .elementor-element.elementor-element-ba9a9c1 .elementor-button { /* Gradiente animado: azul profundo → verde sanador → dorado → verde → azul */ background-image: linear-gradient( to right, #1e3a5f, #16a085, #d4a843, #16a085, #1e3a5f ) !important; /* NECESARIO para que la animación funcione */ background-size: 300% 100% !important; /* Velocidad del movimiento del gradiente (12s) */ animation: smoothCodigoAncestralMovement 12s ease-in-out infinite !important; /* Fondo estático transparente para no interferir */ background-color: transparent !important; /* Sombra azul + borde dorado sutil */ box-shadow: 0 6px 22px rgba(30, 58, 95, 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-11238 .elementor-element.elementor-element-ba9a9c1 .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 smoothCodigoAncestralMovement { 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-11238 .elementor-element.elementor-element-ba9a9c1 { 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-35b2884 *//* ==================================================== BOTÓN CTA — EL CÓDIGO ANCESTRAL DE LA VISTA Gradiente animado: Azul profundo → Verde sanador → Dorado Pega esto en el CSS personalizado de tu botón Elementor ==================================================== */ .elementor-11238 .elementor-element.elementor-element-35b2884 .elementor-button { /* Gradiente animado: azul profundo → verde sanador → dorado → verde → azul */ background-image: linear-gradient( to right, #1e3a5f, #16a085, #d4a843, #16a085, #1e3a5f ) !important; /* NECESARIO para que la animación funcione */ background-size: 300% 100% !important; /* Velocidad del movimiento del gradiente (12s) */ animation: smoothCodigoAncestralMovement 12s ease-in-out infinite !important; /* Fondo estático transparente para no interferir */ background-color: transparent !important; /* Sombra azul + borde dorado sutil */ box-shadow: 0 6px 22px rgba(30, 58, 95, 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-11238 .elementor-element.elementor-element-35b2884 .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 smoothCodigoAncestralMovement { 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-11238 .elementor-element.elementor-element-35b2884 { 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-bae76f5 *//* ==================================================== BOTÓN CTA — EL CÓDIGO ANCESTRAL DE LA VISTA Gradiente animado: Azul profundo → Verde sanador → Dorado Pega esto en el CSS personalizado de tu botón Elementor ==================================================== */ .elementor-11238 .elementor-element.elementor-element-bae76f5 .elementor-button { /* Gradiente animado: azul profundo → verde sanador → dorado → verde → azul */ background-image: linear-gradient( to right, #1e3a5f, #16a085, #d4a843, #16a085, #1e3a5f ) !important; /* NECESARIO para que la animación funcione */ background-size: 300% 100% !important; /* Velocidad del movimiento del gradiente (12s) */ animation: smoothCodigoAncestralMovement 12s ease-in-out infinite !important; /* Fondo estático transparente para no interferir */ background-color: transparent !important; /* Sombra azul + borde dorado sutil */ box-shadow: 0 6px 22px rgba(30, 58, 95, 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-11238 .elementor-element.elementor-element-bae76f5 .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 smoothCodigoAncestralMovement { 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-11238 .elementor-element.elementor-element-bae76f5 { 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-037efea *//* ==================================================== BOTÓN CTA — EL CÓDIGO ANCESTRAL DE LA VISTA Gradiente animado: Azul profundo → Verde sanador → Dorado Pega esto en el CSS personalizado de tu botón Elementor ==================================================== */ .elementor-11238 .elementor-element.elementor-element-037efea .elementor-button { /* Gradiente animado: azul profundo → verde sanador → dorado → verde → azul */ background-image: linear-gradient( to right, #1e3a5f, #16a085, #d4a843, #16a085, #1e3a5f ) !important; /* NECESARIO para que la animación funcione */ background-size: 300% 100% !important; /* Velocidad del movimiento del gradiente (12s) */ animation: smoothCodigoAncestralMovement 12s ease-in-out infinite !important; /* Fondo estático transparente para no interferir */ background-color: transparent !important; /* Sombra azul + borde dorado sutil */ box-shadow: 0 6px 22px rgba(30, 58, 95, 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-11238 .elementor-element.elementor-element-037efea .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 smoothCodigoAncestralMovement { 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-11238 .elementor-element.elementor-element-037efea { 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-570714f *//* ==================================================== BOTÓN CTA — EL CÓDIGO ANCESTRAL DE LA VISTA Gradiente animado: Azul profundo → Verde sanador → Dorado Pega esto en el CSS personalizado de tu botón Elementor ==================================================== */ .elementor-11238 .elementor-element.elementor-element-570714f .elementor-button { /* Gradiente animado: azul profundo → verde sanador → dorado → verde → azul */ background-image: linear-gradient( to right, #1e3a5f, #16a085, #d4a843, #16a085, #1e3a5f ) !important; /* NECESARIO para que la animación funcione */ background-size: 300% 100% !important; /* Velocidad del movimiento del gradiente (12s) */ animation: smoothCodigoAncestralMovement 12s ease-in-out infinite !important; /* Fondo estático transparente para no interferir */ background-color: transparent !important; /* Sombra azul + borde dorado sutil */ box-shadow: 0 6px 22px rgba(30, 58, 95, 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-11238 .elementor-element.elementor-element-570714f .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 smoothCodigoAncestralMovement { 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-11238 .elementor-element.elementor-element-570714f { 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: 3s; opacity: 0; visibility: hidden; } @keyframes revelar { from { opacity: 0; visibility: hidden; } to { opacity: 1; visibility: visible; } }/* End custom CSS */