/* KAEL Bills 2.2.21 RC5 · Premium wallet cards */
.financial-grid,.financial-rows{align-items:start}
.wallet-shell-v2{position:relative;isolation:isolate}
.wallet-shell-v2 .wallet-visual{aspect-ratio:1.586/1;min-height:0;border-radius:22px;overflow:hidden;padding:22px 23px 19px;box-shadow:0 20px 45px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.14);color:#fff}
.wallet-shell-v2 .wallet-visual:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.14),transparent 30%,transparent 70%,rgba(255,255,255,.05));mix-blend-mode:screen}
.wallet-shell-v2 .wallet-visual:after{content:"";position:absolute;width:250px;height:250px;right:-105px;bottom:-145px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 65%);pointer-events:none}
.wallet-v2-head{position:relative;z-index:3;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;min-height:43px}
.wallet-v2-brand{display:flex;align-items:center;min-width:0;height:42px}
.wallet-brand-logo{display:flex;align-items:center;height:42px;max-width:150px}
.wallet-brand-logo img{display:block;width:auto;max-width:100%;height:100%;object-fit:contain;object-position:left center}
.brand-logo-td{height:40px!important;width:136px!important}.brand-logo-wf{height:42px!important;width:136px!important}.brand-logo-paypal{height:40px!important;width:132px!important}
.wallet-head-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.wallet-head-action{position:static!important;display:grid!important;place-items:center;width:36px!important;height:36px!important;padding:0!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:12px!important;background:rgba(4,12,26,.28)!important;color:#fff!important;backdrop-filter:blur(10px);box-shadow:0 6px 18px rgba(0,0,0,.16);cursor:pointer}
.wallet-head-action:hover{background:rgba(255,255,255,.17)!important;transform:translateY(-1px)}
.wallet-head-action svg{width:19px;height:19px}
.wallet-v2-hardware{position:relative;z-index:2;margin-top:18px;display:flex;align-items:center;gap:12px}
.wallet-chip-v68{width:49px!important;height:37px!important;filter:drop-shadow(0 3px 5px rgba(0,0,0,.22))}
.wallet-contactless{font-size:18px!important;opacity:.9}
.wallet-v2-number{position:relative;z-index:2;margin-top:17px;font-size:clamp(19px,2vw,24px)!important;letter-spacing:.12em!important;font-variant-numeric:tabular-nums;text-shadow:0 2px 4px rgba(0,0,0,.24);white-space:nowrap}
.wallet-v2-foot{position:relative;z-index:2;margin-top:auto;display:flex;align-items:flex-end;gap:28px;padding-right:78px}
.wallet-v2-foot>div span{display:block;font-size:8px!important;letter-spacing:.16em;opacity:.72}.wallet-v2-foot>div b{display:block;margin-top:3px;font-size:11px!important;letter-spacing:.08em;white-space:nowrap}
.wallet-v2-network{position:absolute!important;z-index:3;right:22px;bottom:18px;width:70px!important;height:34px!important;display:flex;align-items:center;justify-content:flex-end}
.wallet-v2-network .official-network{display:flex!important;width:70px!important;height:34px!important;align-items:center;justify-content:flex-end}.wallet-v2-network img{max-width:70px!important;max-height:34px!important;object-fit:contain}
/* TD Bank debit */
.wallet-visual.card-td,.wallet-visual.bank-td{background:radial-gradient(circle at 76% 18%,rgba(158,231,103,.22),transparent 28%),linear-gradient(145deg,#0d7d3d 0%,#075b2c 48%,#053a20 100%)!important}
.wallet-visual.card-td:after,.wallet-visual.bank-td:after{width:290px;height:170px;right:-75px;bottom:-90px;border:1px solid rgba(255,255,255,.08);background:repeating-radial-gradient(ellipse at center,rgba(255,255,255,.07) 0 2px,transparent 3px 11px)}
/* Wells Fargo debit */
.wallet-visual.card-wf,.wallet-visual.bank-wf{background:radial-gradient(circle at 88% 12%,rgba(255,214,71,.18),transparent 26%),linear-gradient(145deg,#d31931 0%,#a80820 51%,#6b0012 100%)!important}
.wallet-visual.card-wf:after,.wallet-visual.bank-wf:after{right:-65px;bottom:-120px;width:330px;height:240px;background:linear-gradient(140deg,transparent 35%,rgba(247,199,69,.14) 36% 38%,transparent 39% 47%,rgba(247,199,69,.10) 48% 50%,transparent 51%)}
/* PayPal Business Debit */
.wallet-visual.card-paypal-business,.wallet-visual.card-paypal{background:radial-gradient(circle at 84% 18%,rgba(0,156,222,.36),transparent 30%),linear-gradient(145deg,#071d49 0%,#06377b 48%,#0070ba 100%)!important}
.wallet-visual.card-paypal-business:after,.wallet-visual.card-paypal:after{content:"BUSINESS";display:flex;align-items:flex-end;justify-content:flex-end;padding:0 18px 18px 0;width:260px;height:180px;right:-70px;bottom:-90px;border-radius:48% 52% 0 0;background:linear-gradient(135deg,rgba(0,156,222,.26),rgba(0,48,135,.08));font-size:10px;font-weight:800;letter-spacing:.18em;color:rgba(255,255,255,.58)}
.wallet-visual.card-paypal-business .brand-logo-paypal img,.wallet-visual.card-paypal .brand-logo-paypal img{filter:brightness(0) invert(1) drop-shadow(0 1px 2px rgba(0,0,0,.18))}
.wallet-menu{z-index:40!important;top:58px!important;right:10px!important;min-width:190px}
@media(max-width:620px){
 .wallet-shell-v2 .wallet-visual{padding:18px 18px 16px;border-radius:19px}
 .brand-logo-td{width:116px!important;height:34px!important}.brand-logo-wf{width:116px!important;height:36px!important}.brand-logo-paypal{width:112px!important;height:34px!important}
 .wallet-head-actions{gap:6px}.wallet-head-action{width:34px!important;height:34px!important;border-radius:11px!important}
 .wallet-v2-hardware{margin-top:13px}.wallet-chip-v68{width:44px!important;height:33px!important}
 .wallet-v2-number{margin-top:13px;font-size:18px!important;letter-spacing:.09em!important}
 .wallet-v2-foot{padding-right:66px;gap:18px}.wallet-v2-network{right:17px;bottom:14px;width:61px!important}.wallet-v2-network .official-network,.wallet-v2-network img{max-width:61px!important;width:61px!important}
}

/* V2.2.20 RC4 — tarjetas construidas desde las referencias fotográficas del usuario */
.wallet-shell-v2 .photo-card{position:relative;background-position:center;background-repeat:no-repeat;background-size:cover!important;color:#fff;border:0!important;box-shadow:0 18px 38px rgba(0,0,0,.38),0 0 0 1px rgba(255,255,255,.14)!important}
.wallet-shell-v2 .photo-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.06));pointer-events:none}
.wallet-shell-v2 .photo-card:after{display:none!important}
.wallet-shell-v2 .photo-td{background-image:url('assets/card-references/td-bank-business-debit.jpg')!important}
.wallet-shell-v2 .photo-wf{background-image:url('assets/card-references/wells-fargo-debit.jpg')!important}
.wallet-shell-v2 .photo-paypal{background-image:url('assets/card-references/paypal-business-debit.jpg')!important;color:#050505}
.photo-actions{position:absolute;top:14px;right:14px;z-index:5;display:flex;gap:8px}
.photo-card .wallet-head-action{background:rgba(4,12,24,.72)!important;border:1px solid rgba(255,255,255,.35)!important;backdrop-filter:blur(10px);box-shadow:0 5px 16px rgba(0,0,0,.25)}
.photo-paypal .wallet-head-action{background:rgba(255,255,255,.8)!important;color:#111!important;border-color:rgba(0,0,0,.14)!important}
.photo-subtype{position:absolute;left:5.2%;top:58%;z-index:3;padding:5px 9px;border-radius:999px;background:rgba(3,12,22,.72);border:1px solid rgba(255,255,255,.18);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(7px)}
.photo-paypal .photo-subtype{left:auto;right:7%;top:61%;background:rgba(255,255,255,.78);color:#111;border-color:rgba(0,0,0,.1)}
.photo-dynamic-number{position:absolute;left:5.2%;bottom:7.8%;z-index:4;min-width:48%;padding:7px 10px;border-radius:11px;background:rgba(3,12,22,.82);box-shadow:0 4px 14px rgba(0,0,0,.28);font-size:clamp(16px,1.55vw,24px);font-weight:900;letter-spacing:.09em;text-shadow:0 2px 3px rgba(0,0,0,.35)}
.photo-paypal .photo-dynamic-number{background:rgba(255,255,255,.88);color:#050505;text-shadow:none;box-shadow:0 4px 14px rgba(0,0,0,.14)}
.photo-bank-meta{position:absolute;right:5.2%;bottom:7.8%;z-index:4;padding:6px 9px;border-radius:10px;background:rgba(3,12,22,.78);font-size:9px;line-height:1.1;text-align:right}.photo-bank-meta span{display:block;opacity:.72;font-weight:800}.photo-bank-meta b{display:block;margin-top:3px;font-size:11px}
@media(max-width:700px){.wallet-shell-v2 .photo-card{border-radius:18px}.photo-actions{top:10px;right:10px}.photo-card .wallet-head-action{width:34px;height:34px}.photo-dynamic-number{font-size:15px;padding:6px 8px}.photo-subtype{font-size:8px;padding:4px 7px}.photo-bank-meta{font-size:8px}}

/* V2.2.21 RC5 — referencias recortadas y PayPal Credit separado de Business Debit */
.wallet-shell-v2 .photo-td{background-image:url('assets/card-references/td-bank-business-debit.jpg')!important}
.wallet-shell-v2 .photo-wf{background-image:url('assets/card-references/wells-fargo-debit.jpg')!important}
.wallet-shell-v2 .photo-paypal-business{background-image:url('assets/card-references/paypal-business-debit.jpg')!important;color:#050505}
.wallet-shell-v2 .photo-paypal-credit{background-image:url('assets/card-references/paypal-credit.jpg')!important}
.wallet-shell-v2 .photo-revolut{background-image:url('assets/card-references/revolut-card.jpg')!important}
.wallet-shell-v2 .photo-wf-bank{background-image:none!important;background:linear-gradient(145deg,#d71931 0%,#b70723 56%,#760014 100%)!important}
.photo-wf-bank:after{display:none!important}
.photo-wf-bank .photo-subtype{top:57%;background:rgba(84,0,16,.78)}
.photo-paypal-credit .photo-subtype,.photo-paypal-business .photo-subtype,.photo-revolut .photo-subtype,.photo-td .photo-subtype,.photo-wf .photo-subtype{display:none}
.photo-paypal-credit .photo-dynamic-number,.photo-paypal-business .photo-dynamic-number,.photo-revolut .photo-dynamic-number,.photo-td .photo-dynamic-number,.photo-wf .photo-dynamic-number{background:transparent!important;box-shadow:none!important;padding:0!important;min-width:0!important;text-shadow:0 2px 3px rgba(0,0,0,.25)}
.photo-paypal-business .photo-dynamic-number{color:#050505;text-shadow:none}
.photo-paypal-credit .photo-dynamic-number{left:6.8%;bottom:10%;font-size:clamp(16px,1.55vw,24px)}
.photo-paypal-business .photo-dynamic-number{left:5%;bottom:8.5%}
.photo-revolut .photo-dynamic-number,.photo-td .photo-dynamic-number,.photo-wf .photo-dynamic-number{left:5%;bottom:7.5%}
.photo-wf-bank .photo-dynamic-number{left:5%;bottom:8%;min-width:42%}
.photo-wf-bank .photo-bank-meta{right:5%;bottom:8%}

/* V2.2.22 RC6 — números impresos retirados y cuentas Wells Fargo identificadas */
.photo-wf-bank .photo-bank-brand{position:absolute;left:5%;top:7%;z-index:3;font-family:Georgia,"Times New Roman",serif;font-size:clamp(18px,1.6vw,27px);font-weight:900;color:#fff;letter-spacing:.01em}
.photo-wf-bank .photo-bank-brand:after{content:"";display:block;width:145px;max-width:38vw;height:3px;margin-top:8px;background:#f4c430;border-radius:999px}
.photo-card .photo-dynamic-number{white-space:nowrap}
