/* Tarjeta de fidelización. Colores: --tarjeta-bg / --tarjeta-ink salen del logo (colores_logo.js). */
.wcard{--tb:var(--tarjeta-bg,#141414);--ti:var(--tarjeta-ink,#ffffff);position:relative;overflow:hidden;width:100%;max-width:380px;margin:0 auto;padding:16px 16px 14px;border-radius:18px;background:var(--tb);color:var(--ti);box-shadow:0 12px 30px #0007;font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
.wcard::after{content:"";position:absolute;right:-60px;top:-60px;width:180px;height:180px;border-radius:50%;border:14px solid currentColor;opacity:.06;pointer-events:none}
.wc-top{display:flex;align-items:center;gap:12px}
.wc-logo{width:44px;height:44px;border-radius:50%;object-fit:cover;flex:none}
.wc-neg{display:block;font-size:1rem;letter-spacing:.05em;text-transform:uppercase}
.wc-tit{display:block;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;opacity:.75;margin-top:2px}
.wc-sellos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:16px 0 14px}
.wc-sello{aspect-ratio:1;display:grid;place-items:center;border-radius:50%;border:1.5px dashed currentColor;font-size:.78rem;font-weight:700;opacity:.55}
.wc-sello.on{opacity:1;border:0;background:#f5b301;color:#111;font-size:1.1rem;font-weight:900}
.wc-datos{display:flex;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid color-mix(in srgb,currentColor 22%,transparent)}
.wc-datos div:last-child{text-align:right}
.wc-datos small{display:block;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;opacity:.7}
.wc-datos b{display:block;font-size:.95rem;margin-top:2px;overflow-wrap:anywhere}
.wc-falta{font-size:.84rem;margin-top:10px;opacity:.9}
.wc-cod{margin-top:14px;padding:14px;border-radius:12px;background:#fff;color:#111;text-align:center}
.wc-qr{width:180px;max-width:100%;margin:0 auto}
.wc-qr svg{display:block;width:100%;height:auto}
.wc-cod small{display:block;font-size:.7rem;margin-top:8px;color:#444;overflow-wrap:anywhere}