
/* TRADUES · Productos digitales permanentes · 2026-09-17 */
.digital-offer-note{margin:24px 0 30px;padding:18px 20px;border:1px solid #f0c36b;border-radius:18px;background:#fff7df;color:#5c4815;box-shadow:0 8px 24px rgba(90,65,10,.06)}
.digital-offer-note strong{color:#7c5300}.digital-offer-note p{margin:5px 0 0;color:#6d5a2b}.digital-offer-note.compact{margin:18px 0}
.digital-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.digital-product-card{background:#fff;border:1px solid #d8e2ed;border-radius:26px;overflow:hidden;box-shadow:0 14px 42px rgba(7,27,57,.09);display:flex;flex-direction:column;min-width:0}
.digital-product-card.complete{border:2px solid #7542ef;box-shadow:0 18px 52px rgba(100,65,220,.16)}
.digital-product-media{position:relative;background:linear-gradient(180deg,#eef5fb,#fff);padding:18px;min-height:360px;display:grid;place-items:center}
.digital-product-media img{display:block;max-width:100%;width:auto;height:330px;object-fit:contain;border-radius:16px;filter:drop-shadow(0 14px 24px rgba(7,27,57,.15))}
.digital-only-badge{position:absolute;left:18px;top:18px;z-index:2;display:inline-flex;padding:7px 10px;border-radius:999px;background:#071b39;color:#fff;font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 8px 18px rgba(7,27,57,.2)}
.digital-product-body{padding:22px;display:flex;flex-direction:column;gap:11px;flex:1}
.digital-product-kicker{font-size:12px;font-weight:950;letter-spacing:.10em;color:#0aaab3;text-transform:uppercase}
.digital-product-body h3{font-size:clamp(24px,2.5vw,32px);line-height:1.05;margin:0;color:#071b39}.digital-product-price{font-size:42px;line-height:1;font-weight:950;color:#071b39}
.digital-product-body p{margin:0;color:#56687d}.digital-product-body ul{list-style:none;padding:0;margin:4px 0 0;display:grid;gap:7px}.digital-product-body li{position:relative;padding-left:25px;color:#40556e;font-size:14px}.digital-product-body li:before{content:'✓';position:absolute;left:0;top:0;color:#0a9f7f;font-weight:950}
.permanent-chip{display:inline-flex;width:max-content;max-width:100%;padding:7px 10px;border-radius:999px;background:#e8f8f3;color:#06765a;border:1px solid #bee8da;font-size:12px;font-weight:900}
.digital-product-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:auto;padding-top:8px}.digital-product-actions .btn{flex:1;min-width:150px}
.product-digital-footnote{margin-top:26px;padding:18px 20px;border-radius:18px;background:#f4f8fc;border:1px solid #d8e4ef;color:#465c74}.product-digital-footnote strong{color:#071b39}
.product-hero-digital{background:linear-gradient(135deg,#06162f 0%,#0d3768 58%,#321b68 100%)}
.product-hero-digital .hero-grid{grid-template-columns:minmax(0,1fr) minmax(300px,.72fr)}.product-hero-digital .hero-cover img{background:#fff}
.product-spec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product-spec-grid article{background:#fff;border:1px solid #d8e2ed;border-radius:20px;padding:22px;box-shadow:0 9px 28px rgba(7,27,57,.06)}.product-spec-grid h3{margin:0 0 8px;color:#071b39}.product-spec-grid p{margin:0;color:#56687d}
.license-explainer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px}.license-explainer>div{padding:18px;border-radius:18px;background:#0e315e;border:1px solid #315988}.license-explainer b,.license-explainer span{display:block}.license-explainer b{color:#ffbd3e}.license-explainer span{color:#dce8f7;margin-top:5px}
.home-digital-products{background:linear-gradient(180deg,#fff,#f6f9fd)}
.home-digital-products .section-head{max-width:980px}.home-digital-products .section-head p{max-width:900px}
@media(max-width:1000px){.digital-product-grid{grid-template-columns:1fr}.digital-product-media{min-height:300px}.digital-product-media img{height:300px}.product-spec-grid,.license-explainer{grid-template-columns:1fr}.product-hero-digital .hero-grid{grid-template-columns:1fr}}
@media(max-width:680px){.digital-product-media{min-height:260px;padding:14px}.digital-product-media img{height:250px}.digital-product-body{padding:18px}.digital-product-price{font-size:36px}.digital-product-actions{display:grid}.digital-product-actions .btn{width:100%}}

/* COMPLETE uses the exact approved comic cover as a separate layer. */
.complete-product-media{position:relative;background:linear-gradient(145deg,#f7f4ff,#eef7ff);padding:18px;min-height:360px;display:flex;align-items:flex-end;justify-content:center;gap:10px;overflow:hidden}
.complete-product-media .complete-main-book{height:285px;max-width:43%;object-fit:contain;border-radius:12px;filter:drop-shadow(0 14px 24px rgba(7,27,57,.16))}
.complete-product-media .complete-comic-book{height:265px;max-width:39%;object-fit:contain;border-radius:12px;filter:drop-shadow(0 14px 24px rgba(7,27,57,.20))}
.complete-product-media .complete-app-shot{height:225px;max-width:28%;object-fit:contain;border-radius:18px;filter:drop-shadow(0 14px 24px rgba(7,27,57,.20))}
.complete-app-chips{position:absolute;right:14px;bottom:12px;display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end;max-width:55%}.complete-app-chips span{padding:5px 8px;border-radius:999px;background:#071b39;color:#fff;font-size:10px;font-weight:900;box-shadow:0 5px 12px rgba(7,27,57,.18)}
@media(max-width:680px){.complete-product-media{min-height:280px;padding:12px}.complete-product-media .complete-main-book{height:220px}.complete-product-media .complete-comic-book{height:205px}.complete-product-media .complete-app-shot{height:170px}.complete-app-chips{max-width:75%}}


/* 2026-09-17 v2 · exact approved product illustrations */
.digital-product-media{min-height:390px;padding:18px;background:linear-gradient(180deg,#f4f8fc,#fff)}
.digital-product-media img{width:100%;height:350px;max-width:100%;object-fit:contain;object-position:center;border-radius:16px;filter:drop-shadow(0 14px 24px rgba(7,27,57,.15));background:#fff}
.digital-product-media-complete{background:linear-gradient(145deg,#f8f5ff,#eef7ff)}
.digital-product-media-complete img{height:350px}
@media(max-width:1000px){.digital-product-media{min-height:340px}.digital-product-media img,.digital-product-media-complete img{height:310px}}
@media(max-width:680px){.digital-product-media{min-height:290px;padding:12px}.digital-product-media img,.digital-product-media-complete img{height:270px}}
