/* RAID TV Web — sitio público */
:root{
  --accent:#E01411;--accent2:#FF3B33;
  --bg:#0B0C0F;--band:#0E0F13;--card:#14161B;--card2:#17191F;--line:#1F222A;--line2:#2A2E37;
  --text:#F4F6F9;--soft:#C9CED6;--muted:#AEB5C0;--dim:#8A919C;
  --display:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;
  --body:Figtree,system-ui,-apple-system,'Segoe UI',sans-serif;
  --r:14px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.55 var(--body);padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0)}
img{max-width:100%;display:block}
a{color:var(--text);text-decoration:none}
a:hover{color:var(--accent2)}
:focus-visible{outline:3px solid var(--accent2);outline-offset:3px;border-radius:6px}
.skip{position:absolute;left:-999px;top:8px;background:var(--accent);color:#fff;padding:10px 14px;border-radius:8px;z-index:99}
.skip:focus{left:8px}
.wrap{max-width:1200px;margin:0 auto;padding-left:24px;padding-right:24px}
.narrow{max-width:900px}
.center{text-align:center}
.muted{color:var(--muted)}
.small{font-size:14px}
.display{font-family:var(--display);font-weight:800;text-transform:uppercase;line-height:.98;letter-spacing:-.3px;margin:0}
h2.display{font-size:clamp(36px,5vw,52px)}
.display.xl{font-size:clamp(46px,7vw,78px);line-height:.94}
.lead{font-size:clamp(16px,1.6vw,18px);line-height:1.6;color:var(--soft);margin:0}
.kicker{font-size:13px;font-weight:700;letter-spacing:2px;color:var(--accent2)}
.kicker.live{display:flex;align-items:center;gap:10px;color:var(--muted)}
.kicker.live::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--accent)}
.chrome{background:linear-gradient(180deg,#fff 0%,#F4F6F9 45%,#AEB5C0 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.red{color:var(--accent)}

/* botones */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 18px;border-radius:10px;font-weight:700;font-size:15px;border:1px solid transparent;cursor:pointer;transition:background .15s,border-color .15s,transform .15s;text-align:center}
.btn.primary{background:var(--accent);color:#fff}
.btn.primary:hover{background:#c40f0c;color:#fff}
.btn.ghost{border-color:#3A3F4B;color:var(--text)}
.btn.ghost:hover{border-color:var(--muted);color:#fff}
.btn.lg{padding:15px 26px;font-size:16px}
.btn.block{width:100%}
.btn-row{display:flex;gap:12px;flex-wrap:wrap}

/* barra de vendedor */
.seller-bar{background:#1F1112;border-bottom:1px solid #3a1a1b;font-size:14px}
.seller-bar .wrap{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;padding-top:8px;padding-bottom:8px;color:var(--soft)}
.seller-bar a{color:#fff;font-weight:700;text-decoration:underline}

/* cabecera */
.top{position:sticky;top:0;z-index:20;background:rgba(11,12,15,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:68px}
.brand{display:flex;align-items:center}
.wordmark{font-family:var(--display);font-weight:800;font-size:34px;letter-spacing:1px;line-height:1}
.wordmark.sm{font-size:30px}
.logo-img{height:40px;width:auto}
.nav-links{display:flex;gap:26px;font-weight:500;font-size:15px}
.nav-links a[aria-current="page"]{color:#fff;box-shadow:inset 0 -2px 0 var(--accent)}
.nav-cta{display:flex;gap:10px;align-items:center}
.menu-btn{display:none;background:none;border:1px solid var(--line2);color:var(--text);width:44px;height:44px;border-radius:10px;align-items:center;justify-content:center;cursor:pointer}
.only-sm{display:none}

/* hero */
.hero{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px;align-items:center;padding-top:72px;padding-bottom:72px}
.hero-copy{display:flex;flex-direction:column;gap:24px}
.bullets{list-style:none;margin:0;padding:0;display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:14px}
.bullets li{display:flex;align-items:center;gap:6px}
.bullets svg{color:var(--accent2)}
.tv{background:#15171C;border:1px solid var(--line2);border-radius:16px;padding:10px;box-shadow:0 40px 90px rgba(0,0,0,.55)}
.tv-screen{aspect-ratio:16/9;border-radius:10px;background:#07080A;overflow:hidden;display:flex}
.tv-rail{width:46px;background:#0F1014;display:flex;flex-direction:column;align-items:center;gap:14px;padding-top:16px}
.tv-rail i{width:18px;height:4px;border-radius:2px;background:#3A3F4B}
.tv-rail i.on{height:18px;border-radius:4px;background:var(--accent)}
.tv-main{flex:1;display:flex;flex-direction:column;gap:10px;padding:14px;min-width:0}
.tv-banner{flex:1;position:relative;overflow:hidden;border-radius:8px;background:#1A1C22 center/cover no-repeat;padding:16px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:6px}
.tv-banner[style]::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.85),rgba(0,0,0,.1) 70%)}
.tv-banner>*{position:relative}
.tv-banner b{font-family:var(--display);font-size:clamp(18px,2.2vw,26px);text-transform:uppercase}
.tv-banner small{font-size:11px;color:var(--muted)}
.tv-logo{max-height:56px;max-width:60%;width:auto;object-fit:contain}
.ghost-word{position:absolute!important;right:-8px;top:-20px;font:800 clamp(80px,10vw,124px)/1 var(--display);color:#22252D}
.tag{background:var(--accent);color:#fff;font-size:11px;font-weight:700;letter-spacing:1px;padding:4px 8px;border-radius:5px;text-transform:uppercase}
.tv-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.tv-row span{aspect-ratio:16/10;border-radius:6px;background:#1C1F26;border:1px solid var(--line2);display:flex;align-items:flex-end;padding:5px;font-size:9px;font-weight:600;color:#DDE1E7;overflow:hidden}
.tv-row .hot{background:#2A1213;border-color:var(--accent)}

/* banners */
.banners{position:relative;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.slides{position:relative;min-height:clamp(460px,52vw,600px)}
.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .6s,visibility .6s;display:flex;align-items:flex-end}
.slide.is-on{opacity:1;visibility:visible}
.slide-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.slide-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,12,15,.95) 0%,rgba(11,12,15,.7) 40%,rgba(11,12,15,.1) 75%),linear-gradient(0deg,rgba(11,12,15,1) 0%,rgba(11,12,15,0) 45%)}
.slide-body{position:relative;width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.slide-body .display{font-size:clamp(38px,5vw,60px);max-width:640px}
.slide-logo{margin:0}
.slide-logo img{max-height:130px;max-width:min(420px,80vw);width:auto;object-fit:contain}
.slide-body .meta{color:var(--soft);font-weight:600;font-size:14px}
.slide-body p{max-width:560px;margin:0;color:var(--soft);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.dots{position:absolute;left:0;right:0;bottom:28px;display:flex;gap:8px}
.dots .dot{width:28px;height:6px;border-radius:3px;border:0;background:#4A505C;cursor:pointer;padding:0}
.dots .dot.is-on{background:var(--accent)}
.dots .dot:hover{background:var(--muted)}

/* bandas y secciones */
.band{background:var(--band);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sec{padding-top:96px;padding-bottom:96px;display:flex;flex-direction:column;gap:40px}
.sec-head{display:flex;flex-direction:column;gap:12px;max-width:680px}
.sec-row{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.page-head{border-bottom:1px solid var(--line);background:var(--band)}
.page-head .wrap{padding-top:64px;padding-bottom:56px;display:flex;flex-direction:column;gap:14px}
.page-head .display{font-size:clamp(42px,6vw,68px)}
.page-head .lead{max-width:720px}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding-top:36px;padding-bottom:36px}
.stat{display:flex;flex-direction:column;gap:4px}
.stat b{font-size:44px}
.stat:last-child b{color:var(--accent2)}
.stat span{font-size:14px;color:var(--muted)}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.card{background:var(--card);border:1px solid #23262E;border-radius:var(--r);padding:28px;display:flex;flex-direction:column;gap:14px}
.card h3{margin:0;font-size:21px}
.card p{margin:0;color:var(--muted);font-size:15px;line-height:1.6}
.ico{color:var(--accent2)}
.chips{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.chips li{display:flex;align-items:center;gap:10px;padding:16px 18px;border-radius:10px;background:#111317;border:1px solid var(--line);font-weight:600;font-size:15px}
.chips svg{color:var(--accent2);flex:none}

/* paquetes */
.seg{display:flex;background:#1A1C22;border:1px solid var(--line2);border-radius:10px;padding:4px}
.seg button{border:0;background:transparent;color:var(--soft);font:600 14px var(--body);padding:10px 18px;border-radius:7px;cursor:pointer;min-height:40px}
.seg button[aria-pressed="true"]{background:var(--accent);color:#fff}
.plans{align-items:stretch}
.plan{position:relative;background:var(--card);border:1px solid #23262E;border-radius:16px;padding:32px;display:flex;flex-direction:column;gap:22px}
.plan.featured{background:var(--card2);border:2px solid var(--accent)}
.plan h3{margin:0 0 4px;font-size:22px}
.badge{position:absolute;top:-13px;left:32px;background:var(--accent);color:#fff;font-size:12px;font-weight:700;letter-spacing:1px;padding:5px 10px;border-radius:6px}
.price .pv{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.price .pv[hidden]{display:none}
.price b{font-size:56px;line-height:1}
.price b.sm{font-size:38px}
.price span span,.price .pv>span{color:var(--muted);font-size:15px}
.ticks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;color:#DDE1E7;font-size:15px;flex:1}
.ticks li{display:flex;gap:8px;align-items:flex-start}
.ticks svg{color:var(--accent2);flex:none;margin-top:3px}

/* tendencias */
.posters{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,180px);gap:16px;overflow-x:auto;padding-bottom:12px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#3A3F4B transparent}
.poster{margin:0;scroll-snap-align:start;display:flex;flex-direction:column;gap:8px}
.poster img{border-radius:10px;aspect-ratio:2/3;object-fit:cover;width:100%;height:auto;background:#1A1C22;border:1px solid var(--line2)}
.poster figcaption{display:flex;flex-direction:column;font-size:13px}
.poster figcaption b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.poster figcaption span{color:var(--muted)}

/* apps */
.card.app{padding:0;overflow:hidden;gap:0}
.app-art{height:170px;background:#1A1C22;border-bottom:1px solid #23262E;display:flex;align-items:center;justify-content:center;gap:12px}
.app-art>img{width:100%;height:100%;object-fit:cover}
.app-body{padding:26px;display:flex;flex-direction:column;gap:14px;flex:1}
.app-body p{flex:1}
.plat{font-size:14px;font-weight:600;color:var(--accent2)}
.info{padding:12px 14px;border-radius:8px;background:var(--band);border:1px dashed #3A3F4B;font-size:14px}
.dev{border:3px solid #2F333D;background:#0B0C0F;border-radius:6px}
.dev.tvbox{width:190px;height:108px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
.dev.tvbox.small{width:150px;height:88px}
.dev.tvbox .wordmark{font-size:24px}
.dev.tvbox small{font-size:10px;letter-spacing:3px;color:var(--muted)}
.dev.tvbox .logo-img{height:28px}
.dev.phone{width:38px;height:72px;border-radius:8px}
.dev.browser{width:200px;height:118px;display:flex;flex-direction:column;overflow:hidden}
.dev.browser .bar{height:14px;background:#23262E;display:flex;align-items:center;gap:4px;padding-left:6px}
.dev.browser .bar i{width:5px;height:5px;border-radius:50%;background:#4A505C}
.dev.browser .bar span{margin-left:8px;font-size:7px;color:var(--muted)}
.dev.browser .cells{flex:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:8px}
.dev.browser .cells i{background:#1E2129;border-radius:3px}
.dev.browser .cells i.hot{background:#2A1415}

/* pasos */
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.steps li{display:flex;gap:16px;align-items:flex-start}
.steps .num{font-size:56px;line-height:.85;color:var(--accent2)}
.steps h3{margin:0 0 6px;font-size:19px}
.steps p{margin:0;color:var(--muted);font-size:15px}

/* faq */
.faq{display:flex;flex-direction:column;gap:12px}
.faq details{background:var(--card);border:1px solid #23262E;border-radius:12px;padding:18px 24px}
.faq summary{font-size:17px;font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;min-height:28px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:700 24px/1 var(--body);color:var(--accent2)}
.faq details[open] summary::after{content:"–"}
.faq p{margin:12px 0 0;color:var(--muted);font-size:15px;line-height:1.6}
.faq-more a,.center a{text-decoration:underline}

/* cta */
.cta-wrap{margin-top:24px;margin-bottom:96px}
.cta{background:var(--card2);border:1px solid var(--line2);border-radius:20px;padding:48px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.cta>div{display:flex;flex-direction:column;gap:10px}
.cta h2.display{font-size:clamp(34px,4.4vw,44px)}
.cta.alt{background:#1A0E0F;border-color:#3a1a1b}

/* servicios */
.svc-card{text-decoration:none;color:var(--text);transition:border-color .15s,transform .15s}
.svc-card:hover{border-color:var(--accent);color:var(--text);transform:translateY(-2px)}
.svc-card .kicker{font-size:11px}
.svc-card .more{margin-top:auto;font-weight:700;color:var(--accent2)}
.svc-top{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:48px;align-items:center}
.svc-copy{display:flex;flex-direction:column;gap:16px}
.svc-art{display:flex;justify-content:center}
.svc-art img{border-radius:16px;border:1px solid var(--line2);max-height:340px;object-fit:cover}
.svc-icon{width:220px;height:220px;border-radius:28px;background:#17191F;border:1px solid var(--line2);display:flex;align-items:center;justify-content:center;color:var(--accent2)}
.crumbs{font-size:13px;color:var(--muted)}
.crumbs a{color:var(--soft)}
.feats .card{gap:10px}
.offers .plan{gap:16px}
.offers .plan p{margin:0;flex:1}
.display.sm2{font-size:clamp(30px,4vw,40px);margin-bottom:24px}
.pt0{padding-top:0}
@media (max-width:980px){.svc-top{grid-template-columns:1fr}}

/* revendedores */
.cta.reseller{flex-direction:column;align-items:stretch;gap:32px}
.res-top{display:flex;justify-content:space-between;align-items:center;gap:24px}
.res-copy{display:flex;flex-direction:column;gap:10px;max-width:720px}
.tiers-wrap{display:flex;flex-direction:column;gap:14px;border-top:1px solid #3a1a1b;padding-top:28px}
.tiers-wrap h3{margin:0;font-size:14px;letter-spacing:2px;text-transform:uppercase;color:var(--accent2)}
.tiers{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.tiers li{background:#0E0F13;border:1px solid #3a1a1b;border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:4px}
.tiers li{position:relative}
.tiers li.best{border-color:var(--accent)}
.tbadge{position:absolute;top:-11px;left:16px;background:var(--accent);color:#fff;font-size:11px;font-weight:700;letter-spacing:1px;padding:3px 8px;border-radius:5px}
.tiers small.min{color:var(--soft)}
.tiers .rng{font-weight:600;color:var(--soft);font-size:15px}
.tiers b{font-size:40px;line-height:1}
.tiers small{color:var(--muted);font-size:13px}
@media (max-width:980px){.res-top{flex-direction:column;align-items:stretch}}

/* vendedores */
.filter{display:flex;flex-direction:column;gap:6px;max-width:420px;font-size:14px;color:var(--muted)}
.filter input{min-height:46px;padding:12px 14px;border-radius:10px;border:1px solid var(--line2);background:var(--band);color:var(--text);font:500 15px var(--body)}
.seller{gap:18px}
.seller-top{display:flex;align-items:center;gap:14px}
.seller-top h3{font-size:18px}
.seller-top .muted{display:flex;align-items:center;gap:4px;font-size:14px}
.avatar{width:48px;height:48px;border-radius:50%;background:#2A1213;border:1px solid var(--accent);display:flex;align-items:center;justify-content:center;font:800 22px var(--display);flex:none}
.lvl{margin-left:auto;font-size:11px;font-weight:700;letter-spacing:1px;padding:4px 8px;border-radius:6px;background:#1C1F26;color:var(--soft);text-transform:uppercase}
.seller[hidden]{display:none}

/* legal */
.legal{gap:18px}
.legal p,.legal li{color:var(--soft);line-height:1.7;margin:0}
.legal ul{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:6px}
.legal h2{margin:14px 0 0;font-size:20px;font-weight:700}
.legal h1{font-size:clamp(40px,6vw,60px)}

/* pie */
.foot{border-top:1px solid var(--line);background:#08090B;font-size:14px}
.foot-grid{display:grid;grid-template-columns:1.4fr repeat(3,minmax(0,1fr));gap:32px;padding-top:56px;padding-bottom:28px}
.foot-brand{display:flex;flex-direction:column;gap:12px}
.foot-brand p{margin:0;color:var(--muted);line-height:1.6;max-width:320px}
.foot nav{display:flex;flex-direction:column;gap:10px}
.foot nav a{color:var(--soft)}
.foot nav a:hover{color:#fff}
.foot-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:20px;padding-bottom:32px;color:var(--dim);font-size:13px;border-top:1px solid var(--line)}

/* responsive */
@media (max-width:980px){
  .hero{grid-template-columns:1fr;gap:40px;padding-top:48px}
  .grid3,.steps{grid-template-columns:1fr}
  .chips,.stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cta{flex-direction:column;align-items:stretch;padding:32px}
}
@media (max-width:820px){
  .menu-btn{display:inline-flex}
  .hide-sm{display:none}
  .only-sm{display:block}
  .nav-links{position:absolute;left:0;right:0;top:100%;background:#0E0F13;border-bottom:1px solid var(--line);flex-direction:column;gap:0;padding:8px 24px 16px;display:none}
  .nav-links.open{display:flex}
  .nav-links a{padding:14px 0;border-bottom:1px solid var(--line)}
  .sec{padding-top:64px;padding-bottom:64px}
  .slide-scrim{background:linear-gradient(0deg,rgba(11,12,15,1) 0%,rgba(11,12,15,.8) 55%,rgba(11,12,15,.2) 100%)}
}
@media (max-width:520px){
  .wrap{padding-left:18px;padding-right:18px}
  .chips{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr}
  .btn-row .btn{width:100%}
  .plan{padding:26px}
  .wordmark{font-size:30px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* ================================================================
   Vitrinas de servicios: maquetas de apps y efectos (v1.5)
   ================================================================ */
:root{--app:var(--accent)}
.js .reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease;transition-delay:var(--d,0s)}
.js .reveal.in{opacity:1;transform:none}
.tilt{transition:transform .25s ease;transform-style:preserve-3d;will-change:transform}
.float-a{animation:floatA 7s ease-in-out infinite}
.float-b{animation:floatB 6s ease-in-out infinite}
@keyframes floatA{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes floatB{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-16px) rotate(1deg)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes grow{from{width:6%}to{width:96%}}
@keyframes nowline{from{left:34%}to{left:62%}}
@keyframes shine{0%{transform:translateX(-120%)}40%,100%{transform:translateX(120%)}}
@keyframes blink{50%{opacity:.45}}
@keyframes draw{0%{stroke-dashoffset:120}60%,100%{stroke-dashoffset:0}}
@keyframes paneIn{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
@keyframes dl1{from{width:38%}to{width:100%}}
@keyframes dl2{from{width:8%}to{width:88%}}
@keyframes packet{from{left:-16px}to{left:100%}}
@keyframes packetv{from{top:-16px}to{top:100%}}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,.5)}50%{box-shadow:0 0 0 .6cqw rgba(255,255,255,0)}}

/* encabezado de servicio */
.glow{position:relative;overflow:hidden}
.glow::before{content:"";position:absolute;width:820px;height:820px;right:-240px;top:-360px;background:radial-gradient(circle,rgba(224,20,17,.22),transparent 62%);pointer-events:none}
.glow .wrap{position:relative}
.svc-head .wrap{padding-top:72px;padding-bottom:80px}
.svc-top{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
.svc-art{perspective:1200px}

/* colores de relleno para mosaicos */
.c0{background-image:linear-gradient(160deg,#5a1a1d,#17181d)}
.c1{background-image:linear-gradient(160deg,#153a57,#15171c)}
.c2{background-image:linear-gradient(160deg,#4a360f,#16171b)}
.c3{background-image:linear-gradient(160deg,#16493a,#14171a)}
.c4{background-image:linear-gradient(160deg,#3a2159,#16161d)}
.c5{background-image:linear-gradient(160deg,#4a1c3d,#17151b)}

/* marcos de dispositivos */
.dv{position:relative;color:var(--text)}
.dv-screen{position:relative;overflow:hidden;background:#050607;container-type:inline-size}
.dv-tv{padding:1.3%;background:linear-gradient(#1d2026,#121418);border-radius:14px;box-shadow:0 40px 80px rgba(0,0,0,.55),inset 0 0 0 1px #2a2e37}
.dv-tv .dv-screen{aspect-ratio:16/9;border-radius:6px}
.dv-stand{position:absolute;left:50%;bottom:-16px;width:24%;height:16px;transform:translateX(-50%);background:linear-gradient(#1b1d23,#0c0d10);clip-path:polygon(16% 0,84% 0,100% 100%,0 100%)}
.dv-phone{padding:3.2%;background:linear-gradient(#22252c,#131519);border-radius:13%/6.2%;box-shadow:0 30px 60px rgba(0,0,0,.6),inset 0 0 0 1px #343944}
.dv-phone .dv-screen{aspect-ratio:9/19;border-radius:10%/4.8%}
.dv-phone .dv-screen::before{content:"";position:absolute;top:1.6%;left:50%;transform:translateX(-50%);width:28%;height:2.4%;background:#000;border-radius:20px;z-index:9}
.dv-browser,.dv-win{background:#16181d;border-radius:12px;overflow:hidden;border:1px solid #2a2e37;box-shadow:0 40px 80px rgba(0,0,0,.55)}
.dv-bar,.dv-title{display:flex;align-items:center;gap:7px;padding:9px 12px;background:#1c1f26;border-bottom:1px solid #23262e}
.dv-bar i{width:10px;height:10px;border-radius:50%;background:#3a3f4b}
.dv-bar i:first-child{background:#e0605a}.dv-bar i:nth-child(2){background:#e0b04a}.dv-bar i:nth-child(3){background:#5ac46a}
.dv-bar span{flex:1;margin-left:10px;background:#0e0f13;border-radius:8px;padding:5px 12px;font-size:12px;color:var(--muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.dv-title span{flex:1;font-size:12px;font-weight:600;color:var(--soft)}
.dv-title i{font-style:normal;font-size:11px;color:var(--muted);width:26px;text-align:center}
.dv-browser .dv-screen,.dv-win .dv-screen{aspect-ratio:16/9}
.dv-win .scr-mon{position:absolute}

/* pantallas: todo en cqw para que escale con el marco */
.scr{position:absolute;inset:0;background:#07080a;color:#EEF1F5;font-family:var(--body);overflow:hidden;line-height:1.25}
.app-brand{font-family:var(--display);font-weight:800;font-size:3cqw;letter-spacing:.15cqw;color:#fff;border-left:.6cqw solid var(--app);padding-left:1cqw;line-height:1;white-space:nowrap;text-transform:uppercase}
.pt{display:block;aspect-ratio:2/3;border-radius:.8cqw;background-color:#1c1f26;background-size:cover;background-position:center;position:relative;overflow:hidden;font-style:normal}
.pt.land{aspect-ratio:16/9}
.pt span{position:absolute;left:0;right:0;bottom:0;padding:.8cqw;font-size:1.25cqw;font-weight:700;background:linear-gradient(transparent,rgba(0,0,0,.85));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pt.has span{display:none}
.r-btn{display:inline-block;align-self:flex-start;background:var(--app);color:#fff;font-size:1.6cqw;font-weight:700;padding:1cqw 2.2cqw;border-radius:.8cqw;margin-top:1cqw;white-space:nowrap}
.r-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,8,10,.96),rgba(7,8,10,.45) 55%,rgba(7,8,10,.1)),linear-gradient(0deg,#07080a 0%,rgba(7,8,10,0) 55%)}
.m-av{width:3cqw;height:3cqw;border-radius:50%;background:var(--app);flex:none}

/* Roku */
.r-rail{position:absolute;left:0;top:0;bottom:0;width:6cqw;background:rgba(10,11,14,.92);z-index:3;display:flex;flex-direction:column;align-items:center;gap:2.2cqw;padding-top:4.5cqw}
.r-rail span{width:2.2cqw;height:.5cqw;background:#3a3f4b;border-radius:1cqw}
.r-rail span.on{height:2.2cqw;background:var(--app);border-radius:.5cqw}
.r-hero{position:absolute;inset:0 0 0 6cqw;background:#1a1c22 center/cover}
.r-copy{position:absolute;left:4cqw;top:5cqw;display:flex;flex-direction:column;gap:1cqw;max-width:46cqw;z-index:2}
.r-copy em,.a-video em,.pc-player em{font-style:normal;font-size:1.4cqw;font-weight:700;letter-spacing:.3cqw;color:var(--app)}
.r-copy strong{font-family:var(--display);font-size:5cqw;line-height:.95;text-transform:uppercase}
.r-copy small{font-size:1.5cqw;color:#AEB5C0}
.r-row{position:absolute;left:10cqw;right:0;bottom:3.4cqw;display:flex;gap:1.4cqw;z-index:2}
.r-row .pt{flex:none;width:17cqw;transition:transform .3s}
.r-row .pt.focus{transform:scale(1.08);box-shadow:0 0 0 .45cqw #fff;animation:pulse 2.4s infinite}

/* Android TV */
.a-top{display:flex;align-items:center;gap:4cqw;padding:2.6cqw 3cqw}
.a-top nav{display:flex;gap:2.6cqw}
.a-top nav span{font-size:1.6cqw;color:#AEB5C0;padding-bottom:.5cqw}
.a-top nav span.on{color:#fff;box-shadow:inset 0 -.3cqw 0 var(--app)}
.a-body{display:grid;grid-template-columns:1.7fr 1fr;gap:2.4cqw;padding:0 3cqw}
.a-guide{position:relative;display:flex;flex-direction:column;gap:.8cqw}
.a-times{display:grid;grid-template-columns:12cqw repeat(4,1fr);font-size:1.2cqw;color:#8A919C}
.a-line{display:flex;gap:.6cqw;height:5.4cqw}
.a-line b{width:12cqw;flex:none;border-radius:.6cqw;display:flex;align-items:center;padding-left:1cqw;font-size:1.3cqw}
.a-line span{background:#1a1c22;border-radius:.6cqw;font-size:1.2cqw;color:#C9CED6;display:flex;align-items:center;padding-left:1cqw;overflow:hidden;white-space:nowrap;min-width:0}
.a-line span.live{background:var(--app);color:#fff;font-weight:700}
.a-now{position:absolute;top:2cqw;bottom:0;width:.25cqw;background:#fff;box-shadow:0 0 1cqw rgba(255,255,255,.6);animation:nowline 9s linear infinite alternate}
.a-prev{display:flex;flex-direction:column;gap:.9cqw}
.a-video{aspect-ratio:16/9;border-radius:.8cqw;background:linear-gradient(135deg,#1d2f45,#2a1418);position:relative;padding:1cqw;overflow:hidden}
.a-video::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.08) 50%,transparent 70%);animation:shine 4s infinite}
.a-video em{background:var(--app);color:#fff;padding:.3cqw .8cqw;border-radius:.4cqw;letter-spacing:.1cqw}
.a-prev strong{font-size:1.8cqw}
.a-prev small{font-size:1.2cqw;color:#8A919C}
.a-prev .bar{height:.5cqw;background:#23262e;border-radius:1cqw;overflow:hidden}
.a-prev .bar i{display:block;height:100%;background:var(--app);animation:grow 8s linear infinite}

/* celular */
.scr-phone .app-brand{font-size:7cqw;border-left-width:1.4cqw;padding-left:2cqw}
.m-top{display:flex;justify-content:space-between;align-items:center;padding:9cqw 5cqw 3cqw}
.scr-phone .m-av{width:7cqw;height:7cqw}
.m-hero{margin:0 5cqw;position:relative}
.pt.big{aspect-ratio:4/4.6;border-radius:4cqw}
.m-play{position:absolute;left:50%;bottom:4cqw;transform:translateX(-50%);background:#fff;color:#000;font-size:3.6cqw;font-weight:700;padding:2cqw 5cqw;border-radius:2cqw;white-space:nowrap}
.m-lbl{font-size:4cqw;font-weight:700;padding:4cqw 5cqw 2cqw}
.m-row{display:flex;gap:3cqw;padding:0 5cqw}
.m-cont{flex:none;width:40cqw}
.m-cont .pt{border-radius:2cqw}
.m-cont>.pr{display:block;height:1cqw;background:var(--app);margin-top:1.4cqw;border-radius:1cqw}
.m-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.4cqw;padding:0 5cqw}
.scr-phone .pt{border-radius:2cqw}
.scr-phone .pt span{font-size:3cqw;padding:2cqw}
.m-nav{position:absolute;left:0;right:0;bottom:0;height:13cqw;background:rgba(10,11,14,.96);display:flex;justify-content:space-around;align-items:center;border-top:1px solid #1f222a}
.m-nav span{width:6cqw;height:6cqw;border-radius:1.5cqw;background:#3a3f4b}
.m-nav span.on{background:var(--app)}

/* web */
.w-top{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;align-items:center;gap:3cqw;padding:2cqw 3cqw}
.w-top nav{display:flex;gap:2cqw}
.w-top nav span{font-size:1.4cqw;color:#C9CED6}
.w-top nav span.on{color:#fff;font-weight:700}
.w-top .m-av{margin-left:auto}
.w-hero{position:absolute;inset:0 0 40% 0;background:#1a1c22 center/cover}
.w-copy{position:absolute;left:3cqw;bottom:3cqw;z-index:2;display:flex;flex-direction:column;gap:1cqw}
.w-copy strong{font-family:var(--display);font-size:4.4cqw;text-transform:uppercase;line-height:.95}
.w-copy small{font-size:1.4cqw;color:#C9CED6}
.w-copy div{display:flex;gap:1cqw}
.w-btn2{display:inline-block;background:rgba(255,255,255,.16);font-size:1.6cqw;padding:1cqw 2cqw;border-radius:.8cqw;font-weight:700;margin-top:1cqw}
.w-lbl{position:absolute;left:3cqw;top:63%;font-size:1.7cqw;font-weight:700}
.w-row{position:absolute;left:3cqw;right:-8cqw;top:68.5%;display:flex;gap:1.2cqw}
.w-row .pt{flex:none;width:12.6cqw;transition:transform .3s}
.w-row .pt:nth-child(2){transform:scale(1.06);box-shadow:0 0 0 .3cqw var(--app)}

/* PC */
.scr-pc{display:grid;grid-template-columns:17cqw minmax(0,1fr) 20cqw}
.pc-side{background:#0e0f13;padding:2.5cqw 1.8cqw;display:flex;flex-direction:column;gap:1.2cqw;border-right:1px solid #1f222a}
.pc-side .app-brand{font-size:2.4cqw;margin-bottom:1.6cqw}
.pc-side span{font-size:1.4cqw;color:#AEB5C0;padding:.9cqw 1.1cqw;border-radius:.6cqw}
.pc-side span.on{background:color-mix(in srgb,var(--app) 28%,transparent);color:#fff;font-weight:700}
.pc-main{padding:2.4cqw;display:flex;flex-direction:column;gap:1.6cqw;min-width:0}
.pc-player{position:relative;aspect-ratio:16/9;border-radius:1cqw;background:linear-gradient(135deg,#132a40,#2a1418 70%);padding:1.2cqw;overflow:hidden}
.pc-player em{background:var(--app);color:#fff;padding:.3cqw .8cqw;border-radius:.4cqw;letter-spacing:.1cqw}
.pc-play{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);width:6.4cqw;height:6.4cqw;border-radius:50%;background:var(--app);display:flex;align-items:center;justify-content:center;font-size:2.2cqw;box-shadow:0 0 3cqw color-mix(in srgb,var(--app) 60%,transparent)}
.pc-ctrl{position:absolute;left:1.5cqw;right:1.5cqw;bottom:1.3cqw;display:flex;align-items:center;gap:1cqw;font-size:1.1cqw}
.pc-pr{flex:1;height:.5cqw;background:rgba(255,255,255,.25);border-radius:1cqw;overflow:hidden;font-style:normal}
.pc-pr b{display:block;height:100%;background:var(--app);animation:grow 12s linear infinite}
.pc-info strong{display:block;font-size:1.9cqw}
.pc-info small{font-size:1.2cqw;color:#8A919C}
.pc-list{background:#0e0f13;border-left:1px solid #1f222a;padding:2.5cqw 1.4cqw;display:flex;flex-direction:column;gap:.9cqw}
.pc-list span{display:flex;align-items:center;gap:1cqw;font-size:1.3cqw;padding:.9cqw;border-radius:.6cqw;color:#C9CED6}
.pc-list span.on{background:#1c1f26;box-shadow:inset 0 0 0 1px var(--app);color:#fff}
.pc-list b{width:3cqw;height:2cqw;border-radius:.4cqw;flex:none}

/* monitoreo */
.dv-win .dv-screen{aspect-ratio:16/10}
.scr-mon{padding:2.6cqw}
.mon-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6cqw}
.mon-kpis div{background:#14161b;border:1px solid #23262e;border-radius:1cqw;padding:1.6cqw;display:flex;flex-direction:column;gap:.4cqw}
.mon-kpis small{font-size:1.3cqw;color:#8A919C}
.mon-kpis b{font-family:var(--display);font-size:4cqw;line-height:1}
.mon-kpis b.amber{color:#F5B942}
.mon-tbl{margin-top:2cqw;display:flex;flex-direction:column;gap:1cqw}
.mon-r{display:grid;grid-template-columns:1.6cqw 1.5fr 1fr 1.3fr .9fr 8cqw;align-items:center;gap:1.3cqw;background:#101216;border-radius:.8cqw;padding:1.2cqw 1.6cqw;font-size:1.5cqw}
.mon-r .dot{width:1.6cqw;height:1.6cqw;border-radius:50%}
.mon-r small{color:#8A919C;font-size:1.3cqw}
.st{font-size:1.2cqw;font-weight:700;padding:.4cqw 1cqw;border-radius:1cqw;justify-self:start;white-space:nowrap}
.st.ok{background:#10281B;color:#3DDC84}
.st.fix{background:#2E2410;color:#F5B942;animation:blink 1.4s infinite}
.mon-r svg{width:8cqw;height:2.6cqw}
.spark{fill:none;stroke:var(--app);stroke-width:1.6;stroke-linecap:round;stroke-dasharray:120;animation:draw 4s ease infinite}

/* descargador */
.scr-dl{padding:2.6cqw}
.dl-head{display:flex;align-items:center;gap:1.6cqw;margin-bottom:2cqw}
.dl-src{display:flex;align-items:center;gap:.8cqw;background:#14161b;border:1px solid #23262e;border-radius:.8cqw;padding:1cqw 1.6cqw;font-size:1.5cqw;font-weight:700}
.dl-src svg{width:1.8cqw;height:1.8cqw;color:var(--app)}
.dl-head small{flex:1;font-size:1.3cqw;color:#8A919C}
.r-btn.sm{font-size:1.3cqw;padding:.9cqw 1.6cqw;margin:0}
.dl-list{display:flex;flex-direction:column;gap:1.2cqw}
.dl-row{display:grid;grid-template-columns:5cqw minmax(0,1fr) 14cqw;gap:1.8cqw;align-items:center;background:#101216;border-radius:1cqw;padding:1cqw 1.6cqw}
.dl-row .pt{width:5cqw;border-radius:.5cqw}
.dl-row .pt span{display:none}
.dl-mid b{display:block;font-size:1.6cqw;margin-bottom:.9cqw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dl-bar{height:.8cqw;background:#23262e;border-radius:1cqw;overflow:hidden}
.dl-bar i{display:block;height:100%;background:var(--app)}
.dl-bar.run i{animation:dl1 9s linear infinite}
.dl-bar.run2 i{animation:dl2 13s linear infinite}
.dl-bar.done i{background:#3DDC84}
.dl-st b{display:block;font-size:1.4cqw}
.dl-st small{font-size:1.3cqw;color:#8A919C}
.dl-st.done b{color:#3DDC84}
.dl-st.wait b{color:#8A919C}

/* convertidor */
.conv{background:linear-gradient(160deg,#181a20,#111317);border:1px solid #2a2e37;border-radius:20px;padding:26px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:18px;align-items:center;box-shadow:0 40px 80px rgba(0,0,0,.5)}
.file{background:#0e0f13;border:1px solid #23262e;border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:6px;min-width:0}
.file .ext{align-self:flex-start;font:800 15px var(--display);letter-spacing:1px;padding:4px 10px;border-radius:6px;background:#23262e}
.file.out{border-color:color-mix(in srgb,var(--app) 60%,#23262e)}
.file.out .ext{background:var(--app);color:#fff}
.file b{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.file small{color:var(--muted);font-size:12px}
.conv-arrow{position:relative;width:66px;height:66px;display:flex;align-items:center;justify-content:center;color:var(--accent2)}
.conv-arrow .ring{position:absolute;inset:0;border-radius:50%;border:3px solid #23262e;border-top-color:var(--app);animation:spin 1.3s linear infinite}
.compat{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}
.compat span{display:inline-flex;gap:6px;align-items:center;font-size:13px;font-weight:600;padding:7px 11px;border-radius:8px;background:#10281B;color:#3DDC84}
.conv-mini{padding:14px;gap:10px;border-radius:14px;box-shadow:none;width:100%}
.conv-mini .file{padding:10px;border-radius:10px}
.conv-mini .file small{display:none}
.conv-mini .file b{font-size:12px}
.conv-mini .conv-arrow{width:44px;height:44px}

/* muro de canales */
.wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.wall-hero{transform:perspective(1100px) rotateY(-14deg) rotateX(6deg);animation:floatA 8s ease-in-out infinite}
.ch{aspect-ratio:16/10;border-radius:10px;padding:10px;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;position:relative;overflow:hidden;border:1px solid #2a2e37}
.ch::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.09) 50%,transparent 70%);transform:translateX(-120%);animation:shine 5s infinite;animation-delay:var(--d,0s)}
.ch em{position:absolute;top:8px;left:8px;font-style:normal;font-size:9px;font-weight:700;letter-spacing:1px;background:var(--app);color:#fff;padding:2px 6px;border-radius:4px}
.ch b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch small{font-size:10px;color:var(--muted)}
.wall-mini{gap:6px}
.wall-mini .ch{padding:6px;border-radius:7px}
.wall-mini .ch em{top:5px;left:5px;font-size:7px;padding:1px 4px}
.wall-mini .ch b{font-size:10px}
.wall-mini .ch small{display:none}

/* flujo de señal */
.flow{display:grid;grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr) 56px minmax(0,1fr) 56px minmax(0,1fr);align-items:center}
.node{background:var(--card);border:1px solid #23262E;border-radius:16px;padding:24px 16px;display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.node .ico{width:64px;height:64px;border-radius:16px;background:#1C1F26;display:flex;align-items:center;justify-content:center}
.node b{font-size:16px}
.node small{font-size:13px;color:var(--muted)}
.node.hot{border-color:var(--accent);box-shadow:0 0 50px rgba(224,20,17,.25)}
.node.hot .ico{background:var(--accent);color:#fff}
.pipe{position:relative;height:4px;background:#23262E;border-radius:2px;overflow:hidden}
.pipe i{position:absolute;top:0;width:16px;height:4px;border-radius:2px;background:var(--accent2);animation:packet 1.8s linear infinite}
.pipe i:nth-child(2){animation-delay:.6s}
.pipe i:nth-child(3){animation-delay:1.2s}

/* bloques partidos texto + maqueta */
.sc-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:56px;align-items:center}
.sc-split.rev{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.sc-split .ticks{margin-top:8px}

/* simulador de apps */
.custom{display:flex;gap:24px;align-items:center;flex-wrap:wrap;background:var(--card);border:1px solid #23262E;border-radius:14px;padding:16px 20px}
.custom-name{display:flex;align-items:center;gap:12px;font-weight:600;color:var(--soft)}
.custom-name input{min-height:46px;padding:10px 14px;border-radius:10px;border:1px solid var(--line2);background:var(--band);color:var(--text);font:700 16px var(--body);width:230px;text-transform:uppercase}
.custom-colors{display:flex;gap:10px}
.sw{width:38px;height:38px;border-radius:50%;border:3px solid transparent;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}
.sw.on{border-color:#fff}
.dev-tabs{display:flex;gap:8px;flex-wrap:wrap}
.dev-tabs button{display:inline-flex;gap:8px;align-items:center;min-height:46px;padding:10px 18px;border-radius:12px;border:1px solid var(--line2);background:#111317;color:var(--soft);font:600 15px var(--body);cursor:pointer;transition:background .15s,border-color .15s}
.dev-tabs button:hover{border-color:var(--muted);color:#fff}
.dev-tabs button[aria-selected="true"]{background:var(--app);border-color:var(--app);color:#fff}
.stage{position:relative;border-radius:24px;background:radial-gradient(55% 65% at 38% 45%,color-mix(in srgb,var(--app) 20%,transparent),transparent 70%),#0E0F13;border:1px solid var(--line);padding:56px 48px}
.pane{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);gap:44px;align-items:center}
.pane[hidden]{display:none}
.pane.on .pane-dev{animation:paneIn .5s ease}
.pane-phone{max-width:290px;width:100%;justify-self:center}
.pane-copy{display:flex;flex-direction:column;gap:12px}
.pane-copy h3{margin:0;font:800 44px/1 var(--display);text-transform:uppercase}
.pane-copy p{margin:0;color:var(--soft);font-size:17px;line-height:1.6}

/* escena del encabezado de apps */
.scene{position:relative;padding:0 6% 48px 0}
.scene-phone{position:absolute;width:27%;right:0;bottom:0}

/* tarjetas de servicios con vista previa */
.svc-card{padding:0;overflow:hidden}
.svc-prev{height:200px;background:radial-gradient(70% 90% at 50% 30%,rgba(224,20,17,.14),transparent 70%),#0E0F13;border-bottom:1px solid #23262E;display:flex;align-items:center;justify-content:center;padding:20px;overflow:hidden}
.svc-prev .prev{width:100%;transition:transform .4s ease}
.prev-apps .dv-tv{width:86%;margin:0 auto}
.svc-card:hover .prev{transform:scale(1.04)}
.svc-card-body{padding:26px;display:flex;flex-direction:column;gap:12px;flex:1}
.svc-card-body .ico{width:52px;height:52px;border-radius:14px;background:#1F1112;display:flex;align-items:center;justify-content:center}

/* características numeradas */
.feat{transition:border-color .2s,background .2s,transform .2s}
.feat:hover{border-color:#4a1f21;background:#17191F;transform:translateY(-3px)}
.feat .num{font:800 42px/1 var(--display);color:transparent;-webkit-text-stroke:1.5px var(--accent2)}
.offers .plan{transition:border-color .2s}
.offers .plan:hover{border-color:var(--accent)}

@media (max-width:980px){
  .sc-split,.sc-split.rev,.pane{grid-template-columns:1fr;gap:32px}
  .stage{padding:28px 18px}
  .flow{grid-template-columns:1fr;justify-items:stretch}
  .pipe{width:4px;height:44px;justify-self:center}
  .pipe i{width:4px;height:16px;animation-name:packetv}
  .svc-art{display:block}
  .wall-hero{transform:none}
}
@media (max-width:620px){
  .conv{grid-template-columns:1fr}
  .conv-arrow{justify-self:center;transform:rotate(90deg)}
  .custom-name input{width:100%}
  .custom-name{width:100%}
  .pane-copy h3{font-size:34px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important}.js .reveal{opacity:1;transform:none}}
/* v1.5 ajustes de diseño */
.page-head .wrap.svc-top{display:grid;gap:56px}
.svc-art{display:block;width:100%}
.svc-art>*{width:100%}
.stage .pane-dev{width:100%}
.stage .pane-phone{max-width:290px}
.pc-next span{display:block;font-size:1.3cqw;font-weight:700;margin-bottom:1cqw;color:#C9CED6}
.pc-next div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2cqw}
.pc-next .pt span{display:none}
.dv-browser.tall .dv-screen{aspect-ratio:16/11}
.dv-win .dv-screen{aspect-ratio:16/9}
.scene-tools{padding:0 8% 40px 0}
.scene-conv{position:absolute;right:0;bottom:0;width:62%}
.scene-conv .conv-mini{background:linear-gradient(160deg,#1b1d23,#121418);box-shadow:0 30px 60px rgba(0,0,0,.6)}
.cta.reseller>.res-top{flex-direction:row;align-items:center}
.cta.reseller>.tiers-wrap{flex-direction:column}
@media (max-width:980px){
  .page-head .wrap.svc-top{grid-template-columns:1fr;gap:36px}
  .svc-head .wrap{padding-top:40px;padding-bottom:56px}
  .cta.reseller>.res-top{flex-direction:column;align-items:stretch}
}
.scr-cv{padding:2.6cqw;display:flex;flex-direction:column}
.cv-head{display:flex;align-items:center;gap:1.6cqw;margin-bottom:2cqw}
.cv-head small{flex:1;font-size:1.3cqw;color:#8A919C}
.cv-row{display:grid;grid-template-columns:6cqw minmax(0,1fr) 10cqw;gap:1.8cqw;align-items:center;background:#101216;border-radius:1cqw;padding:1.2cqw 1.6cqw}
.cv-ext{font:800 1.5cqw var(--display);letter-spacing:.1cqw;background:#23262e;border-radius:.6cqw;padding:1cqw 0;text-align:center}
.cv-fmt{display:block;font-size:1.2cqw;color:#8A919C;margin:-.4cqw 0 .9cqw}
.cv-fmt i{font-style:normal;color:var(--app);font-weight:700}
.cv-compat{display:flex;gap:1cqw;margin-top:auto;padding-top:1.6cqw}
.cv-compat span{display:inline-flex;align-items:center;gap:.6cqw;font-size:1.3cqw;font-weight:600;padding:.7cqw 1.2cqw;border-radius:.8cqw;background:#10281B;color:#3DDC84}
.cv-compat svg{width:1.4cqw;height:1.4cqw}
.sc-split.rev{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
@media (max-width:980px){.sc-split.rev{grid-template-columns:1fr}}

/* ================= tráiler en banners (v1.6) ================= */
.slide-inner{position:relative;width:100%;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:end;padding-bottom:72px}
.slide-inner .slide-body{padding-bottom:0}
.slide-body .btn-row{margin-top:4px}
.trailer{justify-self:end;width:100%;max-width:520px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.tr-kicker{font-size:12px;font-weight:700;letter-spacing:2px;color:#fff;background:rgba(11,12,15,.6);padding:5px 10px;border-radius:6px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.tr-thumb{position:relative;width:100%;aspect-ratio:16/9;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:16px;overflow:hidden;background:#07080A;cursor:pointer;box-shadow:0 30px 70px rgba(0,0,0,.6);transition:transform .25s ease,border-color .25s ease}
.tr-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease,filter .3s}
.tr-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.45),rgba(0,0,0,.05))}
.tr-thumb:hover{transform:translateY(-3px);border-color:var(--accent)}
.tr-thumb:hover img{transform:scale(1.05)}
.tr-play{position:absolute;left:50%;top:50%;z-index:2;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;padding-left:5px;animation:trPulse 2.2s ease-out infinite}
@keyframes trPulse{0%{box-shadow:0 0 0 0 rgba(224,20,17,.55)}70%,100%{box-shadow:0 0 0 22px rgba(224,20,17,0)}}
.trailer.playing .tr-thumb{cursor:default;transform:none}
.trailer.playing .tr-thumb::after{display:none}
.tr-thumb iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.tr-yt{font-size:13px;color:var(--soft);text-decoration:underline;opacity:0;transition:opacity .3s}
.trailer.playing .tr-yt{opacity:1}
.tr-open{display:none}
.tr-modal{width:min(960px,94vw);padding:0;border:0;border-radius:14px;background:#000;overflow:visible}
.tr-modal::backdrop{background:rgba(0,0,0,.85)}
.tr-frame{aspect-ratio:16/9;width:100%;border-radius:14px;overflow:hidden}
.tr-frame iframe{width:100%;height:100%;border:0;display:block}
.tr-close{position:absolute;top:-52px;right:0;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
@media (max-width:980px){
  .slide-inner{grid-template-columns:1fr}
  .trailer{display:none}
  .tr-open{display:inline-flex}
}
@media (max-width:820px){.slide-inner{padding-bottom:64px}}
button.btn{font-family:var(--body);background:transparent;color:var(--text)}
button.btn.primary{background:var(--accent);color:#fff}
.tr-open svg{flex:none}

/* ================= responsivo (v1.6.2) ================= */
/* red de seguridad: nada puede ensanchar la página (clip no rompe el encabezado fijo) */
html,body{overflow-x:clip}
.display,.lead,h1,h2,h3{overflow-wrap:break-word}
.display{hyphens:auto;-webkit-hyphens:auto}
.display.xl{font-size:clamp(34px,10vw,78px)}
h2.display{font-size:clamp(30px,8.2vw,52px)}
.page-head .display{font-size:clamp(34px,9.5vw,68px)}

@media (max-width:980px){
  .hero{grid-template-columns:minmax(0,1fr);padding-top:36px;padding-bottom:56px}
  .grid3,.steps{grid-template-columns:minmax(0,1fr)}
  .chips,.stats,.foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tv{max-width:560px;width:100%;justify-self:center}
}
@media (max-width:820px){
  .sec{padding-top:56px;padding-bottom:56px;gap:28px}
  .page-head .wrap{padding-top:40px;padding-bottom:36px}
  .cta-wrap{margin-bottom:56px}
  .cta{padding:28px 22px;gap:20px}
  .cta .btn{width:100%}
  .sec-row{flex-direction:column;align-items:stretch;gap:20px}
  .seg{width:100%}
  .seg button{flex:1;padding:10px 8px}
  .stat b{font-size:36px}
  .faq details{padding:16px 18px}
  .faq summary{font-size:16px}
  .card{padding:22px}
  .plan{padding:24px}
  .price b{font-size:46px}
  /* banners */
  .slides{min-height:540px}
  .slide-body .display{font-size:clamp(32px,9vw,48px)}
  .slide-logo img{max-height:96px}
  .slide-body p{-webkit-line-clamp:3;font-size:15px}
  .slide-body .btn-row .btn{width:auto;flex:1 1 auto}
  .dots{bottom:22px}
  /* servicios */
  .svc-head .wrap{padding-top:32px;padding-bottom:44px}
  .stage{padding:22px 14px;border-radius:18px}
  .custom{padding:14px}
  .dev-tabs button{padding:9px 13px;font-size:14px;min-height:42px}
  .node{padding:18px 14px}
  .tiers b{font-size:34px}
}
@media (max-width:520px){
  .wrap{padding-left:16px;padding-right:16px}
  .nav{gap:10px;min-height:60px}
  .wordmark{font-size:26px}
  .logo-img{height:32px}
  .nav-cta{gap:8px}
  .nav-cta .btn.primary{padding:9px 14px;font-size:14px;min-height:42px}
  .menu-btn{width:42px;height:42px}
  .nav-links{padding-left:16px;padding-right:16px}
  .bullets{gap:8px 14px}
  .chips{grid-template-columns:minmax(0,1fr)}
  .foot-grid{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:40px}
  .foot-bottom{flex-direction:column;gap:6px}
  .stats{gap:18px}
  .wall{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .ch{padding:8px;aspect-ratio:1/0.82}
  .ch em{top:6px;left:6px;font-size:8px}
  .ch b{font-size:12px}
  .posters{grid-auto-columns:minmax(128px,150px);gap:12px}
  .tr-close{top:-48px}
  .seller-bar .wrap{font-size:13px}
  .filter{max-width:none}
}
@media (max-width:340px){
  .stats{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:360px){
  .nav-cta .btn.primary{padding:8px 11px;font-size:13px}
  .wordmark{font-size:23px}
  .tv-row span{font-size:7px}
}

/* ================= tienda (v1.7) ================= */
.cart-btn{position:relative;width:44px;height:44px;border-radius:10px;border:1px solid var(--line2);display:inline-flex;align-items:center;justify-content:center;color:var(--text)}
.cart-btn:hover{border-color:var(--muted);color:#fff}
.cart-btn.bump{animation:bump .5s ease}
@keyframes bump{30%{transform:scale(1.18)}60%{transform:scale(.95)}}
.cart-n{position:absolute;top:-7px;right:-7px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--accent);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg)}
.cart-n[hidden]{display:none}
.buy{margin:0}
.buy .btn[disabled]{opacity:.5;cursor:not-allowed}
.wa-alt{font-size:14px;color:var(--muted);text-align:center;text-decoration:underline;margin-top:-8px}
.wa-alt:hover{color:#fff}
.toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:50;display:flex;align-items:center;gap:16px;background:#17191F;border:1px solid #1E5236;border-radius:12px;padding:14px 18px;box-shadow:0 20px 50px rgba(0,0,0,.6);font-weight:600;max-width:calc(100vw - 32px)}
.toast.bad{border-color:#5C2323}
.toast a{color:var(--accent2);text-decoration:underline;white-space:nowrap}
.toast.bad a{display:none}
.toast[hidden]{display:none}
.buy-credits{display:grid;grid-template-columns:auto 1fr auto;gap:16px 24px;align-items:end;background:#0E0F13;border:1px solid #3a1a1b;border-radius:14px;padding:18px 20px;margin-top:6px}
.buy-credits label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--soft);font-weight:600}
.buy-credits input{width:140px;min-height:48px;padding:10px 14px;border-radius:10px;border:1px solid var(--line2);background:var(--bg);color:var(--text);font:700 18px var(--body)}
.bc-calc{display:flex;flex-direction:column;gap:2px}
.bc-calc small{color:var(--muted);font-size:14px}
.bc-calc b{font-size:38px;line-height:1}
.notice{padding:14px 16px;border-radius:12px;border:1px solid;font-weight:600}
.notice.ok{background:#10281B;border-color:#1E5236;color:#B8F5D3}
.notice.bad{background:#2E1414;border-color:#5C2323;color:#FFC4BD}
.cart-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:28px;align-items:start}
.cart-lines{display:flex;flex-direction:column;gap:12px}
.cart-lines form{display:flex;flex-direction:column;gap:12px}
.cart-line{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:18px;align-items:center;background:var(--card);border:1px solid #23262E;border-radius:14px;padding:18px 20px}
.cl-info{display:flex;flex-direction:column;gap:4px;min-width:0}
.cl-info b{font-size:17px}
.cl-info small,.cl-price small,.cl-qty small{color:var(--muted);font-size:13px}
.cl-qty{display:flex;align-items:center;gap:8px}
.cl-qty input{width:84px;min-height:44px;padding:8px 10px;border-radius:10px;border:1px solid var(--line2);background:var(--band);color:var(--text);font:700 16px var(--body);text-align:center}
.cl-price{display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.cl-price b{font-size:18px}
.cl-del{width:40px;height:40px;border-radius:10px;border:1px solid var(--line2);background:transparent;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center}
.cl-del:hover{color:#fff;border-color:#5C2323;background:#2E1414}
.checkout{position:sticky;top:90px}
.checkout h2{margin:0;font-size:20px}
.checkout .fld{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--soft);font-weight:600}
.checkout input:not([type=radio]):not([type=checkbox]),.checkout textarea{min-height:46px;padding:11px 13px;border-radius:10px;border:1px solid var(--line2);background:var(--band);color:var(--text);font:500 15px var(--body)}
.checkout textarea{resize:vertical}
.pay-methods{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.pay-methods legend{font-size:14px;color:var(--soft);font-weight:600;margin-bottom:8px}
.pm{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid var(--line2);border-radius:12px;cursor:pointer}
.pm:has(input:checked){border-color:var(--accent);background:#1A0E0F}
.pm input{margin-top:3px;accent-color:var(--accent);width:18px;height:18px}
.pm span{display:flex;flex-direction:column;gap:2px}
.pm small{color:var(--muted);font-size:13px}
.sum{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line2);padding-top:16px}
.sum b{font-size:40px}
.terms{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--soft)}
.terms input{margin-top:3px;accent-color:var(--accent);width:18px;height:18px;flex:none}
.terms a{text-decoration:underline}
.empty-cart{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding:40px 0;color:var(--muted)}
.empty-cart h2{margin:0;color:var(--text)}
.order-status{display:flex;gap:16px;align-items:flex-start;padding:20px;border-radius:14px;border:1px solid}
.order-status b{font-size:20px;display:block;margin-bottom:4px}
.order-status small{color:var(--soft);font-size:15px;line-height:1.5}
.order-status.ok{background:#10281B;border-color:#1E5236}
.order-status.warn{background:#2E2410;border-color:#5C4A1E}
.order-status.bad{background:#2E1414;border-color:#5C2323}
.order-status.off{background:var(--card);border-color:var(--line2)}
.dot-st{width:14px;height:14px;border-radius:50%;margin-top:6px;flex:none;background:#8A919C}
.ok .dot-st{background:#3DDC84}.warn .dot-st{background:#F5B942;animation:blink 1.4s infinite}.bad .dot-st{background:#FF6B5E}
.order-sum{gap:0;padding:6px 22px}
.os-line{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid #23262E}
.os-line span{display:flex;flex-direction:column;gap:2px}
.os-line small{color:var(--muted);font-size:13px}
.os-total{display:flex;justify-content:space-between;align-items:baseline;padding:16px 0}
.os-total b{font-size:36px}
.transfer h2{margin:0;font-size:18px}
.transfer p{margin:0;line-height:1.7}
@media (max-width:980px){.cart-grid{grid-template-columns:minmax(0,1fr)}.checkout{position:static}}
@media (max-width:620px){
  .cart-line{grid-template-columns:minmax(0,1fr) auto;padding:16px}
  .cl-qty{grid-row:2}
  .cl-price{grid-row:2;align-self:center}
  .cl-del{grid-row:1;grid-column:2;align-self:start;justify-self:end}
  .cl-qty small{display:none}
  .buy-credits{grid-template-columns:1fr;align-items:stretch}
  .buy-credits input{width:100%}
  .toast{left:16px;right:16px;transform:none;justify-content:space-between}
}
@media (max-width:520px){.cart-btn{width:42px;height:42px}}
@media (max-width:400px){.nav-cta:has(.cart-btn) .btn.primary{display:none}}
.cl-qty>span{font-size:14px;color:var(--soft)}

/* botones carrito + WhatsApp (v1.7.1) */
.btn.wa{border:1px solid #1f6f43;background:#0f2a1c;color:#d7f7e5}
.btn.wa:hover{background:#14402a;border-color:#25D366;color:#fff}
.btn.wa svg{color:#25D366}
.plan .buy+.btn.wa,.offers .buy+.btn.wa{margin-top:-10px}
.buy-credits{grid-template-columns:auto 1fr}
.bc-btns{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (max-width:620px){.bc-btns{grid-template-columns:minmax(0,1fr)}}
@media (max-width:620px){
  .buy-credits{grid-template-columns:minmax(0,1fr)}
  .bc-calc b{font-size:34px}
  .bc-btns .btn{white-space:nowrap}
}

/* ================= RAID Play Música (v1.8) ================= */
.music-band{background:radial-gradient(60% 80% at 80% 40%,rgba(224,20,17,.10),transparent 70%),var(--band)}
.mu-price{margin:0;display:flex;flex-direction:column;gap:2px}
.mu-price b{font-size:44px;line-height:1}
.mu-price small{color:var(--muted);font-size:14px}
.more-link{color:var(--accent2);font-weight:700;text-decoration:underline;font-size:15px;align-self:flex-start}
.scene-mu{padding:0 7% 60px 0}
.mu-phone-solo .dv-phone{max-width:300px;margin:0 auto}
@keyframes eq{0%,100%{height:22%}50%{height:100%}}
@keyframes lyric{0%,19%{color:#fff;transform:scale(1.03)}21%,100%{color:rgba(255,255,255,.42);transform:none}}
.eq{display:inline-flex;align-items:flex-end;gap:.3cqw;height:1.8cqw}
.eq i{width:.45cqw;height:30%;background:var(--accent);border-radius:.2cqw;animation:eq 1s ease-in-out infinite}
.eq i:nth-child(2){animation-delay:-.3s}.eq i:nth-child(3){animation-delay:-.6s}.eq i:nth-child(4){animation-delay:-.15s}.eq i:nth-child(5){animation-delay:-.45s}
/* portadas vivas como en la app */
.mu-cv.c0,.mup-cover.c0{background:#A2302F}
.mu-cv.c1,.mup-cover.c1{background:#2D6DB3}
.mu-cv.c2,.mup-cover.c2{background:#C97A12}
.mu-cv.c3,.mup-cover.c3{background:#1F8A6E}
.mu-cv.c4,.mup-cover.c4{background:linear-gradient(135deg,#5B3CF0,#B58CFF)}
.mu-cv.c5,.mup-cover.c5{background:#E0306A}
.mu-cv{display:block;font-style:normal}
/* escritorio */
.scr-mu{display:grid;grid-template-columns:22cqw minmax(0,1fr);grid-template-rows:minmax(0,1fr) 8.5cqw;gap:.8cqw;padding:.8cqw;background:#000}
.mu-side{background:#121317;border-radius:1cqw;padding:2cqw 1.6cqw;display:flex;flex-direction:column;gap:1.5cqw;overflow:hidden}
.mu-logo{display:flex;align-items:center;gap:1cqw;margin-bottom:.6cqw}
.mu-ico{width:3.2cqw;height:3.2cqw;border-radius:.8cqw;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:1.8cqw;color:#fff;flex:none}
.mu-logo b{font-size:1.5cqw;font-weight:800;white-space:nowrap}
.mu-side>span{font-size:1.4cqw;font-weight:700;color:#AEB5C0}
.mu-side>span.on{color:#fff}
.mu-lib{margin-top:.6cqw;border-top:1px solid #23262e;padding-top:1.5cqw;display:flex;flex-direction:column;gap:1.1cqw}
.mu-lib>b{font-size:1.3cqw;color:#C9CED6}
.mu-chips{display:flex;gap:.6cqw;flex-wrap:wrap}
.mu-chips i,.mu-chips2 i{font-style:normal;font-size:1.05cqw;font-weight:600;background:#23262e;padding:.5cqw 1.1cqw;border-radius:2cqw}
.mu-li{display:flex;gap:1cqw;align-items:center}
.mu-li .mu-cv{width:3.8cqw;height:3.8cqw;border-radius:.5cqw;flex:none}
.mu-li span{font-size:1.2cqw;font-weight:600;line-height:1.2}
.mu-li small{display:block;font-size:1cqw;color:#8A919C;font-weight:500}
.mu-main{border-radius:1cqw;background:linear-gradient(180deg,#43182A 0%,#17181D 48%);padding:1.6cqw 2cqw;overflow:hidden;display:flex;flex-direction:column;gap:1.1cqw;min-width:0}
.mu-top{display:flex;justify-content:space-between;align-items:center}
.mu-search{background:#25272D;border-radius:3cqw;padding:.9cqw 2cqw;font-size:1.2cqw;color:#8A919C;width:46%}
.mu-chips2{display:flex;gap:.8cqw}
.mu-chips2 i{background:rgba(255,255,255,.1);font-size:1.15cqw;padding:.6cqw 1.4cqw}
.mu-chips2 i.on{background:#fff;color:#000}
.mu-hi{font-size:2.6cqw;font-weight:800}
.mu-h2{font-size:1.9cqw;font-weight:800;margin-top:.4cqw}
.mu-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8cqw}
.mu-qi{display:flex;align-items:center;gap:1cqw;background:rgba(255,255,255,.08);border-radius:.5cqw;overflow:hidden;height:4.2cqw;transition:background .2s}
.mu-qi .mu-cv{width:4.2cqw;height:4.2cqw;flex:none}
.mu-qi span{font-size:1.15cqw;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:.8cqw}
.mu-made{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.2cqw}
.mu-card{background:rgba(255,255,255,.04);border-radius:.8cqw;padding:.9cqw;display:flex;flex-direction:column;gap:.45cqw;min-width:0}
.mu-card.hov{background:rgba(255,255,255,.1)}
.mu-card .mu-cv{aspect-ratio:1;border-radius:.6cqw;display:flex;flex-direction:column;justify-content:space-between;padding:.9cqw}
.mu-card .mu-cv em{font-style:normal;font-size:.85cqw;font-weight:800;letter-spacing:.15cqw}
.mu-card .mu-cv b{font-size:1.5cqw;font-weight:800;line-height:1}
.mu-card span{font-size:1.15cqw;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mu-card small{font-size:1cqw;color:#8A919C}
.mu-player{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.4fr 1fr;align-items:center;padding:0 1.6cqw;gap:2cqw}
.mu-now{display:flex;gap:1cqw;align-items:center;min-width:0}
.mu-now .mu-cv{width:5cqw;height:5cqw;border-radius:.5cqw;flex:none}
.mu-now span{font-size:1.2cqw;font-weight:700;white-space:nowrap}
.mu-now small{display:block;font-size:1cqw;color:#8A919C;font-weight:500}
.mu-heart{font-style:normal;color:var(--accent);font-size:1.5cqw}
.mu-ctl{display:flex;flex-direction:column;align-items:center;gap:.7cqw}
.mu-btns{display:flex;align-items:center;gap:2.4cqw;font-size:1.4cqw;color:#C9CED6}
.mu-btns i{font-style:normal}
.mu-btns b{width:3.4cqw;height:3.4cqw;border-radius:50%;background:#fff;color:#000;display:flex;align-items:center;justify-content:center;font-size:1.1cqw}
.mu-bar{display:flex;align-items:center;gap:1cqw;width:100%}
.mu-bar small{font-size:.95cqw;color:#8A919C}
.mu-bar>i{flex:1;height:.4cqw;background:#3a3f4b;border-radius:1cqw;overflow:hidden;font-style:normal}
.mu-bar>i b,.mup-bar>i b{display:block;height:100%;background:#fff;animation:grow 16s linear infinite}
.mu-vol{display:flex;justify-content:flex-end;align-items:center;gap:1.4cqw}
.mu-v{width:9cqw;height:.4cqw;background:#3a3f4b;border-radius:1cqw;overflow:hidden;font-style:normal}
.mu-v b{display:block;width:75%;height:100%;background:#fff}
/* celular */
.scr-mup{background:linear-gradient(180deg,#5A1530 0%,#0B0C0F 62%);padding:11cqw 7cqw 7cqw;display:flex;flex-direction:column;gap:3.6cqw}
.mup-top{text-align:center}
.mup-top small{display:block;font-size:2.5cqw;letter-spacing:.4cqw;color:#C9CED6}
.mup-top b{font-size:3.6cqw}
.mup-cover{aspect-ratio:1;border-radius:3cqw;padding:5cqw;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 4cqw 10cqw rgba(0,0,0,.5);position:relative;flex:none}
.mup-cover em{font-style:normal;font-weight:800;font-size:3cqw;letter-spacing:.6cqw}
.mup-cover b{font-size:8cqw;font-weight:800;line-height:1}
.eq.big{position:absolute;right:5cqw;top:5cqw;height:8cqw;gap:1cqw}
.eq.big i{width:1.5cqw;background:#fff}
.mup-info{display:flex;justify-content:space-between;align-items:center}
.mup-info b{display:block;font-size:4.6cqw}
.mup-info small{font-size:3.4cqw;color:#C9CED6}
.mup-info .mu-heart{font-size:5.5cqw}
.mup-bar>i{display:block;height:1cqw;background:rgba(255,255,255,.25);border-radius:1cqw;overflow:hidden;font-style:normal}
.mup-bar span{display:flex;justify-content:space-between;margin-top:1.4cqw}
.mup-bar small{font-size:2.6cqw;color:#C9CED6}
.mup-btns{display:flex;justify-content:space-between;align-items:center;font-size:5cqw;padding:0 2cqw}
.mup-btns i{font-style:normal}
.mup-btns b{width:14cqw;height:14cqw;border-radius:50%;background:#fff;color:#000;display:flex;align-items:center;justify-content:center;font-size:4.4cqw}
.mup-ly{background:linear-gradient(160deg,#B3123A,#6E0F2A);border-radius:3cqw;padding:4.5cqw;flex:1;min-height:0;overflow:hidden}
.mup-ly small{font-size:2.5cqw;font-weight:800;letter-spacing:.4cqw}
.mup-ly p{margin:1.8cqw 0 0;font-size:4.8cqw;font-weight:800;line-height:1.2;color:rgba(255,255,255,.42);transform-origin:left;animation:lyric 10s infinite;animation-delay:calc(var(--i) * 2s)}
.px{position:absolute;width:1em;height:1em;background:transparent}
.px-hero{box-shadow:2em 0em 0 #22232A,3em 0em 0 #22232A,4em 0em 0 #22232A,5em 0em 0 #22232A,1em 1em 0 #22232A,2em 1em 0 #22232A,3em 1em 0 #22232A,4em 1em 0 #22232A,5em 1em 0 #22232A,6em 1em 0 #22232A,1em 2em 0 #F2C39B,2em 2em 0 #F2C39B,3em 2em 0 #111,4em 2em 0 #F2C39B,5em 2em 0 #111,6em 2em 0 #F2C39B,1em 3em 0 #F2C39B,2em 3em 0 #F2C39B,3em 3em 0 #F2C39B,4em 3em 0 #F2C39B,5em 3em 0 #F2C39B,6em 3em 0 #F2C39B,2em 4em 0 #F2C39B,3em 4em 0 #F2C39B,4em 4em 0 #F2C39B,5em 4em 0 #F2C39B,1em 5em 0 var(--app),2em 5em 0 var(--app),3em 5em 0 #FFFFFF,4em 5em 0 #FFFFFF,5em 5em 0 var(--app),6em 5em 0 var(--app),0em 6em 0 var(--app),1em 6em 0 var(--app),2em 6em 0 var(--app),3em 6em 0 var(--app),4em 6em 0 var(--app),5em 6em 0 var(--app),6em 6em 0 var(--app),7em 6em 0 var(--app),0em 7em 0 #F2C39B,2em 7em 0 var(--app),3em 7em 0 var(--app),4em 7em 0 var(--app),5em 7em 0 var(--app),7em 7em 0 #F2C39B,2em 8em 0 #2B2D36,5em 8em 0 #2B2D36,1em 9em 0 #111,2em 9em 0 #111,5em 9em 0 #111,6em 9em 0 #111}
.px-coin{box-shadow:1em 0em 0 #FFC21A,2em 0em 0 #FFC21A,3em 0em 0 #FFC21A,4em 0em 0 #FFC21A,0em 1em 0 #FFC21A,1em 1em 0 #FFC21A,2em 1em 0 #FFF3B0,3em 1em 0 #FFC21A,4em 1em 0 #FFC21A,5em 1em 0 #FFC21A,0em 2em 0 #FFC21A,1em 2em 0 #FFC21A,2em 2em 0 #FFF3B0,3em 2em 0 #FFC21A,4em 2em 0 #FFC21A,5em 2em 0 #FFC21A,0em 3em 0 #FFC21A,1em 3em 0 #FFC21A,2em 3em 0 #FFF3B0,3em 3em 0 #FFC21A,4em 3em 0 #FFC21A,5em 3em 0 #FFC21A,0em 4em 0 #FFC21A,1em 4em 0 #FFC21A,2em 4em 0 #FFF3B0,3em 4em 0 #FFC21A,4em 4em 0 #FFC21A,5em 4em 0 #FFC21A,1em 5em 0 #FFC21A,2em 5em 0 #FFC21A,3em 5em 0 #FFC21A,4em 5em 0 #FFC21A}
.px-slime{box-shadow:2em 0em 0 #3DDC84,3em 0em 0 #3DDC84,4em 0em 0 #3DDC84,5em 0em 0 #3DDC84,1em 1em 0 #3DDC84,2em 1em 0 #3DDC84,3em 1em 0 #3DDC84,4em 1em 0 #3DDC84,5em 1em 0 #3DDC84,6em 1em 0 #3DDC84,0em 2em 0 #3DDC84,1em 2em 0 #3DDC84,2em 2em 0 #fff,3em 2em 0 #3DDC84,4em 2em 0 #3DDC84,5em 2em 0 #fff,6em 2em 0 #3DDC84,7em 2em 0 #3DDC84,0em 3em 0 #3DDC84,1em 3em 0 #3DDC84,2em 3em 0 #111,3em 3em 0 #3DDC84,4em 3em 0 #3DDC84,5em 3em 0 #111,6em 3em 0 #3DDC84,7em 3em 0 #3DDC84,0em 4em 0 #3DDC84,1em 4em 0 #3DDC84,2em 4em 0 #3DDC84,3em 4em 0 #3DDC84,4em 4em 0 #3DDC84,5em 4em 0 #3DDC84,6em 4em 0 #3DDC84,7em 4em 0 #3DDC84,0em 5em 0 #3DDC84,1em 5em 0 #3DDC84,3em 5em 0 #3DDC84,4em 5em 0 #3DDC84,6em 5em 0 #3DDC84,7em 5em 0 #3DDC84}

/* ================= Juegos retro RaidRG (v1.9) ================= */
.games-band{background:radial-gradient(60% 80% at 80% 40%,rgba(91,60,240,.12),transparent 70%),var(--band)}
.g0{background:linear-gradient(135deg,#C2263B,#6E1424)}
.g1{background:linear-gradient(135deg,#6C5CE7,#A29BFE)}
.g2{background:linear-gradient(135deg,#1F9D6B,#6FD3A0)}
.g3{background:linear-gradient(135deg,#C9851A,#9B59B6)}
.g4{background:linear-gradient(135deg,#3B5BDB,#7B2FBE)}
.g5{background:linear-gradient(135deg,#3A2A6B,#151525)}
.g6{background:linear-gradient(135deg,#E8590C,#B83280)}
.gm-pat{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(45deg,rgba(255,255,255,.6) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.6) 75%),linear-gradient(45deg,rgba(255,255,255,.6) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.6) 75%);background-size:14px 14px;background-position:0 0,7px 7px;-webkit-mask-image:linear-gradient(110deg,transparent 45%,#000 100%);mask-image:linear-gradient(110deg,transparent 45%,#000 100%)}
/* página: cuadrícula de consolas */
.gm-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.gm-tile{position:relative;overflow:hidden;border-radius:18px;padding:22px;min-height:150px;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;box-shadow:0 16px 40px rgba(0,0,0,.35)}
.gm-tile b{position:absolute;top:18px;left:22px;font-size:46px;line-height:1}
.gm-tile span{position:relative;font-size:18px;font-weight:700}
.gm-tile small{position:relative;color:rgba(255,255,255,.8);font-size:14px}
/* maqueta web */
.scr-gm{background:#0D0E12;padding:1.8cqw 2.4cqw;display:flex;flex-direction:column;gap:1.2cqw;overflow:hidden}
.gm-top{display:flex;align-items:center;gap:2.4cqw}
.gm-logo{display:flex;align-items:center;gap:1cqw;font-weight:800;font-size:2cqw;white-space:nowrap}
.gm-logo i{width:3.4cqw;height:3.4cqw;border-radius:.9cqw;background:var(--accent);display:flex;align-items:center;justify-content:center;color:#fff}
.gm-logo i svg{width:2.2cqw;height:2.2cqw}
.gm-logo b span{color:var(--accent2)}
.gm-search{flex:1;max-width:34cqw;background:#191A20;border:1px solid #26282f;border-radius:1cqw;padding:.9cqw 1.6cqw;font-size:1.2cqw;color:#8A919C}
.gm-top nav{margin-left:auto;display:flex;gap:2cqw;font-size:1.3cqw;font-weight:700}
.gm-top nav .on{color:var(--accent2)}
.gm-lbl{font-size:1.05cqw;font-weight:800;letter-spacing:.2cqw;color:#8A919C;margin-top:.4cqw}
.gm-cons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1cqw}
.gm-con{position:relative;overflow:hidden;border-radius:1.2cqw;height:9.4cqw;padding:1.2cqw 1.4cqw;display:flex;flex-direction:column;justify-content:flex-end}
.gm-con b{position:absolute;top:1cqw;left:1.4cqw;font-family:var(--display);font-size:3.4cqw;line-height:1}
.gm-con span{position:relative;font-size:1.25cqw;font-weight:700}
.gm-con small{position:relative;font-size:1cqw;color:rgba(255,255,255,.8)}
.gm-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1cqw}
.gm-game{display:flex;flex-direction:column;gap:.4cqw;min-width:0}
.gm-cov{position:relative;overflow:hidden;aspect-ratio:3/4;border-radius:1cqw;padding:.9cqw;display:flex;flex-direction:column;justify-content:space-between}
.gm-game.focus .gm-cov{box-shadow:0 0 0 .3cqw #fff;transform:scale(1.04)}
.gm-cov em{position:relative;align-self:flex-start;font-style:normal;font-size:.85cqw;font-weight:800;background:rgba(0,0,0,.55);padding:.3cqw .7cqw;border-radius:.5cqw}
.gm-cov b{position:relative;font-family:var(--display);font-size:1.6cqw;line-height:1;text-transform:uppercase}
.gm-game span{font-size:1.1cqw;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gm-game small{font-size:.95cqw;color:#8A919C}
/* celular horizontal */
.dv-phone.land{border-radius:6.2%/13%;padding:1.6% 3.2%}
.dv-phone.land .dv-screen{aspect-ratio:19/9;border-radius:4.8%/10%}
.dv-phone.land .dv-screen::before{top:50%;left:1.4%;transform:translateY(-50%);width:1.4%;height:26%}
.scene-gm{padding:0 4% 70px 0}
.scene-play{position:absolute;right:0;bottom:0;width:56%}
/* juego */
@keyframes jump{0%,60%,100%{transform:translateY(0)}70%{transform:translateY(-14cqw)}80%{transform:translateY(-16cqw)}90%{transform:translateY(-6cqw)}}
@keyframes walk{0%{left:58%}50%{left:74%}100%{left:58%}}
@keyframes clouds{from{transform:translateX(0)}to{transform:translateX(-30cqw)}}
@keyframes spinC{0%,100%{transform:scaleX(1)}50%{transform:scaleX(.25)}}
@keyframes heroRun{0%{left:23%}50%{left:34%}100%{left:23%}}
.scr-play{background:#06070A;overflow:hidden;font-family:ui-monospace,Menlo,Consolas,monospace}
.pl-sky{position:absolute;inset:0;background:linear-gradient(180deg,#2B5FD9 0%,#6FB1FF 70%,#A9D6FF 100%)}
.pl-cloud{position:absolute;width:12cqw;height:3cqw;background:#fff;border-radius:3cqw;box-shadow:4cqw -1.6cqw 0 .4cqw #fff,8cqw 0 0 0 #fff;animation:clouds 18s linear infinite alternate}
.pl-cloud.a{top:9%;left:18%}.pl-cloud.b{top:20%;left:62%;transform:scale(.8);animation-duration:24s}
.pl-hill{position:absolute;left:-6%;right:-6%;bottom:16%;height:22%;background:radial-gradient(60% 100% at 25% 100%,#2E9E5B 60%,transparent 61%),radial-gradient(50% 90% at 75% 100%,#38B26A 60%,transparent 61%)}
.pl-hud{position:absolute;top:4%;left:9%;right:9%;display:flex;justify-content:space-between;font-size:1.8cqw;font-weight:700;color:#fff;text-shadow:.2cqw .2cqw 0 #000;z-index:2}
.pl-hud span{display:flex;flex-direction:column;align-items:center}
.pl-hud b{font-size:2.2cqw}
.pl-ground{position:absolute;left:0;right:0;bottom:0;height:16%;background-color:#B5651D;background-image:linear-gradient(90deg,rgba(0,0,0,.25) 2px,transparent 2px),linear-gradient(0deg,rgba(0,0,0,.25) 2px,transparent 2px);background-size:3.2cqw 3.2cqw;border-top:.8cqw solid #3DDC84}
.pl-plat{position:absolute;height:3.2cqw;background-color:#C8762A;background-image:linear-gradient(90deg,rgba(0,0,0,.3) 2px,transparent 2px);background-size:3.2cqw 100%;border:.3cqw solid #6B3A10}
.pl-plat.p1{left:38%;width:16cqw;bottom:44%}
.pl-plat.p2{left:66%;width:12.8cqw;bottom:58%}
.pl-coin{position:absolute;font-size:.55cqw;width:3.3cqw;height:3.3cqw;animation:spinC 1.2s linear infinite}
.pl-coin.c1{left:41%;bottom:53%}.pl-coin.c2{left:47%;bottom:53%;animation-delay:-.4s}.pl-coin.c3{left:70%;bottom:67%;animation-delay:-.8s}
.pl-hero{position:absolute;bottom:16%;font-size:.6cqw;width:4.8cqw;height:6cqw;animation:heroRun 6s ease-in-out infinite}
.pl-hero .px{top:0;left:0}
.pl-hero{animation:heroRun 6s ease-in-out infinite}
.pl-hero .px-hero{animation:jump 3s ease-in-out infinite}
.pl-slime{position:absolute;bottom:16%;font-size:.55cqw;width:4.4cqw;height:3.3cqw;animation:walk 5s ease-in-out infinite}
/* controles táctiles semitransparentes */
.pl-pad{position:absolute;left:5%;bottom:9%;width:15cqw;height:15cqw;z-index:3;opacity:.55}
.pl-pad i{position:absolute;background:#1A1B20;border:.3cqw solid rgba(255,255,255,.7)}
.pl-pad .u,.pl-pad .d{left:33.3%;width:33.4%;height:36%}
.pl-pad .u{top:0;border-bottom:0;border-radius:1cqw 1cqw 0 0}.pl-pad .d{bottom:0;border-top:0;border-radius:0 0 1cqw 1cqw}
.pl-pad .l,.pl-pad .r{top:33.3%;height:33.4%;width:36%}
.pl-pad .l{left:0;border-right:0;border-radius:1cqw 0 0 1cqw}.pl-pad .r{right:0;border-left:0;border-radius:0 1cqw 1cqw 0}
.pl-pad .c{left:32%;top:32%;width:36%;height:36%;border:0}
.pl-ab{position:absolute;right:5%;bottom:10%;width:16cqw;height:12cqw;z-index:3;opacity:.6}
.pl-ab i{position:absolute;width:7cqw;height:7cqw;border-radius:50%;display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:800;font-size:2.6cqw;color:#fff;border:.3cqw solid rgba(255,255,255,.8)}
.pl-ab .a{right:0;top:0;background:var(--accent)}
.pl-ab .b{left:0;bottom:0;background:#3B5BDB}
.pl-ss{position:absolute;left:50%;bottom:4%;transform:translateX(-50%);display:flex;gap:2cqw;z-index:3;opacity:.6}
.pl-ss i{font-style:normal;font-size:1.3cqw;font-weight:700;color:#fff;background:rgba(0,0,0,.55);padding:.5cqw 1.4cqw;border-radius:2cqw;border:1px solid rgba(255,255,255,.6)}
@media (max-width:980px){.gm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scene-gm{padding-bottom:56px}}
@media (max-width:520px){.gm-tile{min-height:120px;padding:16px}.gm-tile b{font-size:36px;top:14px;left:16px}.gm-tile span{font-size:15px}}
.gm-tile{justify-content:flex-start}
.gm-tile b{position:relative;top:auto;left:auto;margin-bottom:auto;padding-bottom:12px}
@media (max-width:520px){.gm-tile b{top:auto;left:auto;padding-bottom:8px}.gm-tile{min-height:132px}}

/* ================= apps por dispositivo y galerías (v2.0) ================= */
.dev-jump{display:flex;gap:10px;flex-wrap:wrap;position:sticky;top:76px;z-index:5;background:rgba(11,12,15,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:10px 0;margin-top:-10px}
.dev-jump a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:9px 16px;border-radius:12px;border:1px solid var(--line2);background:#111317;font-weight:700;font-size:15px}
.dev-jump a:hover{border-color:var(--accent);color:#fff}
.dev-jump svg{color:var(--accent2)}
.dev-jump small{min-width:22px;height:22px;border-radius:11px;background:#23262E;color:var(--soft);font-size:12px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px}
.dev-group{display:flex;flex-direction:column;gap:22px;scroll-margin-top:150px}
.dev-group+.dev-group{margin-top:28px;padding-top:44px;border-top:1px solid var(--line)}
.dev-head{display:flex;align-items:center;gap:16px}
.dev-head h2.display{font-size:clamp(30px,5vw,44px)}
.dev-head p{margin:6px 0 0}
.dev-ico{width:58px;height:58px;border-radius:16px;background:#1F1112;border:1px solid #3a1a1b;display:flex;align-items:center;justify-content:center;color:var(--accent2);flex:none}
.app-tabs{margin-bottom:4px}
.app-pane{display:flex;flex-direction:column;gap:18px}
.app-pane[hidden]{display:none}
.pane-desc{margin:0}
.apps-grid{align-items:stretch}
/* galería en la tarjeta */
.app-gal{display:flex;flex-direction:column;background:#0B0C0F;border-bottom:1px solid #23262E}
.ag-main{position:relative;display:block;width:100%;aspect-ratio:16/10;padding:0;border:0;background:#07080A;cursor:zoom-in;overflow:hidden}
.ag-main img{width:100%;height:100%;object-fit:contain;transition:transform .4s ease}
.ag-main:hover img{transform:scale(1.03)}
.ag-count{position:absolute;right:10px;bottom:10px;display:inline-flex;align-items:center;gap:5px;background:rgba(0,0,0,.7);color:#fff;font-size:12px;font-weight:700;padding:4px 8px;border-radius:8px}
.ag-thumbs{display:flex;gap:8px;padding:10px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#3A3F4B transparent}
.ag-th{flex:none;width:68px;height:46px;padding:0;border:2px solid transparent;border-radius:8px;overflow:hidden;background:#07080A;cursor:pointer;opacity:.65;transition:opacity .2s,border-color .2s}
.ag-th img{width:100%;height:100%;object-fit:cover}
.ag-th:hover{opacity:1}
.ag-th.on{border-color:var(--accent);opacity:1}
/* visor */
.lb{width:min(1200px,96vw);max-height:94vh;padding:0;border:0;background:transparent;overflow:visible;color:#fff}
.lb::backdrop{background:rgba(0,0,0,.9)}
.lb figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:10px}
.lb img{max-width:100%;max-height:82vh;border-radius:10px;object-fit:contain;background:#000}
.lb figcaption{font-size:15px;color:var(--soft);text-align:center;min-height:1em}
.lb-close{position:fixed;top:16px;right:16px;width:46px;height:46px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
.lb-nav{position:fixed;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:34px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.lb-nav:hover,.lb-close:hover{background:var(--accent)}
.lb-nav.prev{left:16px}.lb-nav.next{right:16px}
.lb.single .lb-nav{display:none}
.lb-n{position:fixed;top:26px;left:50%;transform:translateX(-50%);font-size:14px;font-weight:700;color:var(--soft)}
@media (max-width:820px){.dev-jump{top:60px}.lb-nav{top:auto;bottom:18px;transform:none}}

/* un dispositivo con una sola app: tarjeta horizontal */
@media (min-width:900px){
  .apps-grid.one{grid-template-columns:minmax(0,1fr)}
  .apps-grid.one .card.app{flex-direction:row;align-items:stretch}
  .apps-grid.one .app-gal,.apps-grid.one .app-art{flex:0 0 58%;border-bottom:0;border-right:1px solid #23262E}
  .apps-grid.one .app-art{height:auto;min-height:300px}
  .apps-grid.one .ag-main{flex:1}
  .apps-grid.one .app-body{padding:34px;justify-content:center}
  .apps-grid.one .app-body h3{font-size:26px}
  .apps-grid.one .app-body p{flex:0}
  .apps-grid.one .app-body .btn{align-self:flex-start;width:auto;min-width:220px}
}

/* ================= burbuja flotante de ayuda (v2.1) ================= */
.hw{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:40;display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.hw-btn{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:12px 18px 12px 14px;border-radius:999px;border:0;background:var(--accent);color:#fff;font:700 15px var(--body);cursor:pointer;box-shadow:0 14px 34px rgba(224,20,17,.35)}
.hw-btn:hover{background:#c40f0c}
.hw-panel{position:relative;width:min(400px,calc(100vw - 36px));height:min(620px,calc(100vh - 110px));border-radius:18px;overflow:hidden;border:1px solid var(--line2);box-shadow:0 30px 70px rgba(0,0,0,.6);background:#0B0C0F}
.hw-panel[hidden]{display:none}
.hw-panel iframe{width:100%;height:100%;border:0}
.hw-x{position:absolute;top:10px;right:10px;z-index:2;width:36px;height:36px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
.toast{bottom:calc(84px + env(safe-area-inset-bottom,0px))}
@media (max-width:620px){.hw-btn span{display:none}.hw-btn{width:54px;height:54px;padding:0;justify-content:center}}
.help-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;background:#14161B;border:1px solid var(--line2);border-radius:16px;padding:22px 24px}
.help-cta div{display:flex;flex-direction:column;gap:4px}
.help-cta b{font-size:19px}
.help-cta span{color:var(--muted)}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ================= módulos (v2.4) ================= */
.pv-badge{position:fixed;left:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:45;background:#2E2410;border:1px solid #5C4A1E;color:#FFE3A8;font-size:13px;font-weight:700;padding:8px 12px;border-radius:10px}
.trial-form,.card.renew,.card.invite{gap:16px}
.trial-form .fld,.card .fld{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--soft);font-weight:600}
.trial-form input,.trial-form select,.card .fld input{min-height:48px;padding:11px 13px;border-radius:10px;border:1px solid var(--line2);background:var(--band);color:var(--text);font:500 16px var(--body)}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.creds{gap:14px}
.cred{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px;border-radius:12px;background:var(--band);border:1px dashed var(--line2)}
.cred span{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);min-width:90px}
.cred b{font:700 26px/1 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.04em;color:#fff;word-break:break-all}
.cred b.small-b{font-size:16px}
.copiar-s{margin-left:auto;background:#1D232C;color:var(--text);border:1px solid var(--line2);border-radius:9px;padding:8px 13px;font:600 13px var(--body);cursor:pointer;min-height:40px}
.acc-grid{display:flex;flex-direction:column;gap:14px}
.renew-opts{display:flex;flex-direction:column;gap:10px}
.ro{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--line2);border-radius:12px;cursor:pointer}
.ro input{accent-color:var(--accent);width:18px;height:18px}
.ro span{display:flex;flex-direction:column;flex:1}
.ro small{color:var(--muted)}
.ro strong{font-size:18px}
.ro:has(input:checked){border-color:var(--accent);background:#1A0E0F}
.grid2f{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.card h2{margin:0;font-size:20px}
.narrow>.card+.card,.narrow>.card+.btn-row,.narrow>.order-status+.card{margin-top:18px}
.ev-day{margin:18px 0 10px;font-size:15px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent2)}
.ev-list{display:flex;flex-direction:column;gap:10px}
.ev{display:flex;align-items:center;gap:16px;padding:14px 16px;border-radius:14px;background:var(--card);border:1px solid #23262E}
.ev-time{display:flex;flex-direction:column;align-items:center;min-width:70px}
.ev-time b{font:800 26px/1 var(--display)}
.ev-time em{font-style:normal;font-size:10px;font-weight:800;letter-spacing:1px;background:var(--accent);color:#fff;padding:2px 6px;border-radius:4px;margin-top:4px}
.ev img{width:64px;height:40px;object-fit:cover;border-radius:6px}
.ev-info{flex:1;display:flex;flex-direction:column;min-width:0}
.ev-info b{font-size:17px}
.ev-info small{color:var(--muted)}
.testi{gap:12px;margin:0}
.stars{color:#F5B942;font-size:18px;letter-spacing:2px}
.stars span{color:#3A3F4B}
.testi blockquote{margin:0;color:var(--soft);line-height:1.6;flex:1}
.testi figcaption{display:flex;align-items:center;gap:12px}
.testi figcaption img,.testi figcaption .avatar{width:44px;height:44px;border-radius:50%;object-fit:cover}
.testi figcaption span{display:flex;flex-direction:column}
.testi figcaption small{color:var(--muted)}
.calc{gap:20px}
.calc-in{display:flex;flex-direction:column;gap:18px}
.calc-in label{display:grid;grid-template-columns:1fr auto;gap:8px 16px;align-items:center;font-weight:600;color:var(--soft)}
.calc-in input{grid-column:1/-1;accent-color:var(--accent);width:100%}
.calc-in b{font:800 26px var(--display);color:#fff;grid-row:1;grid-column:2}
.calc-out{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.calc-out div{display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:12px;background:var(--band);border:1px solid var(--line2)}
.calc-out small{color:var(--muted)}
.calc-out b{font-size:22px}
.calc-out .hl{border-color:var(--accent);background:#1A0E0F}
.calc-out .hl b{font-size:36px;color:#3DDC84}
.levels{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.lvcard{position:relative;padding:26px}
.lvl-n{font:800 46px/1 var(--display);color:transparent;-webkit-text-stroke:1.5px var(--accent2)}
.lvcard h3{font-size:24px}
.lvcard b{color:var(--accent2);font-size:15px}
.lv0{border-color:#6b4a2b}.lv1{border-color:#8a9099}.lv2{border-color:#c9a227}
.seller-hero .wrap{gap:18px}
.sh-top{display:flex;align-items:center;gap:20px}
.sh-photo{width:110px;height:110px;border-radius:50%;object-fit:cover;border:3px solid var(--accent);flex:none;font-size:46px}
@media (max-width:620px){.grid2f,.calc-out{grid-template-columns:1fr}.ev{flex-wrap:wrap}.ev .btn{width:100%}.sh-photo{width:80px;height:80px}}
.nav-cta .btn{white-space:nowrap}
@media (max-width:1320px){.nav-cta .hide-sm{display:none}.nav-links{gap:20px}}

/* ---------- 2.6.0: botones de cada app (mismo formato en RaidRG, Música y RAID TV) ---------- */
.btn-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;max-width:560px}
.btn-grid .btn{width:100%;min-height:52px;padding:12px 14px}
.btn-grid.lg .btn{min-height:58px;font-size:16px}
.btn-grid .btn.full{grid-column:1/-1}
.btn-grid .btn svg{flex:none}
.btn.wa svg{color:#25D366}
.cta .btn-grid{max-width:460px;flex:1 1 380px}
@media (max-width:360px){.btn-grid{grid-template-columns:1fr}}

/* ---------- 2.6.0: lo que se ve en la pantalla de cada dispositivo (imagen o video del panel) ---------- */
.scr-media{background:#000}
.scr-media img,.scr-media video,.scr-media iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0;display:block}
.scr-media.fit img,.scr-media.fit video{object-fit:contain}
.scr-media iframe{pointer-events:none}
.scr-ph{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#1d1f26,#07080a 70%)}
.scr-ph .gm-logo{transform:scale(1.6)}

/* ---------- 2.6.0: página de Apps con el asistente al lado ---------- */
.apps-head .wrap.apps-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);gap:40px;align-items:center;padding-top:44px;padding-bottom:40px}
.apps-head .wrap.apps-top.solo{grid-template-columns:1fr}
.apps-copy{display:flex;flex-direction:column;gap:16px}
.apps-chat{background:var(--card,#14161b);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.45);display:flex;flex-direction:column}
.apps-chat-h{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--line);font-size:14px}
.apps-chat-h svg{color:var(--accent)}
.apps-chat-h a{margin-left:auto;font-size:12.5px;color:var(--muted)}
.apps-chat iframe{display:block;width:100%;height:420px;border:0;background:#0b0c0f}
@media (max-width:980px){.apps-head .wrap.apps-top{grid-template-columns:1fr;gap:28px}.apps-chat iframe{height:360px}}
.btn-grid .btn{font-size:15px;padding:12px 10px;gap:7px;line-height:1.2}
.btn-grid.lg .btn{font-size:15.5px}
/* 2.7.0: Catálogo Roku en «Desarrollo de apps» */
.cat-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-top:22px}
.cat-card{display:flex;flex-direction:column;border-radius:var(--r);overflow:hidden;background:var(--card);border:1px solid var(--line);color:var(--text);text-decoration:none;transition:border-color .2s,transform .2s}
.cat-card:hover{border-color:var(--ca);transform:translateY(-2px);color:var(--text)}
.cat-img{position:relative;display:block;aspect-ratio:16/9;background:#06070B;border-bottom:3px solid var(--ca)}
.cat-img img{width:100%;height:100%;object-fit:cover;display:block}
.cat-img em{position:absolute;top:10px;left:10px;font-style:normal;font-size:12px;font-weight:700;background:var(--ca);color:#fff;padding:3px 9px;border-radius:99px}
.cat-txt{display:flex;flex-direction:column;gap:2px;padding:12px 14px 14px}
.cat-txt b{font:700 24px/1.1 var(--display);letter-spacing:.3px}
.cat-txt small{color:var(--muted);font-size:14px}
.cat-price{margin-top:6px;font-weight:700;color:var(--ca)}.cat-price small{font-weight:400}
.cat-more{margin-top:22px;text-align:center}
@media (prefers-reduced-motion:reduce){.cat-card{transition:none}.cat-card:hover{transform:none}}