.elementor-7 .elementor-element.elementor-element-b170257{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:1.3rem 0rem;--row-gap:1.3rem;--column-gap:0rem;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-7 .elementor-element.elementor-element-b170257:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-b170257 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(149deg, #161E32 0%, #006AB6 100%);}.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-7 .elementor-element.elementor-element-cfb2f50 img{width:29%;}.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-7 .elementor-element.elementor-element-f1853e7 .elementor-heading-title{font-family:"Roboto Condensed", Sans-serif;font-size:20px;font-weight:900;letter-spacing:0.4px;text-shadow:0px 0px 10px rgba(255, 255, 255, 0.36);color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-c7404d3 img{width:36%;}.elementor-7 .elementor-element.elementor-element-aea01e7{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#006AB6;--border-color:#006AB6;--border-radius:50px 50px 50px 50px;box-shadow:0px 0px 10px 0px rgba(5.325434782608689, 131.92820353559486, 222.7, 0.45);--padding-top:1em;--padding-bottom:1em;--padding-left:0.3em;--padding-right:0.3em;}.elementor-7 .elementor-element.elementor-element-aea01e7:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-aea01e7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#161E326B;}.elementor-7 .elementor-element.elementor-element-c7d602b{text-align:center;}.elementor-7 .elementor-element.elementor-element-c7d602b .elementor-heading-title{font-family:"Roboto Condensed", Sans-serif;font-size:20px;font-weight:900;letter-spacing:0.4px;color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-cbe80ce{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#006AB6;--border-color:#006AB6;--border-radius:50px 50px 50px 50px;box-shadow:0px 0px 10px 0px rgba(5.325434782608689, 131.92820353559486, 222.7, 0.45);--padding-top:1em;--padding-bottom:1em;--padding-left:0.3em;--padding-right:0.3em;}.elementor-7 .elementor-element.elementor-element-cbe80ce:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-cbe80ce > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#161E326B;}.elementor-7 .elementor-element.elementor-element-3b1de1a{text-align:center;}.elementor-7 .elementor-element.elementor-element-3b1de1a .elementor-heading-title{font-family:"Roboto Condensed", Sans-serif;font-size:20px;font-weight:900;letter-spacing:0.4px;color:#FFFFFF;}.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-7 .elementor-element.elementor-element-1109831 .elementor-button{background-color:transparent;font-family:"Roboto Condensed", Sans-serif;font-size:31px;font-weight:700;background-image:linear-gradient(147deg, #32CD32 0%, #008080 100%);box-shadow:0px 0px 10px 0px rgba(75.02173913043485, 237.99999999999997, 75.02173913043477, 0.81);border-style:solid;border-width:1px 1px 1px 1px;border-radius:50px 50px 50px 50px;padding:2rem 3rem 2rem 3rem;}.elementor-7 .elementor-element.elementor-element-1109831 .elementor-button-content-wrapper{flex-direction:row;}.elementor-7 .elementor-element.elementor-element-1109831 .elementor-button .elementor-button-content-wrapper{gap:5px;}.elementor-7 .elementor-element.elementor-element-afb1944 .elementor-button{background-color:transparent;font-family:"Roboto Condensed", Sans-serif;font-size:31px;font-weight:700;background-image:linear-gradient(147deg, #32CD32 0%, #008080 100%);box-shadow:0px 0px 10px 0px rgba(75.02173913043485, 237.99999999999997, 75.02173913043477, 0.81);border-style:solid;border-width:1px 1px 1px 1px;border-radius:50px 50px 50px 50px;padding:2rem 3rem 2rem 3rem;}.elementor-7 .elementor-element.elementor-element-afb1944 .elementor-button-content-wrapper{flex-direction:row;}.elementor-7 .elementor-element.elementor-element-afb1944 .elementor-button .elementor-button-content-wrapper{gap:16px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-7 .elementor-element.elementor-element-b170257{--justify-content:center;}}@media(max-width:767px){.elementor-7 .elementor-element.elementor-element-b170257{--min-height:93vh;--padding-top:0rem;--padding-bottom:0rem;--padding-left:2rem;--padding-right:2rem;}.elementor-7 .elementor-element.elementor-element-cfb2f50 img{width:70%;}.elementor-7 .elementor-element.elementor-element-c7404d3 img{width:73%;}.elementor-7 .elementor-element.elementor-element-aea01e7{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--padding-top:0.5em;--padding-bottom:0.5em;--padding-left:0.5em;--padding-right:0.5em;}.elementor-7 .elementor-element.elementor-element-c7d602b .elementor-heading-title{font-size:16px;}.elementor-7 .elementor-element.elementor-element-cbe80ce{--padding-top:0.5em;--padding-bottom:0.5em;--padding-left:0.5em;--padding-right:0.5em;}.elementor-7 .elementor-element.elementor-element-3b1de1a .elementor-heading-title{font-size:16px;}.elementor-7 .elementor-element.elementor-element-1109831 .elementor-button{font-size:20px;padding:1rem 2rem 1rem 2rem;}.elementor-7 .elementor-element.elementor-element-afb1944 .elementor-button{font-size:20px;padding:1rem 1rem 1rem 1rem;}}@media(min-width:768px){.elementor-7 .elementor-element.elementor-element-aea01e7{--width:32%;}.elementor-7 .elementor-element.elementor-element-cbe80ce{--width:32%;}}@media(max-width:1024px) and (min-width:768px){.elementor-7 .elementor-element.elementor-element-aea01e7{--width:57%;}.elementor-7 .elementor-element.elementor-element-cbe80ce{--width:57%;}}/* Start custom CSS for button, class: .elementor-element-1109831 *//* --- 1. Definición de la Animación de Flotación --- */
/* Usaremos @keyframes para describir el movimiento */

@keyframes floatAnimation {
  0% {
    transform: translateY(0);
    /* La sombra inicial que ya tienes */
  }
  50% {
    transform: translateY(-8px); /* Sube 8 píxeles */
    /* La sombra se hace un poco más grande y difusa al subir */
  }
  100% {
    transform: translateY(0);
    /* Vuelve a la sombra inicial */
  }
}

/* --- 2. Clase para Aplicar la Animación --- */
/* Esta es la clase principal que añadirás a tus widgets */

.is-floating {
  animation-name: floatAnimation;      /* Llama a la animación que definimos */
  animation-duration: 3s;              /* Duración de un ciclo completo (3 segundos) */
  animation-iteration-count: infinite; /* Se repite para siempre */
  animation-timing-function: ease-in-out; /* Empieza y termina suavemente */
}

/* --- 3. (Opcional) Clase para una animación desfasada --- */
/* Esto hace que los elementos no floten exactamente al mismo tiempo, creando un efecto más dinámico */

.is-floating-delay {
  animation-delay: 0.5s; /* Empieza la animación medio segundo más tarde */
}


/* --- 4. Ajuste de sombras durante la animación --- */
/* Esto se combina con las clases de sombra que creamos antes para un efecto ✨premium✨ */

/* Para el botón */
.shadow-button-green-glow.is-floating:hover {
  /* Mantenemos el efecto hover incluso con la animación */
  animation-play-state: paused; /* Pausamos la flotación al pasar el ratón */
}

@keyframes floatAnimation {
  0% {
    transform: translateY(0);
    /* No es necesario redefinir las sombras aquí si las clases ya las aplican, 
       a menos que quieras un cambio de sombra específico durante la animación.
       Para un efecto más simple, el movimiento es suficiente. */
  }
  50% {
    transform: translateY(-8px);
  }
  100% {
    transform: translateY(0);
  }
}

}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-afb1944 *//* --- 1. Definición de la Animación de Flotación --- */
/* Usaremos @keyframes para describir el movimiento */

@keyframes floatAnimation {
  0% {
    transform: translateY(0);
    /* La sombra inicial que ya tienes */
  }
  50% {
    transform: translateY(-8px); /* Sube 8 píxeles */
    /* La sombra se hace un poco más grande y difusa al subir */
  }
  100% {
    transform: translateY(0);
    /* Vuelve a la sombra inicial */
  }
}

/* --- 2. Clase para Aplicar la Animación --- */
/* Esta es la clase principal que añadirás a tus widgets */

.is-floating {
  animation-name: floatAnimation;      /* Llama a la animación que definimos */
  animation-duration: 3s;              /* Duración de un ciclo completo (3 segundos) */
  animation-iteration-count: infinite; /* Se repite para siempre */
  animation-timing-function: ease-in-out; /* Empieza y termina suavemente */
}

/* --- 3. (Opcional) Clase para una animación desfasada --- */
/* Esto hace que los elementos no floten exactamente al mismo tiempo, creando un efecto más dinámico */

.is-floating-delay {
  animation-delay: 0.5s; /* Empieza la animación medio segundo más tarde */
}


/* --- 4. Ajuste de sombras durante la animación --- */
/* Esto se combina con las clases de sombra que creamos antes para un efecto ✨premium✨ */

/* Para el botón */
.shadow-button-green-glow.is-floating:hover {
  /* Mantenemos el efecto hover incluso con la animación */
  animation-play-state: paused; /* Pausamos la flotación al pasar el ratón */
}

@keyframes floatAnimation {
  0% {
    transform: translateY(0);
    /* No es necesario redefinir las sombras aquí si las clases ya las aplican, 
       a menos que quieras un cambio de sombra específico durante la animación.
       Para un efecto más simple, el movimiento es suficiente. */
  }
  50% {
    transform: translateY(-8px);
  }
  100% {
    transform: translateY(0);
  }
}

}/* End custom CSS */