.payment-landing-section{padding:26px 0 18px;scroll-margin-top:96px}.payment-showcase-header{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:28px;align-items:end;margin-bottom:20px;padding:30px 32px;border:1px solid rgba(52,82,146,.12);border-radius:28px;background:radial-gradient(circle at 90% 0,rgba(47,208,197,.13),transparent 18rem),radial-gradient(circle at 72% 100%,rgba(139,61,255,.08),transparent 18rem),linear-gradient(145deg,#fff,#f7f9ff);box-shadow:0 22px 62px rgba(24,40,91,.07)}
.payment-showcase-header h2{margin:7px 0 10px;max-width:820px;color:#07164f;font-size:clamp(2rem,4.3vw,4.25rem);line-height:.98;letter-spacing:-.045em}.payment-showcase-header p{max-width:850px;margin:0;color:#66789d;font-size:clamp(.98rem,1.45vw,1.12rem);line-height:1.65}.payment-showcase-meta{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;align-content:flex-end}.payment-showcase-meta>*{padding:8px 11px;border-radius:999px;font-style:normal;font-size:.79rem;font-weight:800}.payment-showcase-meta span{background:rgba(54,124,255,.09);color:#315bd3}.payment-showcase-meta strong{background:rgba(47,208,197,.11);color:#197b73}.payment-showcase-meta em{background:rgba(139,61,255,.08);color:#6942b9}.payment-showcase-meta small{flex-basis:100%;padding:4px 0 0;text-align:right;color:#7a89a7;font-weight:700}
.payment-showcase-card{overflow:hidden;border:1px solid rgba(52,82,146,.13);border-radius:28px;background:#fff;box-shadow:0 24px 70px rgba(32,47,108,.09)}.payment-showcase-tabs{display:flex;gap:8px;overflow-x:auto;padding:13px 14px;border-bottom:1px solid rgba(52,82,146,.10);scrollbar-width:none;background:linear-gradient(180deg,#fff,#fbfcff)}.payment-showcase-tabs::-webkit-scrollbar{display:none}.payment-showcase-tabs button{flex:1 0 auto;min-width:max-content;padding:10px 15px;border:1px solid rgba(52,82,146,.12);border-radius:999px;background:#fff;color:#66789d;font:inherit;font-size:.82rem;font-weight:850;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}.payment-showcase-tabs button:hover{transform:translateY(-1px);border-color:rgba(54,124,255,.30);color:#234ca8}.payment-showcase-tabs button.is-active{border-color:transparent;background:linear-gradient(120deg,#367cff,#734cff 64%,#16bca8);color:#fff;box-shadow:0 9px 24px rgba(68,80,220,.20)}
.payment-showcase-figure{position:relative;isolation:isolate;margin:0;aspect-ratio:16/9;overflow:hidden;background:radial-gradient(circle at 45% 40%,rgba(54,124,255,.12),transparent 32rem),linear-gradient(145deg,#f7faff,#fbfdff)}.payment-showcase-figure>img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain;background:transparent;opacity:0;transform:scale(.996);transition:opacity .28s ease,transform .34s ease}.payment-showcase-figure>img.is-ready{opacity:1;transform:none}.payment-showcase-figure>img[hidden]{display:none}
.payment-image-loader{position:absolute;z-index:2;inset:0;display:grid;place-items:center;align-content:center;gap:10px;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(54,124,255,.13),transparent 19rem),linear-gradient(145deg,#f6f9ff,#fbfdff);color:#173064;text-align:center}.payment-image-loader[hidden]{display:none}.payment-image-loader::before{content:"";position:absolute;inset:-45% -35%;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.08) 43%,rgba(255,255,255,.88) 50%,rgba(54,124,255,.10) 55%,transparent 62%);transform:translateX(-55%);animation:paymentShimmer 1.65s cubic-bezier(.45,0,.55,1) infinite}.payment-loader-orbit{position:relative;display:grid;place-items:center;width:58px;height:58px;border:1px solid rgba(54,124,255,.17);border-radius:19px;background:rgba(255,255,255,.90);box-shadow:0 15px 34px rgba(33,56,123,.13)}.payment-loader-orbit::before{content:"";position:absolute;width:34px;height:34px;border:3px solid rgba(54,124,255,.13);border-top-color:#5679ff;border-right-color:#20c2b1;border-radius:50%;animation:paymentSpin .9s linear infinite}.payment-loader-orbit i{display:block;width:9px;height:9px;border-radius:50%;background:linear-gradient(145deg,#367cff,#8b3dff 60%,#16bca8);box-shadow:0 0 0 5px rgba(91,95,255,.08)}.payment-image-loader strong,.payment-image-loader small{position:relative;z-index:1}.payment-image-loader strong{font-size:.96rem}.payment-image-loader small{color:#8290ac;font-weight:750;letter-spacing:.04em}.payment-showcase-figure.has-image.is-loading .payment-image-loader{background:rgba(247,250,255,.58);backdrop-filter:blur(3px)}.payment-showcase-figure.has-image.is-loading .payment-image-loader::before{opacity:.65}.payment-showcase-figure.has-image.is-loading .payment-loader-orbit{width:50px;height:50px;border-radius:16px}.payment-showcase-figure.has-image.is-loading .payment-image-loader strong{padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.86);box-shadow:0 8px 22px rgba(31,48,103,.08)}
.payment-image-error{position:absolute;z-index:3;inset:0;display:grid;place-items:center;align-content:center;gap:10px;padding:24px;background:radial-gradient(circle at 50% 42%,rgba(139,61,255,.10),transparent 17rem),linear-gradient(145deg,#f7faff,#fff);color:#173064;text-align:center}.payment-image-error[hidden]{display:none}.payment-image-error>span{display:grid;place-items:center;width:52px;height:52px;border-radius:17px;background:#fff;color:#5c63df;font-size:1.65rem;box-shadow:0 14px 32px rgba(31,48,103,.11)}.payment-image-error strong{max-width:420px}.payment-image-error button{padding:9px 14px;border:1px solid rgba(54,124,255,.20);border-radius:999px;background:#fff;color:#315bd3;font:inherit;font-size:.84rem;font-weight:850;cursor:pointer}.payment-image-error button:hover{border-color:#5679ff;box-shadow:0 8px 20px rgba(54,124,255,.10)}
@keyframes paymentShimmer{0%{transform:translateX(-58%)}100%{transform:translateX(58%)}}@keyframes paymentSpin{to{transform:rotate(360deg)}}
.payment-showcase-controls{display:flex;align-items:center;justify-content:center;gap:14px;padding:11px 14px;border-top:1px solid rgba(52,82,146,.08);background:#fff}.payment-showcase-controls>button{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(52,82,146,.13);border-radius:50%;background:#fff;color:#173064;font-size:1.45rem;line-height:1;cursor:pointer}.payment-showcase-controls>button:hover{border-color:#6587ee}.payment-showcase-controls>div{display:flex;gap:6px}.payment-showcase-controls i{display:block;width:7px;height:7px;border-radius:50%;background:#d3daeb;transition:.2s}.payment-showcase-controls i.is-active{width:24px;border-radius:999px;background:linear-gradient(90deg,#367cff,#8b3dff)}
.payment-custom-card{display:flex;gap:24px;align-items:center;justify-content:space-between;margin-top:16px;padding:23px 25px;border-radius:22px;background:linear-gradient(110deg,#07164f,#243b91 64%,#4057d8);color:#fff;box-shadow:0 20px 50px rgba(25,43,100,.18)}.payment-custom-copy{display:grid;gap:6px;min-width:0}.payment-custom-copy>strong{font-size:1.08rem}.payment-custom-copy>p{margin:0;max-width:790px;color:rgba(255,255,255,.78);line-height:1.55}.payment-custom-action{display:grid;gap:8px;justify-items:end;flex:0 0 auto}.payment-custom-action>small{color:rgba(255,255,255,.72);font-size:.78rem;font-weight:750;white-space:nowrap}.payment-whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:10px 16px;border:1px solid rgba(255,255,255,.30);border-radius:999px;background:#25d366;color:#fff;text-decoration:none;white-space:nowrap;font-size:.9rem;font-weight:900;box-shadow:0 12px 28px rgba(0,0,0,.14),0 0 0 0 rgba(37,211,102,.28);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.payment-whatsapp:hover{transform:translateY(-2px);filter:saturate(1.06) brightness(1.02);box-shadow:0 16px 34px rgba(0,0,0,.18),0 0 0 5px rgba(37,211,102,.12)}.payment-whatsapp:focus-visible{outline:3px solid rgba(255,255,255,.92);outline-offset:3px}.payment-whatsapp-icon{display:grid;place-items:center;width:23px;height:23px;flex:0 0 23px}.payment-whatsapp-icon svg{display:block;width:100%;height:100%}
@media(max-width:900px){.payment-showcase-header{grid-template-columns:1fr;align-items:start}.payment-showcase-meta{justify-content:flex-start}.payment-showcase-meta small{text-align:left}.payment-custom-card{align-items:flex-start;flex-direction:column}.payment-custom-action{width:100%;justify-items:start}.payment-custom-action>small{white-space:normal}}
@media(max-width:680px){.payment-landing-section{padding-top:16px}.payment-showcase-header{padding:21px 19px;border-radius:22px}.payment-showcase-header h2{font-size:clamp(2rem,11vw,3rem)}.payment-showcase-meta{gap:6px}.payment-showcase-meta>*{font-size:.72rem}.payment-showcase-card{border-radius:21px}.payment-showcase-tabs{padding:11px 12px}.payment-showcase-tabs button{flex:0 0 auto;padding:9px 13px}.payment-showcase-figure{aspect-ratio:16/9;touch-action:pan-y}.payment-showcase-controls{padding:9px}.payment-custom-card{padding:18px}.payment-custom-action{gap:7px}.payment-whatsapp{width:100%;min-height:48px}.payment-loader-orbit{width:50px;height:50px;border-radius:16px}.payment-image-loader strong{font-size:.88rem}}
@media(prefers-reduced-motion:reduce){.payment-image-loader::before,.payment-loader-orbit::before{animation:none}.payment-showcase-figure>img,.payment-showcase-tabs button,.payment-showcase-controls i,.payment-whatsapp{transition:none}}