/* Dibujo de las gift cards (lo usan la web y el panel) */
.gc{--gc-font:"Bricolage Grotesque",system-ui,sans-serif}
.gc{position:relative;overflow:hidden;aspect-ratio:1.6/1;border-radius:22px;padding:22px 24px;display:flex;flex-direction:column;color:#fff;background:linear-gradient(135deg,#1d4a3e,#0e2a22);box-shadow:0 24px 50px -24px rgba(0,0,0,.6);font-family:inherit;container-type:inline-size}
.gc-deco{position:absolute;inset:0;pointer-events:none;opacity:.9}
.gc>*{position:relative}
.gc-top{display:flex;justify-content:space-between;align-items:center}
.gc-logo img{height:34px;border-radius:50%}
.gc-mark{font:800 1.4rem var(--gc-font);color:var(--accent)}
.gc-label{font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;opacity:.85}
.gc-amount{font:800 clamp(1.8rem,11cqi,3rem)/1 var(--gc-font);margin:auto 0 .15em;letter-spacing:-.02em}
.gc-to{font-size:.95rem}
.gc-msg{font-size:.85rem;opacity:.85;margin:.2em 0 .6em;max-height:2.8em;overflow:hidden;font-style:italic}
.gc-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;font-size:.82rem}
.gc-code{font:700 .82rem ui-monospace,Menlo,Consolas,monospace;letter-spacing:.06em;background:rgba(255,255,255,.14);padding:.35em .6em;border-radius:8px;white-space:nowrap}
.gc-code--hidden{opacity:.6}
.gc--clasica{background:linear-gradient(135deg,#1d4a3e,#0c231c)}
.gc--clasica .gc-deco{background:radial-gradient(circle at 88% 20%,rgba(198,242,78,.35),transparent 40%)}
.gc--clasica .gc-amount{color:var(--accent)}
.gc--cumple{background:linear-gradient(135deg,#ff5f6d,#ffc371);color:#2b1300}
.gc--cumple .gc-deco{background:radial-gradient(circle at 15% 25%,#fff5 0 4px,transparent 5px),radial-gradient(circle at 70% 15%,#fff7 0 3px,transparent 4px),radial-gradient(circle at 85% 70%,#fff5 0 5px,transparent 6px),radial-gradient(circle at 40% 80%,#fff4 0 3px,transparent 4px)}
.gc--cumple .gc-mark{color:#2b1300}
.gc--cumple .gc-code{background:rgba(0,0,0,.12)}
.gc--gracias{background:linear-gradient(135deg,#f6f2ea,#e4efd0);color:#173b31}
.gc--gracias .gc-deco{background:radial-gradient(circle at 90% 90%,rgba(23,59,49,.15),transparent 45%)}
.gc--gracias .gc-mark{color:#173b31}
.gc--gracias .gc-code{background:rgba(23,59,49,.1)}
.gc--cafe{background:linear-gradient(135deg,#6b4226,#2e1a0e)}
.gc--cafe .gc-deco{background:repeating-radial-gradient(circle at 100% 0,transparent 0 14px,rgba(255,255,255,.05) 14px 16px)}
.gc--cafe .gc-mark{color:#f3c98b}
.gc--amor{background:linear-gradient(135deg,#b21f4a,#5c0f2c)}
.gc--amor .gc-deco{background:radial-gradient(circle at 85% 25%,rgba(255,180,200,.45),transparent 40%)}