.elementor-644 .elementor-element.elementor-element-25dab564{--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-644 .elementor-element.elementor-element-25dab564.e-con{--order:-99999 /* order start hack */;--flex-grow:1;--flex-shrink:0;}.elementor-644 .elementor-element.elementor-element-29642d62 .elementor-button{background-color:#FFFFFF;fill:#FFFFFF;color:#FFFFFF;}.elementor-644 .elementor-element.elementor-element-29642d62 > .elementor-widget-container{background-color:#000000;}.elementor-644 .elementor-element.elementor-element-29642d62 .elementor-button-content-wrapper{flex-direction:row;}.elementor-644 .elementor-element.elementor-element-530def08 .elementor-button{background-color:#FFFFFF;fill:#FFFFFF;color:#FFFFFF;}.elementor-644 .elementor-element.elementor-element-530def08 > .elementor-widget-container{background-color:#000000;}.elementor-644 .elementor-element.elementor-element-530def08 .elementor-button-content-wrapper{flex-direction:row;}.elementor-644 .elementor-element.elementor-element-3292b3b2 .elementor-button{background-color:#FFFFFF;fill:#FFFFFF;color:#FFFFFF;}.elementor-644 .elementor-element.elementor-element-3292b3b2 > .elementor-widget-container{background-color:#000000;}.elementor-644 .elementor-element.elementor-element-3292b3b2 .elementor-button-content-wrapper{flex-direction:row;}.elementor-644 .elementor-element.elementor-element-15f2c1bd .elementor-button{background-color:#FFFFFF;fill:#FFFFFF;color:#FFFFFF;}.elementor-644 .elementor-element.elementor-element-15f2c1bd > .elementor-widget-container{background-color:#000000;}.elementor-644 .elementor-element.elementor-element-15f2c1bd .elementor-button-content-wrapper{flex-direction:row;}.elementor-644 .elementor-element.elementor-element-de869c0 .elementor-button{background-color:#FFFFFF;fill:#FFFFFF;color:#FFFFFF;}.elementor-644 .elementor-element.elementor-element-de869c0 > .elementor-widget-container{background-color:#000000;}.elementor-644 .elementor-element.elementor-element-de869c0 .elementor-button-content-wrapper{flex-direction:row;}body.elementor-page-644:not(.elementor-motion-effects-element-type-background), body.elementor-page-644 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}@media(max-width:767px){.elementor-644 .elementor-element.elementor-element-25dab564{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-644 .elementor-element.elementor-element-29642d62 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:16px 16px 16px 16px;}.elementor-644 .elementor-element.elementor-element-530def08 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:16px 16px 16px 16px;}.elementor-644 .elementor-element.elementor-element-3292b3b2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:16px 16px 16px 16px;}.elementor-644 .elementor-element.elementor-element-15f2c1bd > .elementor-widget-container{margin:0px 0px 0px 0px;padding:16px 16px 16px 16px;}.elementor-644 .elementor-element.elementor-element-de869c0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:16px 16px 16px 16px;}}@media(min-width:768px){.elementor-644 .elementor-element.elementor-element-25dab564{--content-width:696px;}}/* Start custom CSS for button, class: .elementor-element-29642d62 *//* 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-530def08 *//* 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-644 .elementor-element.elementor-element-530def08 .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-644 .elementor-element.elementor-element-530def08 .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-644 .elementor-element.elementor-element-530def08 .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-3292b3b2 *//* 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-15f2c1bd *//* 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-de869c0 *//* 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-644 .elementor-element.elementor-element-de869c0 .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-644 .elementor-element.elementor-element-de869c0 .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-644 .elementor-element.elementor-element-de869c0 .elementor-button:active {
  transform: scale(0.97) !important;
  background: rgba(107,0,232,0.2) !important;
}/* End custom CSS */