.elementor-618 .elementor-element.elementor-element-c81780d{--display:flex;--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:space-around;--align-items:stretch;--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-618 .elementor-element.elementor-element-c81780d.e-con{--order:-99999 /* order start hack */;--flex-grow:1;--flex-shrink:0;}.elementor-618 .elementor-element.elementor-element-e7d6d36 .elementor-button{background-color:#FFFFFF;fill:#FFFFFF;color:#FFFFFF;}.elementor-618 .elementor-element.elementor-element-e7d6d36 > .elementor-widget-container{background-color:#000000;}.elementor-618 .elementor-element.elementor-element-e7d6d36 .elementor-button-content-wrapper{flex-direction:row;}.elementor-618 .elementor-element.elementor-element-d89f334 .elementor-button{background-color:#FFFFFF;fill:#FFFFFF;color:#FFFFFF;}.elementor-618 .elementor-element.elementor-element-d89f334 > .elementor-widget-container{background-color:#000000;}.elementor-618 .elementor-element.elementor-element-d89f334 .elementor-button-content-wrapper{flex-direction:row;}.elementor-618 .elementor-element.elementor-element-12fb6ba .elementor-button{background-color:#FFFFFF;fill:#FFFFFF;color:#FFFFFF;}.elementor-618 .elementor-element.elementor-element-12fb6ba > .elementor-widget-container{background-color:#000000;}.elementor-618 .elementor-element.elementor-element-12fb6ba .elementor-button-content-wrapper{flex-direction:row;}.elementor-618 .elementor-element.elementor-element-ba0624a .elementor-button{background-color:#FFFFFF;fill:#FFFFFF;color:#FFFFFF;}.elementor-618 .elementor-element.elementor-element-ba0624a > .elementor-widget-container{background-color:#000000;}.elementor-618 .elementor-element.elementor-element-ba0624a .elementor-button-content-wrapper{flex-direction:row;}.elementor-618 .elementor-element.elementor-element-7ebe785 .elementor-button{background-color:#FFFFFF;fill:#FFFFFF;color:#FFFFFF;}.elementor-618 .elementor-element.elementor-element-7ebe785 > .elementor-widget-container{background-color:#000000;}.elementor-618 .elementor-element.elementor-element-7ebe785 .elementor-button-content-wrapper{flex-direction:row;}body.elementor-page-618:not(.elementor-motion-effects-element-type-background), body.elementor-page-618 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#030202;}@media(max-width:767px){.elementor-618 .elementor-element.elementor-element-c81780d{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-618 .elementor-element.elementor-element-e7d6d36 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:16px 16px 16px 16px;}.elementor-618 .elementor-element.elementor-element-d89f334 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:16px 16px 16px 16px;}.elementor-618 .elementor-element.elementor-element-12fb6ba > .elementor-widget-container{margin:0px 0px 0px 0px;padding:16px 16px 16px 16px;}.elementor-618 .elementor-element.elementor-element-ba0624a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:16px 16px 16px 16px;}.elementor-618 .elementor-element.elementor-element-7ebe785 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:16px 16px 16px 16px;}}@media(min-width:768px){.elementor-618 .elementor-element.elementor-element-c81780d{--content-width:696px;}}/* Start custom CSS for button, class: .elementor-element-e7d6d36 *//* Pegar en: Apariencia → Personalizar → CSS adicional */

.elementor-button {
  background: linear-gradient(135deg, #0088CC 0%, #229ED9 55%, #1AADEE 100%) !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: 0.3px !important;
  border: none !important;
  border-radius: 14px !important;
  padding: 16px 20px !important;
  box-shadow: 0 8px 28px rgba(0,136,204,0.4) !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease !important;
  position: relative !important;
  overflow: hidden !important;
  width: 100% !important;
  display: block !important;
}

.elementor-button:hover {
  transform: translateY(-2px) !important;
  filter: brightness(1.1) !important;
  box-shadow: 0 14px 40px rgba(0,136,204,0.55) !important;
}

.elementor-button:active {
  transform: scale(0.97) !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-d89f334 *//* Pegar en: CSS personalizado del widget botón secundario
   O en Apariencia → Personalizar → CSS adicional
   (ajusta .elementor-element-XXXXXXX por el ID real del widget) */

.elementor-618 .elementor-element.elementor-element-d89f334 .elementor-button {
  background: transparent !important;
  color: #B36FFF !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px !important;
  border: 1.5px solid rgba(107,0,232,0.55) !important;
  border-radius: 14px !important;
  padding: 15px 20px !important;
  box-shadow: inset 0 0 0 0 rgba(107,0,232,0), 0 4px 16px rgba(107,0,232,0.12) !important;
  transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, transform 0.15s ease !important;
  width: 100% !important;
  display: block !important;
}

.elementor-618 .elementor-element.elementor-element-d89f334 .elementor-button:hover {
  background: rgba(107,0,232,0.12) !important;
  color: #D4A8FF !important;
  border-color: rgba(107,0,232,0.85) !important;
  box-shadow: 0 6px 24px rgba(107,0,232,0.22) !important;
  transform: translateY(-1px) !important;
}

.elementor-618 .elementor-element.elementor-element-d89f334 .elementor-button:active {
  transform: scale(0.97) !important;
  background: rgba(107,0,232,0.2) !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-12fb6ba *//* Pegar en: Apariencia → Personalizar → CSS adicional */

.elementor-button {
  background: linear-gradient(135deg, #0088CC 0%, #229ED9 55%, #1AADEE 100%) !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: 0.3px !important;
  border: none !important;
  border-radius: 14px !important;
  padding: 16px 20px !important;
  box-shadow: 0 8px 28px rgba(0,136,204,0.4) !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease !important;
  position: relative !important;
  overflow: hidden !important;
  width: 100% !important;
  display: block !important;
}

.elementor-button:hover {
  transform: translateY(-2px) !important;
  filter: brightness(1.1) !important;
  box-shadow: 0 14px 40px rgba(0,136,204,0.55) !important;
}

.elementor-button:active {
  transform: scale(0.97) !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ba0624a *//* Pegar en: Apariencia → Personalizar → CSS adicional */

.elementor-button {
  background: linear-gradient(135deg, #0088CC 0%, #229ED9 55%, #1AADEE 100%) !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: 0.3px !important;
  border: none !important;
  border-radius: 14px !important;
  padding: 16px 20px !important;
  box-shadow: 0 8px 28px rgba(0,136,204,0.4) !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease !important;
  position: relative !important;
  overflow: hidden !important;
  width: 100% !important;
  display: block !important;
}

.elementor-button:hover {
  transform: translateY(-2px) !important;
  filter: brightness(1.1) !important;
  box-shadow: 0 14px 40px rgba(0,136,204,0.55) !important;
}

.elementor-button:active {
  transform: scale(0.97) !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-7ebe785 *//* Pegar en: CSS personalizado del widget botón secundario
   O en Apariencia → Personalizar → CSS adicional
   (ajusta .elementor-element-XXXXXXX por el ID real del widget) */

.elementor-618 .elementor-element.elementor-element-7ebe785 .elementor-button {
  background: transparent !important;
  color: #B36FFF !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px !important;
  border: 1.5px solid rgba(107,0,232,0.55) !important;
  border-radius: 14px !important;
  padding: 15px 20px !important;
  box-shadow: inset 0 0 0 0 rgba(107,0,232,0), 0 4px 16px rgba(107,0,232,0.12) !important;
  transition: background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, transform 0.15s ease !important;
  width: 100% !important;
  display: block !important;
}

.elementor-618 .elementor-element.elementor-element-7ebe785 .elementor-button:hover {
  background: rgba(107,0,232,0.12) !important;
  color: #D4A8FF !important;
  border-color: rgba(107,0,232,0.85) !important;
  box-shadow: 0 6px 24px rgba(107,0,232,0.22) !important;
  transform: translateY(-1px) !important;
}

.elementor-618 .elementor-element.elementor-element-7ebe785 .elementor-button:active {
  transform: scale(0.97) !important;
  background: rgba(107,0,232,0.2) !important;
}/* End custom CSS */