.elementor-683 .elementor-element.elementor-element-1a8875f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-683 .elementor-element.elementor-element-1a8875f{--width:90%;}}/* Start custom CSS for shortcode, class: .elementor-element-4fa11c5 */body.woocommerce-checkout #payment .payment_methods li.wc_payment_method .payment_box{
  background:#0E1118!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:14px!important;box-shadow:none!important;padding:16px!important;margin-top:12px!important;color:#B8C0D0!important}
body.woocommerce-checkout #payment .payment_methods li.wc_payment_method .payment_box:before{display:none!important}
body.woocommerce-checkout #payment .payment_methods li.wc_payment_method .payment_box>p{
  margin:0 0 4px!important;font-size:14px!important;line-height:1.5!important;color:#B8C0D0!important;background:transparent!important;border:0!important;box-shadow:none!important}
body.woocommerce-checkout #payment .payment_methods li.wc_payment_method .payment_box .form-row label{color:#B8C0D0!important}
body.woocommerce-checkout #payment .payment_methods li.wc_payment_method .payment_box input.input-text,
body.woocommerce-checkout #payment .payment_methods li.wc_payment_method .payment_box select{
  background:#0B0D12!important;border:1px solid rgba(255,255,255,.12)!important;color:#E9EDF5!important;border-radius:12px!important;padding:12px 14px!important}
/* Ocultar aviso y form de cupones en checkout, venga de donde venga */
.woocommerce-info .showcoupon,
.woocommerce-info[aria-controls="woocommerce-checkout-form-coupon"],
form.checkout_coupon.woocommerce-form-coupon,
#woocommerce-checkout-form-coupon,
.woocommerce .woocommerce-notices-wrapper .woocommerce-info {
  display: none !important;
}
body.woocommerce-checkout #payment .payment_methods li.wc_payment_method .payment_box{
  background:#0E1118!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:14px!important;box-shadow:none!important;padding:16px!important;margin-top:12px!important;color:#B8C0D0!important}
body.woocommerce-checkout #payment .payment_methods li.wc_payment_method .payment_box:before{display:none!important}
body.woocommerce-checkout #payment .payment_methods li.wc_payment_method .payment_box>p{
  margin:0 0 4px!important;font-size:14px!important;line-height:1.5!important;color:#B8C0D0!important;background:transparent!important;border:0!important;box-shadow:none!important}
body.woocommerce-checkout #payment .payment_methods li.wc_payment_method .payment_box .form-row label{color:#B8C0D0!important}
body.woocommerce-checkout #payment .payment_methods li.wc_payment_method .payment_box input.input-text,
body.woocommerce-checkout #payment .payment_methods li.wc_payment_method .payment_box select{
  background:#0B0D12!important;border:1px solid rgba(255,255,255,.12)!important;color:#E9EDF5!important;border-radius:12px!important;padding:12px 14px!important}
/* Ocultar aviso y form de cupones en checkout, venga de donde venga */
.woocommerce-info .showcoupon,
.woocommerce-info[aria-controls="woocommerce-checkout-form-coupon"],
form.checkout_coupon.woocommerce-form-coupon,
#woocommerce-checkout-form-coupon,
.woocommerce .woocommerce-notices-wrapper .woocommerce-info {
  display: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1a8875f *//* ✅ Forzar altura mínima al contenedor Stripe en móviles */
@media (max-width: 768px) {
  .woocommerce-checkout .payment_box.payment_method_stripe {
    min-height: 500px !important; /* puedes ajustar si es necesario */
    height: auto !important;
    display: block !important;
    overflow: visible !important;
    position: relative !important;
  }
}
/* ✅ Forzar altura visible del contenedor externo para Stripe UPE */
@media (max-width: 768px) {
  .woocommerce-checkout .payment_box.payment_method_stripe {
    min-height: 520px !important;
    height: auto !important;
    display: block !important;
    overflow: visible !important;
    position: relative !important;
  }

  /* También el padre del StripeElement */
  .woocommerce-checkout .payment_box.payment_method_stripe .wc-stripe-upe-element.StripeElement {
    min-height: 500px !important;
    height: auto !important;
    overflow: visible !important;
    display: block !important;
  }

  /* Forzar expansión del iframe con prioridad máxima */
  .woocommerce-checkout .payment_box.payment_method_stripe iframe {
    display: block !important;
    width: 100% !important;
    height: 500px !important;
    min-height: 500px !important;
    max-height: none !important;
    overflow: visible !important;
    position: relative !important;
  }

  /* Por si algún padre aplica max-height o scroll */
  .woocommerce-checkout .payment_box,
  .woocommerce-checkout #payment,
  body.woocommerce-checkout {
    overflow: visible !important;
    max-height: none !important;
  }
}
@media (max-width: 768px) {
  /* ✅ Solo aplicar el fix si el método Stripe está visible */
  .woocommerce-checkout .payment_box.payment_method_stripe:not([style*="display: none"]) {
    min-height: 520px !important;
    height: auto !important;
    overflow: visible !important;
    display: block !important;
    position: relative !important;
  }

  .woocommerce-checkout .payment_box.payment_method_stripe:not([style*="display: none"]) .wc-stripe-upe-element.StripeElement {
    min-height: 500px !important;
    height: auto !important;
    overflow: visible !important;
    display: block !important;
  }

  .woocommerce-checkout .payment_box.payment_method_stripe:not([style*="display: none"]) iframe {
    display: block !important;
    width: 100% !important;
    height: 500px !important;
    min-height: 500px !important;
    overflow: visible !important;
  }
}/* End custom CSS */