:root{
  --pp-bg:#0d0d0f;          /* fondo overlay */
  --pp-card:#111215;        /* tarjeta */
  --pp-text:#f7f7f7;        /* texto */
  --pp-muted:#c8c8cc;
  --pp-accent:#c7a663;      /* dorado */
  --pp-accent-2:#ffe6a7;
}
.pp-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;
  z-index:9999;background:rgba(13,13,15,.65);padding:18px}
.pp-card{position:relative;max-width:900px;width:100%;border-radius:18px;overflow:hidden;
  background:linear-gradient(180deg,#15161a 0%, #0f1013 100%);
  box-shadow:0 22px 60px rgba(0,0,0,.45); color:var(--pp-text)}
.pp-ribbon{position:absolute;left:0;top:0;width:100%;height:6px;background:linear-gradient(90deg,var(--pp-accent),var(--pp-accent-2))}
.pp-close{position:absolute;right:10px;top:10px;border:0;background:transparent;color:#fff;font-size:28px;
  opacity:.8;cursor:pointer}
.pp-close:hover{opacity:1}
.pp-body{display:flex;gap:22px;padding:26px}
.pp-img{flex:0 0 320px}
.pp-img img{width:100%;height:auto;border-radius:14px}
.pp-text{flex:1}
.pp-title{margin:0 0 10px;font-size:28px;letter-spacing:.3px}
.pp-desc{white-space:pre-line;color:var(--pp-muted);line-height:1.5}
.pp-tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-top:14px}
.pp-tier{border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px;background:rgba(255,255,255,.02)}
.pp-tier .badge{display:inline-block;background:var(--pp-accent);color:#1a1a1a;font-weight:700;
  border-radius:999px;padding:2px 9px;margin-bottom:6px;font-size:12px}
.pp-tier .t{font-weight:700}
.pp-tier .s{opacity:.85}
.pp-tier .p{margin-top:6px;font-size:18px}
.pp-btn{display:inline-block;margin-top:16px;padding:12px 18px;border-radius:999px;
  background:var(--pp-accent);color:#141414;text-decoration:none;font-weight:700}
@media (max-width:640px){.pp-body{flex-direction:column}.pp-img{flex:0 0 auto}}
.pp-lock{overflow:hidden}