.elementor-1198 .elementor-element.elementor-element-8abfc31{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.1;}.elementor-1198 .elementor-element.elementor-element-8abfc31::before, .elementor-1198 .elementor-element.elementor-element-8abfc31 > .elementor-background-video-container::before, .elementor-1198 .elementor-element.elementor-element-8abfc31 > .e-con-inner > .elementor-background-video-container::before, .elementor-1198 .elementor-element.elementor-element-8abfc31 > .elementor-background-slideshow::before, .elementor-1198 .elementor-element.elementor-element-8abfc31 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1198 .elementor-element.elementor-element-8abfc31 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-1198 .elementor-element.elementor-element-affeaec{text-align:center;}.elementor-1198 .elementor-element.elementor-element-1e420e0{text-align:center;font-size:18px;}.elementor-1198 .elementor-element.elementor-element-293a2e6 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1198 .elementor-element.elementor-element-293a2e6{text-align:center;}.elementor-1198 .elementor-element.elementor-element-293a2e6 img{width:70%;}.elementor-1198 .elementor-element.elementor-element-7153c1e{text-align:center;font-size:14px;}#elementor-popup-modal-1198 .dialog-message{width:500px;height:100vh;align-items:flex-start;}#elementor-popup-modal-1198{justify-content:center;align-items:center;}#elementor-popup-modal-1198 .dialog-close-button{display:flex;}#elementor-popup-modal-1198 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(max-width:767px){.elementor-1198 .elementor-element.elementor-element-8abfc31{--padding-top:15px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1198 .elementor-element.elementor-element-293a2e6 img{width:65%;}#elementor-popup-modal-1198{justify-content:center;align-items:center;}#elementor-popup-modal-1198 .dialog-close-button{font-size:25px;}#elementor-popup-modal-1198 .dialog-message{padding:25px 0px 25px 0px;}}/* Start custom CSS for html, class: .elementor-element-ef6e30a *//* ====== Tokens de marca ====== */
:root{ --sp-brand:#6b21a8; --sp-brand-weak:#f4eaff; --sp-ink:#111; --sp-muted:#6b7280; }

.sp-donate-ui, body.sp-embed{ font-family: inherit; color: var(--sp-ink); }

/* ====== Grid de montos ====== */
.sp-donate-ui .wcdp-amounts,
body.sp-embed .wcdp-amounts{
  display:grid; gap:12px;
  grid-template-columns: repeat(2, minmax(0,1fr)); /* móvil */
}
@media(min-width:640px){
  .sp-donate-ui .wcdp-amounts,
  body.sp-embed .wcdp-amounts{ grid-template-columns: repeat(4, minmax(0,1fr)); }
}

/* Botones/tiles de monto (incluye labels o botones del plugin) */
.sp-donate-ui .wcdp-amounts label,
.sp-donate-ui .wcdp-amounts .button,
.sp-donate-ui .wcdp-amounts button,
body.sp-embed .wcdp-amounts label,
body.sp-embed .wcdp-amounts .button,
body.sp-embed .wcdp-amounts button{
  display:flex; align-items:center; justify-content:center;
  min-height:52px; padding:10px 14px;
  background:#f3f4f6; color:var(--sp-ink);
  border:1px solid #e5e7eb; border-radius:14px; cursor:pointer;
  font-weight:700; letter-spacing:.2px; text-align:center;
  transition:transform .06s ease, box-shadow .12s ease, background .12s;
  box-shadow:0 1px 0 rgba(0,0,0,.04);
}
.sp-donate-ui .wcdp-amounts label:hover,
.sp-donate-ui .wcdp-amounts .button:hover,
.sp-donate-ui .wcdp-amounts button:hover,
body.sp-embed .wcdp-amounts label:hover,
body.sp-embed .wcdp-amounts .button:hover,
body.sp-embed .wcdp-amounts button:hover{
  transform:translateY(-1px);
  box-shadow:0 6px 14px rgba(0,0,0,.08);
}

/* Estado seleccionado (cubre varias clases posibles del plugin) */
.sp-donate-ui .wcdp-amounts .selected,
.sp-donate-ui .wcdp-amounts .active,
.sp-donate-ui .wcdp-amounts .is-active,
.sp-donate-ui .wcdp-amounts [aria-pressed="true"],
body.sp-embed .wcdp-amounts .selected,
body.sp-embed .wcdp-amounts .active,
body.sp-embed .wcdp-amounts .is-active,
body.sp-embed .wcdp-amounts [aria-pressed="true"]{
  background:var(--sp-brand); color:#fff; border-color:var(--sp-brand);
}

/* Monto personalizado: input number más bonito */
.sp-donate-ui .wcdp-amounts input[type="number"],
body.sp-embed .wcdp-amounts input[type="number"]{
  width:100%; height:52px; padding:0 14px;
  border:1px solid #e5e7eb; border-radius:14px; font-weight:700;
  background:#fff;
}
.sp-donate-ui input[type=number]::-webkit-outer-spin-button,
.sp-donate-ui input[type=number]::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
.sp-donate-ui input[type=number]{ -moz-appearance:textfield; }

/* ====== Botón primario (Siguiente / Donar) ====== */
.sp-donate-ui .button, 
.sp-donate-ui button[type="submit"],
.sp-donate-ui .wcdp-next, .sp-donate-ui .wcdp-submit,
body.sp-embed .button, 
body.sp-embed button[type="submit"],
body.sp-embed .wcdp-next, body.sp-embed .wcdp-submit{
  background:var(--sp-brand) !important; color:#fff !important;
  border:none; border-radius:999px !important;
  padding:14px 18px !important; font-weight:800 !important;
  box-shadow:0 10px 22px rgba(107,33,168,.22);
}
.sp-donate-ui .button:hover,
.sp-donate-ui .wcdp-next:hover,
body.sp-embed .button:hover,
body.sp-embed .wcdp-next:hover{
  filter:brightness(1.05);
}

/* ====== Stepper (1 Cantidad · 2 Detalles · 3 Pago) ====== */
.sp-donate-ui .wcdp-steps li,
body.sp-embed .wcdp-steps li{ color:var(--sp-muted); font-weight:700; }
.sp-donate-ui .wcdp-steps .current,
body.sp-embed .wcdp-steps .current{ color:var(--sp-brand); }
.sp-donate-ui .wcdp-steps .step-number,
body.sp-embed .wcdp-steps .step-number{
  background:var(--sp-brand-weak); color:var(--sp-brand);
  border-radius:999px; width:28px; height:28px; display:inline-grid; place-content:center;
}

/* ====== Tarjeta/resumen ====== */
.sp-donate-ui .wcdp-summary, 
body.sp-embed .wcdp-summary{
  border-radius:16px; overflow:hidden; border:1px solid #eee;
}

/* ====== Accesibilidad (focus visible) ====== */
.sp-donate-ui a:focus-visible, .sp-donate-ui button:focus-visible,
.sp-donate-ui input:focus-visible, .sp-donate-ui label:focus-visible,
body.sp-embed a:focus-visible, body.sp-embed button:focus-visible,
body.sp-embed input:focus-visible, body.sp-embed label:focus-visible{
  outline:3px solid color-mix(in oklab, var(--sp-brand) 65%, white);
  outline-offset:2px;
}/* End custom CSS */
/* Start custom CSS */@media (max-width: 767px){
  .elementor-popup-modal .dialog-widget-content{
    width:100vw !important; max-width:100vw !important;
    height:100vh !important; border-radius:0 !important; padding:18px;
  }
  .elementor-popup-modal{align-items:stretch}
  .elementor-popup-modal .dialog-message{overflow:auto; max-height:calc(100vh - 80px)}
}/* End custom CSS */