.elementor-15 .elementor-element.elementor-element-23213cdf{--display:flex;--margin-top:0px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}@media(min-width:768px){.elementor-15 .elementor-element.elementor-element-23213cdf{--content-width:1325px;}}/* Start custom CSS for text-editor, class: .elementor-element-1e6a557c *//* 1. Botón de pago principal: color #0100FE, esquinas redondeadas */
.woocommerce-page #place_order,
.woocommerce-page .checkout-button,
.woocommerce-page .button.alt {
  background-color: #0100FE !important;
  color: #fff !important;
  border-radius: 80px !important;
  padding: 12px 24px !important;
  font-size: 1.1em !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  border: none;
  box-shadow: none;
  transition: background-color 0.3s ease;
}

/* 2. Efecto hover del botón: cambia a #28c5ef */
.woocommerce-page #place_order:hover,
.woocommerce-page .checkout-button:hover,
.woocommerce-page .button.alt:hover {
  background-color: #28c5ef !important;
  cursor: pointer;
}

/* 3. Enlaces en la página de checkout: color #28c5ef */
.woocommerce-page #content a,
.woocommerce-page .woocommerce-info a,
.woocommerce-page .woocommerce-message a {
  color: #28c5ef !important;
  text-decoration: none;
}

/* 4. Efecto hover en enlaces: cambia a #0100FE */
.woocommerce-page #content a:hover,
.woocommerce-page .woocommerce-info a:hover,
.woocommerce-page .woocommerce-message a:hover {
  color: #0100FE !important;
  text-decoration: underline;
}/* End custom CSS */