.elementor-8289 .elementor-element.elementor-element-4e8140aa{--display:flex;--min-height:0px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:50px 50px 50px 50px;--margin-top:50px;--margin-bottom:50px;--margin-left:70px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-8289 .elementor-element.elementor-element-4e8140aa:not(.elementor-motion-effects-element-type-background), .elementor-8289 .elementor-element.elementor-element-4e8140aa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-8289 .elementor-element.elementor-element-4e8140aa.e-con{--align-self:center;}.elementor-8289 .elementor-element.elementor-element-770984da > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 90px 0px 90px;}.elementor-8289 .elementor-element.elementor-element-770984da.elementor-element{--align-self:center;}.elementor-8289 .elementor-element.elementor-element-770984da.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-8289 .elementor-element.elementor-element-770984da{columns:2;column-gap:20px;text-align:justify;font-size:20px;color:#000000;}.elementor-8289 .elementor-element.elementor-element-770984da a{color:#000000;}.elementor-8289 .elementor-element.elementor-element-770984da a:hover, .elementor-8289 .elementor-element.elementor-element-770984da a:focus{color:#000000;}@media(min-width:768px){.elementor-8289 .elementor-element.elementor-element-4e8140aa{--width:90%;}}@media(max-width:1024px){.elementor-8289 .elementor-element.elementor-element-4e8140aa{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(max-width:767px){.elementor-8289 .elementor-element.elementor-element-4e8140aa{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-8289 .elementor-element.elementor-element-770984da > .elementor-widget-container{padding:40px 20px 40px 20px;}.elementor-8289 .elementor-element.elementor-element-770984da{columns:1;}}/* Start custom CSS for text-editor, class: .elementor-element-770984da *//* Payment Details title */
.payment-details,
.payment-details *,
legend,
h3,
h4 {
  color: #000 !important;
}
button,
input[type="submit"],
.wpforms-submit,
.stripe-button-el,
button[type="submit"] {
  background-color: #0047FF !important;
  border-color: #0047FF !important;
  color: #ffffff !important;
}
button:hover,
input[type="submit"]:hover {
  background-color: #0036cc !important;
  border-color: #0036cc !important;
}



/* ===============================
   PLANES STRIPE – VERTICAL LIMPIO
   =============================== */

/* Contenedor general */
form label {
  display: block;
}

/* Cada plan */
label:has(input[type="radio"]) {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 16px;

  background: #ffffff;
  border: 2px solid #eaeaea;
  border-radius: 22px;
  padding: 20px 24px;
  margin-bottom: 16px;

  cursor: pointer;
  transition: all 0.25s ease;
}

/* Hover */
label:has(input[type="radio"]):hover {
  border-color: #0047FF;
}

/* Seleccionado */
label:has(input[type="radio"]:checked) {
  border-color: #0047FF;
  box-shadow: 0 16px 40px rgba(0, 71, 255, 0.18);
}

/* Radio */
input[type="radio"] {
  margin-top: 6px;
  transform: scale(1.2);
  accent-color: #0047FF;
}

/* CONTENIDO DEL PLAN (texto interno) */
label > *:not(input) {
  grid-column: 2;
}

/* Nombre del plan */
label {
  font-size: 16px;
  line-height: 1.4;
  color: #000;
}

/* Precio fuerte */
label strong,
label b {
  display: block;
  font-size: 22px;
  font-weight: 700;
  margin: 2px 0;
}

/* Descripción */
label em,
label i {
  display: block;
  font-size: 14px;
  color: #555;
  margin-top: 6px;
}

/* -------- PAYMENT DETAILS -------- */

legend,
h3,
h4 {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: #000 !important;
  margin: 28px 0 16px !important;
}

/* -------- BOTÓN -------- */

button,
input[type="submit"],
button[type="submit"] {
  background-color: #0047FF !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  padding: 14px 28px !important;
  border-radius: 999px !important;
  border: none !important;
  transition: all 0.25s ease !important;
}

button:hover,
input[type="submit"]:hover {
  background-color: #0036cc !important;
  box-shadow: 0 12px 30px rgba(0, 71, 255, 0.35);
  transform: translateY(-1px);
}







/* ===============================
   BAJAR PASARELA DE PAGOS - Espacio entre título y formulario
   =============================== */

/* Agregamos espacio DEBAJO del título "Payment Details" */
.payment-details h2,   /* El título es un <h2> */
.payment-details .wpforms-title {  /* Por si usa clase específica de WPForms */
  margin-bottom: 40px !important;  /* Espacio debajo del título */
  padding-bottom: 20px !important;  /* Opcional: para más separación visual */
}

/* Aseguramos que los campos del formulario no tengan margen negativo o pegado */
.wpforms-field-label,
.wpforms-field-cardnumber,
.wpforms-field-expiry,
.wpforms-field-cvc,
.wpforms-field-row {  /* Fila de campos */
  margin-top: 0 !important;
}

/* Si quieres bajar TODA la sección de pago (título + formulario) para alinearla mejor con los planes */
.payment-details {
  margin-top: 40px !important;  /* Baja todo el bloque derecho */
}

/* Versión alternativa: solo bajar el formulario (mantener título alineado arriba) */
/* Descomenta estas líneas si prefieres que el título quede arriba y solo baje el formulario */
/*
.payment-details .wpforms-container {
  margin-top: 50px !important;
}
*/

/* Más espacio en desktop (pantallas grandes) */
@media (min-width: 1024px) {
  .payment-details h2,
  .payment-details .wpforms-title {
    margin-bottom: 60px !important;
  }
  
  .payment-details {
    margin-top: 60px !important;  /* Más bajada en desktop si usas esta opción */
  }
}/* End custom CSS */