/* Jardín Central · Pagos v568 */
.paymentsScreenV568{
  padding:18px!important;
  color:#173a34;
  background:
    radial-gradient(circle at 12% 0%,rgba(220,188,103,.13),transparent 31%),
    radial-gradient(circle at 90% 18%,rgba(13,183,144,.12),transparent 29%),
    linear-gradient(180deg,#edf6f2,#f7fbf9)!important;
}
.paymentsPageV568{width:min(1120px,100%);margin:0 auto;padding-bottom:88px}
.paymentsHeroV568{
  position:relative;overflow:hidden;display:grid;grid-template-columns:116px minmax(0,1fr) auto;
  align-items:center;gap:22px;margin:0 0 16px;padding:20px 22px;border:1px solid rgba(7,94,84,.16);
  border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(241,250,247,.94));
  box-shadow:0 18px 48px rgba(8,64,54,.1)
}
.paymentsHeroV568:after{content:"";position:absolute;right:-58px;top:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(213,174,72,.17),rgba(213,174,72,0) 68%);pointer-events:none}
.paymentsHeroV568>img{position:relative;z-index:1;width:110px;height:110px;border-radius:25px;object-fit:cover;box-shadow:0 13px 28px rgba(3,65,56,.17)}
.paymentsHeroV568>div{position:relative;z-index:1;min-width:0}
.paymentsEyebrowV568,.paymentsKickerV568{display:block;color:#087866;font-size:11px;font-weight:900;letter-spacing:.095em;text-transform:uppercase}
.paymentsHeroV568 h2{margin:4px 0 4px;color:#075e54;font-size:clamp(30px,4vw,42px);line-height:1;letter-spacing:-.045em}
.paymentsHeroV568 p{max-width:660px;margin:0;color:#4f6c65;font-size:14px;font-weight:650;line-height:1.48}
.paymentsSecurityV568{display:grid;gap:7px;justify-items:start}
.paymentsSecurityV568 span{display:inline-flex;align-items:center;min-height:34px;padding:7px 11px;border:1px solid rgba(7,94,84,.12);border-radius:999px;background:rgba(255,255,255,.74);color:#215b51;font-size:11px;font-weight:850;white-space:nowrap}

.paymentsLiveV568{position:fixed;left:50%;bottom:22px;z-index:210;max-width:min(520px,calc(100vw - 28px));padding:11px 16px;border-radius:14px;background:#123f37;color:#fff;box-shadow:0 14px 38px rgba(0,0,0,.22);font-size:13px;font-weight:800;opacity:0;pointer-events:none;transform:translate(-50%,12px);transition:opacity .18s ease,transform .18s ease}
.paymentsLiveV568.visible{opacity:1;transform:translate(-50%,0)}
.paymentsLiveV568.error{background:#9c2f2f}.paymentsLiveV568.success{background:#087765}

.paymentsGateV568{min-height:210px;display:grid;place-items:center}
.paymentsGateV568:empty{display:none}
.paymentsStateCardV568{width:min(680px,100%);display:grid;grid-template-columns:74px minmax(0,1fr);gap:18px;padding:22px;border:1px solid rgba(7,94,84,.14);border-radius:24px;background:rgba(255,255,255,.94);box-shadow:0 12px 36px rgba(8,64,54,.08)}
.paymentsStateIconV568{width:68px;height:68px;display:grid;place-items:center;border-radius:21px;background:linear-gradient(145deg,#e5f7f1,#f9f2dc);font-size:32px}
.paymentsStateCardV568 h3{margin:1px 0 7px;color:#075e54;font-size:23px;letter-spacing:-.025em}
.paymentsStateCardV568 p{margin:0;color:#557069;font-size:14px;line-height:1.5}
.paymentsStateCardV568 .paymentsStateActionsV568{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}
.paymentsStateActionsV568 button{min-height:43px;padding:0 15px;border:1px solid rgba(7,94,84,.18);border-radius:14px;background:#fff;color:#075e54;font-family:inherit;font-size:13px;font-weight:800;cursor:pointer}
.paymentsStateActionsV568 button.primary{border-color:#087866;background:#087866;color:#fff}
.paymentsStateDetailV568{grid-column:1/-1;margin-top:2px;padding:11px 13px;border-radius:14px;background:#f2f7f5;color:#526b65;font-size:12px;font-weight:700}
.paymentsSkeletonV568{width:min(680px,100%);display:grid;gap:12px;padding:24px;border:1px solid rgba(7,94,84,.1);border-radius:24px;background:#fff}
.paymentsSkeletonV568 i{height:17px;border-radius:999px;background:linear-gradient(90deg,#e7f0ed 25%,#f7fbfa 50%,#e7f0ed 75%);background-size:220% 100%;animation:paymentsSkeletonV568 1.2s linear infinite}
.paymentsSkeletonV568 i:nth-child(1){width:42%}.paymentsSkeletonV568 i:nth-child(2){width:88%}.paymentsSkeletonV568 i:nth-child(3){width:67%}
@keyframes paymentsSkeletonV568{to{background-position:-220% 0}}

.paymentsWorkspaceV568[hidden],.paymentsMethodPanelV568[hidden],.paymentsSpeiInstructionsV568[hidden],.paymentsChallengeV568[hidden],.paymentReceiptOverlayV568[hidden]{display:none!important}
.paymentsTopGridV568{display:grid;grid-template-columns:minmax(270px,.78fr) minmax(430px,1.42fr);gap:14px;margin-bottom:14px}
.paymentsPanelV568{min-width:0;padding:19px;border:1px solid rgba(7,94,84,.14);border-radius:23px;background:rgba(255,255,255,.96);box-shadow:0 8px 27px rgba(8,64,54,.07)}
.paymentsPanelHeadV568{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:15px}
.paymentsPanelHeadV568 h3{margin:3px 0 0;color:#075e54;font-size:21px;line-height:1.18;letter-spacing:-.025em}
.paymentsVerifiedBadgeV568,.paymentsCurrencyV568{display:inline-flex;align-items:center;min-height:30px;padding:5px 9px;border-radius:999px;background:#e6f7f1;color:#087765;font-size:10px;font-weight:900;white-space:nowrap}
.paymentsVerifiedBadgeV568.pending{background:#fff5d8;color:#8b6417}
.paymentsAccountDataV568{display:grid;gap:0;margin:0}
.paymentsAccountDataV568>div{display:grid;grid-template-columns:105px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid rgba(7,94,84,.09)}
.paymentsAccountDataV568>div:last-child{border-bottom:0}
.paymentsAccountDataV568 dt{color:#71847f;font-size:11px;font-weight:750}.paymentsAccountDataV568 dd{min-width:0;margin:0;color:#173d36;font-size:13px;font-weight:850;overflow-wrap:anywhere}

.paymentsFieldGridV568{display:grid;grid-template-columns:1fr 1fr;gap:11px 12px}
.paymentsFieldV568{display:grid;gap:6px;margin:0 0 11px;color:#526a64;font-size:12px;font-weight:800}
.paymentsFieldV568>span:first-child{display:block}.paymentsFieldV568>span>small{font-weight:650}
.paymentsFieldV568 input,.paymentsFieldV568 select,.paymentsFieldV568 textarea{width:100%;box-sizing:border-box;border:1px solid #cfe1dc;border-radius:13px;background:#fff;color:#173d36;padding:11px 12px;font-family:inherit;font-size:14px;font-weight:650;line-height:1.25;outline:none;transition:border-color .16s ease,box-shadow .16s ease}
.paymentsFieldV568 input[readonly]{background:#f1f6f4;color:#526a64;cursor:not-allowed}
.paymentsFieldV568 textarea{min-height:66px;resize:vertical}
.paymentsFieldV568 input:focus,.paymentsFieldV568 select:focus,.paymentsFieldV568 textarea:focus{border-color:#70bea9;box-shadow:0 0 0 4px rgba(13,183,144,.12)}
.paymentsFieldV568 input[aria-invalid="true"],.paymentsFieldV568 select[aria-invalid="true"]{border-color:#ce6868;box-shadow:0 0 0 3px rgba(206,104,104,.12)}
.paymentsFieldV568 small{color:#7b8d88;font-size:10px;line-height:1.35}
.paymentsMoneyInputV568{position:relative;display:block}.paymentsMoneyInputV568>b{position:absolute;left:12px;top:50%;z-index:1;transform:translateY(-50%);color:#087765;font-size:14px}.paymentsMoneyInputV568>input{padding-left:29px}

.paymentsMethodsV568{margin-bottom:14px}
.paymentsMethodTabsV568{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:13px}
.paymentsMethodTabV568{position:relative;display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;gap:0 10px;align-items:center;min-height:70px;padding:11px 14px;border:1px solid #d2e3de;border-radius:17px;background:#f8fbfa;color:#315d54;text-align:left;cursor:pointer;transition:.16s ease}
.paymentsMethodTabV568>span{grid-row:1/3;width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#e8f5f1;font-size:20px}.paymentsMethodTabV568>b{align-self:end;font-size:15px}.paymentsMethodTabV568>small{align-self:start;color:#748680;font-size:10px;font-weight:750}
.paymentsMethodTabV568.active{border-color:#38aa91;background:linear-gradient(135deg,#e8f8f3,#fff);box-shadow:0 0 0 3px rgba(13,183,144,.09)}
.paymentsMethodTabV568:focus-visible{outline:3px solid rgba(13,183,144,.24);outline-offset:2px}
.paymentsMethodTabV568:disabled{opacity:.47;cursor:not-allowed}
.paymentsMethodPanelV568{padding:15px;border:1px solid rgba(7,94,84,.1);border-radius:18px;background:linear-gradient(180deg,#fbfdfc,#f4faf7)}
.paymentsMethodIntroV568{display:flex;align-items:flex-start;gap:12px}.paymentsMethodIconV568{flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:#fff4d9;font-size:22px}
.paymentsMethodIntroV568 h4{margin:1px 0 4px;color:#17493f;font-size:16px}.paymentsMethodIntroV568 p{margin:0;color:#657b75;font-size:12px;line-height:1.45}
.paymentsCheckoutEmptyV568{display:grid;gap:3px;margin-top:13px;padding:13px 14px;border:1px dashed #bdd9d1;border-radius:14px;background:rgba(255,255,255,.72)}
.paymentsCheckoutEmptyV568 b{color:#2a5b51;font-size:13px}.paymentsCheckoutEmptyV568 span{color:#748781;font-size:11px;font-weight:650}
.paymentsBrickV568{min-height:0;margin-top:12px}.paymentsBrickV568:empty{display:none}.paymentsBrickV568.isLoading{min-height:120px;display:grid;place-items:center;color:#52726a;font-size:12px;font-weight:800}.paymentsBrickV568.isLoading:before{content:"Preparando formulario protegido…"}
.paymentsBrickV568.isBusy{opacity:.68;pointer-events:none}
.paymentsBrickErrorV568{padding:12px;border:1px solid #f0c5c5;border-radius:13px;background:#fff4f4;color:#8f3030;font-size:12px;font-weight:750}
.paymentsChallengeV568{margin-top:13px;padding-top:1px;border-top:1px solid rgba(7,94,84,.1)}

.paymentsSubmitRowV568{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px}.paymentsSubmitRowV568 p{margin:0;color:#657b75;font-size:11px;font-weight:700}.paymentsPayButtonV568{min-height:47px;display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:0 17px;border:0;border-radius:15px;background:linear-gradient(135deg,#087765,#0da989);color:#fff;box-shadow:0 9px 23px rgba(7,94,84,.2);font-family:inherit;font-size:13px;font-weight:850;cursor:pointer}.paymentsPayButtonV568 i{font-style:normal;font-size:19px}.paymentsPayButtonV568:disabled{opacity:.55;cursor:wait;box-shadow:none}.paymentsPayButtonV568:focus-visible,.paymentsRefreshV568:focus-visible{outline:3px solid rgba(13,183,144,.28);outline-offset:2px}

.paymentsSpeiInstructionsV568{margin-top:13px;padding:15px;border:1px solid #b8dcd2;border-radius:16px;background:#fff}
.paymentsSpeiInstructionsV568 h4{margin:0 0 5px;color:#075e54;font-size:16px}.paymentsSpeiInstructionsV568>p{margin:0 0 12px;color:#627a74;font-size:12px}
.paymentsSpeiDataV568{display:grid;gap:8px}.paymentsSpeiDatumV568{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:10px 11px;border-radius:12px;background:#f1f8f5}
.paymentsSpeiDatumV568 small,.paymentsSpeiDatumV568 b{display:block}.paymentsSpeiDatumV568 small{color:#738681;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.paymentsSpeiDatumV568 b{margin-top:2px;color:#16473d;font-size:14px;overflow-wrap:anywhere}
.paymentsCopyV568,.paymentsSpeiLinkV568,.paymentsRefreshV568,.paymentsHistoryActionV568{min-height:35px;padding:0 11px;border:1px solid #c9ded8;border-radius:11px;background:#fff;color:#087765;font-family:inherit;font-size:11px;font-weight:800;text-decoration:none;cursor:pointer}
.paymentsSpeiLinkV568{display:inline-flex;align-items:center;justify-content:center;margin-top:11px}

.paymentsHistoryListV568{display:grid;gap:9px}.paymentsHistoryEmptyV568{padding:24px;border:1px dashed #c9ded8;border-radius:15px;color:#72847f;text-align:center;font-size:12px;font-weight:700}
.paymentsHistoryItemV568{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(110px,.65fr) auto;gap:14px;align-items:center;padding:13px 14px;border:1px solid rgba(7,94,84,.1);border-radius:16px;background:#fbfdfc}
.paymentsHistoryMainV568{min-width:0}.paymentsHistoryMainV568 b,.paymentsHistoryMainV568 span,.paymentsHistoryMainV568 small{display:block}.paymentsHistoryMainV568 b{color:#15483e;font-size:14px}.paymentsHistoryMainV568 span{margin-top:2px;color:#5d756f;font-size:11px;font-weight:700}.paymentsHistoryMainV568 small{margin-top:4px;color:#85958f;font-size:9px}.paymentsHistoryAmountV568{text-align:right}.paymentsHistoryAmountV568 b{display:block;color:#143e36;font-size:16px}.paymentsHistoryAmountV568 small{color:#738680;font-size:9px;font-weight:750}
.paymentsHistoryControlsV568{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.paymentsStatusV568{display:inline-flex;align-items:center;min-height:27px;padding:4px 8px;border-radius:999px;background:#eef3f1;color:#526963;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.035em}.paymentsStatusV568.approved{background:#dff7ee;color:#08735e}.paymentsStatusV568.pending,.paymentsStatusV568.processing,.paymentsStatusV568.created{background:#fff3d2;color:#886315}.paymentsStatusV568.rejected,.paymentsStatusV568.cancelled,.paymentsStatusV568.error,.paymentsStatusV568.disputed{background:#fde8e8;color:#993838}.paymentsStatusV568.partially_refunded,.paymentsStatusV568.refunded{background:#e8effa;color:#385b8c}
.paymentsReceiptNoticeV568{margin:13px 0 0;padding:10px 12px;border-radius:12px;background:#f3f7f5;color:#687b75;font-size:10px;line-height:1.4}.paymentsReceiptNoticeV568 strong{color:#425e57}

.paymentReceiptOverlayV568{position:fixed;inset:0;z-index:10020;display:grid;place-items:center;padding:18px;background:rgba(3,30,26,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);overflow:auto}
.paymentReceiptDialogV568{width:min(620px,100%);margin:auto;border-radius:24px;background:#fff;box-shadow:0 28px 80px rgba(0,0,0,.32);overflow:hidden}
.paymentReceiptActionsV568{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-bottom:1px solid #dce8e4;background:#f5faf8}.paymentReceiptActionsV568 button{min-height:38px;padding:0 13px;border:1px solid #bfd8d1;border-radius:12px;background:#fff;color:#075e54;font-family:inherit;font-size:12px;font-weight:800;cursor:pointer}.paymentReceiptActionsV568 button.primary{border-color:#087765;background:#087765;color:#fff}
.paymentReceiptV568{padding:27px 30px;color:#173d36}.paymentReceiptBrandV568{display:flex;align-items:center;gap:13px;padding-bottom:16px;border-bottom:2px solid #0c8b75}.paymentReceiptBrandV568 img{width:60px;height:60px;border-radius:15px}.paymentReceiptBrandV568 h1{margin:0;color:#075e54;font-size:24px}.paymentReceiptBrandV568 p{margin:2px 0 0;color:#6b7f79;font-size:11px}.paymentReceiptTitleV568{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin:20px 0}.paymentReceiptTitleV568 h2{margin:0;color:#173e36;font-size:21px}.paymentReceiptTitleV568 span{padding:5px 9px;border-radius:999px;background:#dff7ee;color:#08735e;font-size:10px;font-weight:900}.paymentReceiptGridV568{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid #dce8e4;border-radius:15px;overflow:hidden}.paymentReceiptGridV568>div{padding:11px 13px;border-bottom:1px solid #e4eeeb}.paymentReceiptGridV568>div:nth-child(odd){border-right:1px solid #e4eeeb}.paymentReceiptGridV568 small,.paymentReceiptGridV568 b{display:block}.paymentReceiptGridV568 small{color:#778984;font-size:9px;font-weight:850;text-transform:uppercase}.paymentReceiptGridV568 b{margin-top:3px;color:#193f37;font-size:12px;overflow-wrap:anywhere}.paymentReceiptTotalV568{display:flex;align-items:flex-end;justify-content:space-between;margin-top:17px;padding:15px 16px;border-radius:14px;background:#edf8f4}.paymentReceiptTotalV568 span{color:#557069;font-size:11px;font-weight:750}.paymentReceiptTotalV568 b{color:#075e54;font-size:23px}.paymentReceiptDisclaimerV568{margin:16px 0 0;padding:11px;border:1px solid #e4d4a8;border-radius:12px;background:#fff9e9;color:#6e5b2d;font-size:10px;font-weight:750;line-height:1.45;text-align:center}
html.paymentReceiptOpenV568,body.paymentReceiptOpenV568{overflow:hidden!important}

@media(max-width:820px){
  .paymentsHeroV568{grid-template-columns:92px 1fr}.paymentsHeroV568>img{width:88px;height:88px;border-radius:21px}.paymentsSecurityV568{grid-column:1/-1;display:flex;flex-wrap:wrap}
  .paymentsTopGridV568{grid-template-columns:1fr}.paymentsAccountV568{order:2}.paymentsOrderV568{order:1}
}
@media(max-width:600px){
  .paymentsScreenV568{padding:10px!important}.paymentsPageV568{padding-bottom:70px}
  .paymentsHeroV568{grid-template-columns:72px 1fr;gap:13px;padding:15px;border-radius:21px}.paymentsHeroV568>img{width:70px;height:70px;border-radius:17px}.paymentsHeroV568 h2{font-size:29px}.paymentsHeroV568 p{font-size:12px}.paymentsSecurityV568{gap:5px}.paymentsSecurityV568 span{min-height:28px;padding:5px 8px;font-size:9px}
  .paymentsStateCardV568{grid-template-columns:54px 1fr;gap:13px;padding:16px}.paymentsStateIconV568{width:52px;height:52px;border-radius:16px;font-size:25px}.paymentsStateCardV568 h3{font-size:19px}.paymentsStateCardV568 p{font-size:12px}
  .paymentsPanelV568{padding:15px;border-radius:19px}.paymentsPanelHeadV568 h3{font-size:18px}.paymentsFieldGridV568{grid-template-columns:1fr}
  .paymentsMethodTabsV568{gap:7px}.paymentsMethodTabV568{grid-template-columns:31px 1fr;min-height:64px;padding:9px}.paymentsMethodTabV568>span{width:31px;height:31px;font-size:17px}.paymentsMethodTabV568>b{font-size:13px}.paymentsMethodTabV568>small{font-size:9px}
  .paymentsMethodIntroV568 p{font-size:11px}.paymentsSubmitRowV568{align-items:stretch;flex-direction:column}.paymentsPayButtonV568{width:100%}
  .paymentsHistoryItemV568{grid-template-columns:1fr auto;gap:8px}.paymentsHistoryControlsV568{grid-column:1/-1;justify-content:flex-start}.paymentsHistoryAmountV568{align-self:start}
  .paymentReceiptOverlayV568{padding:8px}.paymentReceiptDialogV568{border-radius:18px}.paymentReceiptV568{padding:20px 17px}.paymentReceiptGridV568{grid-template-columns:1fr}.paymentReceiptGridV568>div:nth-child(odd){border-right:0}.paymentReceiptTitleV568{display:block}.paymentReceiptTitleV568 span{display:inline-flex;margin-top:8px}
}
@media(prefers-reduced-motion:reduce){.paymentsLiveV568,.paymentsMethodTabV568{transition:none}.paymentsSkeletonV568 i{animation:none}}
@media print{
  body.paymentReceiptPrintingV568>*:not(.paymentReceiptOverlayV568){display:none!important}
  body.paymentReceiptPrintingV568 .paymentReceiptOverlayV568{position:static!important;display:block!important;padding:0!important;background:#fff!important;backdrop-filter:none!important}
  body.paymentReceiptPrintingV568 .paymentReceiptDialogV568{width:100%!important;max-width:none!important;border-radius:0!important;box-shadow:none!important}
  body.paymentReceiptPrintingV568 .paymentReceiptActionsV568{display:none!important}
  body.paymentReceiptPrintingV568 .paymentReceiptV568{padding:12mm!important}
}