/* GWX Participaciones — Frontend */
.gwx-plans-wrap { max-width: 900px; margin: 0 auto; padding: 20px 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }
.gwx-plans-grid { display: flex; gap: 24px; justify-content: center; flex-wrap: nowrap; }
.gwx-plan-card  { background: #fff; border-radius: 18px; box-shadow: 0 4px 24px rgba(36,61,43,.09); flex: 1 1 0; min-width: 260px; max-width: 380px; position: relative; border: 2px solid transparent; transition: box-shadow .3s, transform .3s; overflow: hidden; }
.gwx-plan-card:hover { box-shadow: 0 10px 40px rgba(36,61,43,.16); transform: translateY(-4px); }
.gwx-plan-featured { border-color: #243d2b; }
.gwx-plan-badge { background: linear-gradient(90deg,#f7971e,#ffd200); color: #1a3020; font-size:.75em; font-weight:700; text-transform:uppercase; letter-spacing:.1em; padding:5px 16px; text-align:center; }
.gwx-plan-header { background: linear-gradient(135deg,#243d2b,#1a3020); color:#fff; padding: 28px 24px 20px; text-align:center; }
.gwx-plan-header h3 { margin:0 0 12px; font-size:1.2em; font-weight:800; color: #fff !important; }
.gwx-plan-price { display:flex; align-items:baseline; justify-content:center; gap:4px; }
.gwx-price-amount { font-size:2.4em; font-weight:900; }
.gwx-price-period { font-size:.9em; opacity:.75; }
.gwx-plan-body { padding: 24px; }
.gwx-plan-desc { color:#666; font-size:.9em; margin:0 0 16px; }
.gwx-plan-features { list-style:none; margin:0; padding:0; }
.gwx-plan-features li { padding:6px 0; font-size:.9em; color:#444; border-bottom:1px solid #f0f0f0; }
.gwx-plan-footer { padding: 0 24px 28px; text-align:center; }
.gwx-btn-subscribe { background:linear-gradient(135deg,#243d2b,#1a3020); color:#fff; border:none; padding:13px 32px; border-radius:50px; font-size:.95em; font-weight:700; cursor:pointer; width:100%; transition:filter .2s, transform .2s; }
.gwx-btn-subscribe:hover { filter:brightness(1.15); transform:scale(1.02); }
.gwx-plan-featured .gwx-btn-subscribe { background:linear-gradient(90deg,#f7971e,#ffd200); color:#1a3020; }

/* Checkout Popup Container and Overlay */
.gwx-checkout-popup { position: fixed !important; inset: 0 !important; z-index: 999999 !important; display: flex; align-items: center !important; justify-content: center !important; }
#gwx-popup-overlay { position: fixed !important; inset: 0 !important; background: rgba(0,0,0,0.65) !important; z-index: 999998 !important; }

/* Popup Inner Card */
.gwx-checkout-popup-inner { background: #ffffff !important; color: #333333 !important; border-radius: 16px !important; padding: 36px !important; max-width: 520px !important; width: 92% !important; z-index: 999999 !important; position: relative !important; box-shadow: 0 16px 60px rgba(0,0,0,0.3) !important; overflow-y: auto !important; max-height: 90vh !important; box-sizing: border-box !important; }
#gwx-checkout-popup.gwx-stripe-active .gwx-checkout-popup-inner { max-width: 660px !important; }

.gwx-checkout-popup-inner h3 { margin: 0 0 24px !important; font-size: 1.3em !important; color: #1a3020 !important; font-weight: 700 !important; line-height: 1.3 !important; text-align: left !important; }
.gwx-checkout-popup-inner p { color: #444444 !important; font-size: 0.95em !important; line-height: 1.5 !important; }
.gwx-checkout-popup-close { position: absolute !important; top: 14px !important; right: 18px !important; background: none !important; border: none !important; font-size: 1.5em !important; cursor: pointer !important; color: #888888 !important; line-height: 1 !important; z-index: 1000000 !important; }
.gwx-checkout-popup-close:hover { color: #000000 !important; }

.gwx-form-group { margin-bottom:18px; }
.gwx-form-group label { display:block; font-size:.88em; font-weight:600; color:#555; margin-bottom:6px; }
.gwx-form-group input { width:100%; padding:11px 14px; border:1.5px solid #ddd; border-radius:8px; font-size:.95em; box-sizing:border-box; transition:border-color .2s; }
.gwx-form-group input:focus { border-color:#243d2b; outline:none; }
.gwx-btn-checkout { width:100%; background:linear-gradient(135deg,#243d2b,#1a3020); color:#e8dfc8; border:none; padding:14px; border-radius:50px; font-size:1em; font-weight:700; cursor:pointer; margin-top:8px; }
.gwx-secure-note { text-align:center; font-size:.8em; color:#999; margin-top:12px; }
.gwx-error { color:#ebc275; background:rgba(235,194,117,.1); border-radius:8px; padding:10px 16px; margin-bottom:16px; font-size:.9em; border:1px solid rgba(235,194,117,.25); }

@media(max-width:768px) {
  .gwx-plans-grid { flex-direction: column; align-items: center; gap: 16px; }
  .gwx-plan-card  { width: 100%; max-width: 420px; min-width: unset; flex: unset; }
}
/* Destacar arte digital */
.gwx-feature-highlight {
    background: linear-gradient(90deg, #243d2b, #1a3020);
    color: #fff !important;
    padding: 8px 12px !important;
    border-radius: 8px;
    margin: 8px 0;
    font-weight: 700;
    border: none !important;
    text-align: center;
}
.gwx-feature-highlight strong {
    color: #ffd200;
}

/* === Mobile: Checkout popup full-screen to prevent cut-off === */
@media (max-width: 640px) {
  .gwx-checkout-popup { padding: 0 !important; align-items: flex-start !important; }
  .gwx-checkout-popup-inner { max-width: 100% !important; width: 100% !important; border-radius: 0 !important; min-height: 100svh !important; max-height: 100svh !important; padding: 20px !important; box-sizing: border-box !important; }
  .gwx-checkout-popup-inner h3 { font-size: 1.05em !important; }
}

/* Centering the ATH Movil button inside the popup */
#gwx-modal-athm {
  text-align: center !important;
}
#ATHMovil_Checkout_Button_payment {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  margin: 20px auto !important;
  min-height: 50px;
}
#ATHMovil_Checkout_Button_payment > * {
  margin: 0 auto !important;
}