/* BP STUDIO — estilos propios, montados sobre los tokens de style.v2.css */
.bp-tile{background:#fff;border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}
.bp-tile img{max-width:100%;max-height:100%;object-fit:contain;display:block}
.bp-tile.dk{background:#0B1430}

/* Tarjeta destacada en la grilla de productos */
.prod.bp-feat{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto;gap:1.6rem;align-items:center;min-height:0;padding:1.8rem 1.6rem;background:linear-gradient(100deg,rgba(124,108,255,.10),rgba(34,211,238,.06)),var(--bg);position:relative}
.prod.bp-feat:hover{background:linear-gradient(100deg,rgba(124,108,255,.16),rgba(34,211,238,.10)),var(--panel-2)}
.bp-feat .bp-tile{width:96px;height:96px;padding:10px;border-radius:18px;box-shadow:0 12px 40px rgba(124,108,255,.25)}
.bp-feat .pn{font-size:1.35rem!important}
.bp-feat .ps{flex:none!important;font-size:.82rem!important;color:var(--muted)!important;max-width:560px}
.bp-logos{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:.7rem}
.bp-logos .bp-tile{width:38px;height:38px;padding:4px;border-radius:9px}
.bp-count{text-align:right;font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);line-height:1.9}
.bp-count b{display:block;font-family:var(--disp);font-size:2.2rem;letter-spacing:-.03em;color:var(--text);line-height:1;font-weight:600}
.bp-feat .pl{margin-top:.6rem}
@media(max-width:860px){.prod.bp-feat{grid-template-columns:1fr;gap:1rem}.bp-feat .bp-tile{width:78px;height:78px}.bp-count{text-align:left;display:flex;gap:1.4rem}.bp-count span{display:block}}

/* Página de BP STUDIO */
.bp-hero-tile{width:74px;height:74px;padding:8px;border-radius:16px}
.bp-reel{padding:2.4rem max(5%,calc((100% - var(--max))/2)) 0}
.bp-reel-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.bp-reel video{width:100%;height:100%;display:block;background:#000;aspect-ratio:16/9;object-fit:cover}
.bp-stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}
.bp-stat{background:var(--panel);padding:1.4rem 1.3rem;display:flex;flex-direction:column;justify-content:center}
.bp-stat b{font-family:var(--disp);font-size:clamp(1.7rem,3vw,2.4rem);font-weight:600;letter-spacing:-.03em;line-height:1}
.bp-stat span{font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin-top:.5rem}
.bp-games{padding:3.4rem max(5%,calc((100% - var(--max))/2)) 0}
.bp-games h2{font-size:clamp(1.5rem,2.6vw,2rem)}
.bp-ggrid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin-top:1.6rem}
.bp-g{background:var(--bg);display:flex;flex-direction:column;min-width:0}
.bp-g .media{position:relative;aspect-ratio:16/10;background:#000;overflow:hidden}
.bp-g .media video,.bp-g .media img.cover{width:100%;height:100%;object-fit:cover;display:block}
.bp-g .media .bp-tile{position:absolute;left:10px;bottom:10px;width:52px;height:52px;padding:5px;box-shadow:0 6px 20px rgba(0,0,0,.5)}
.bp-g .tag{position:absolute;right:10px;top:10px;font-family:var(--mono);font-size:.54rem;letter-spacing:.12em;background:rgba(0,0,0,.62);color:#fff;padding:.3rem .5rem;border-radius:6px;display:flex;gap:6px;align-items:center}
.bp-g .tag::before{content:"";width:6px;height:6px;border-radius:50%;background:#FF4D5E}
.bp-g .body{padding:1rem 1.1rem 1.2rem;display:flex;flex-direction:column;gap:.3rem;flex:1}
.bp-g h3{font-family:var(--disp);font-size:1rem;font-weight:600;letter-spacing:-.01em}
.bp-g p{font-size:.78rem;color:var(--muted);line-height:1.55}
.bp-g .pst{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:.56rem;letter-spacing:.08em;text-transform:uppercase;margin-top:auto;padding-top:.6rem}
.bp-g .pst::before{content:"";width:6px;height:6px;border-radius:50%}
.bp-g .pst.ok{color:#67E8F9}.bp-g .pst.ok::before{background:#22D3EE;box-shadow:0 0 8px #22D3EE}
.bp-g .pst.dev{color:#FCD34D}.bp-g .pst.dev::before{background:#F59E0B;box-shadow:0 0 8px #F59E0B}
.bp-casita{display:grid;place-items:center;height:100%;background:linear-gradient(160deg,#1A3A8F,#0B1430)}
.bp-casita img{height:76%;width:auto}
.bp-fut{display:grid;place-items:center;align-content:center;height:100%;background:radial-gradient(circle at 50% 125%,#1E7A3C 0 46%,#0D3D21 47% 100%);font-family:var(--disp);font-weight:700;font-size:1.6rem;letter-spacing:.06em;color:#fff}
.bp-fut small{display:block;font-family:var(--mono);font-size:.6rem;letter-spacing:.3em;color:#FCD34D;text-align:center;margin-top:.3rem}
.bp-lock{display:grid;place-items:center;height:100%;background:repeating-linear-gradient(135deg,var(--panel) 0 14px,var(--panel-2) 14px 28px)}
.bp-lock div{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;max-width:78%}
.bp-lock svg{width:18px;height:18px;stroke:var(--dim);fill:none;stroke-width:1.8}
@media(max-width:1024px){.bp-ggrid{grid-template-columns:repeat(3,1fr)}.bp-reel-grid{grid-template-columns:1fr}.bp-stats{grid-template-columns:repeat(4,1fr)}}
@media(max-width:860px){.bp-ggrid{grid-template-columns:1fr 1fr}.bp-stats{grid-template-columns:1fr 1fr}.bp-g .media .bp-tile{width:40px;height:40px;left:8px;bottom:8px}.bp-g .body{padding:.8rem .85rem 1rem}.bp-g h3{font-size:.9rem}.bp-g p{font-size:.72rem}}
.prod.bp-next{background:linear-gradient(135deg,rgba(124,108,255,.08),rgba(34,211,238,.05)),var(--bg)}
.prod.bp-next .pn{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}