/* Página /descargar: cómo instalar LWG TV según el televisor (diseño disenos/descargas). */

:root{--red:#E50914;--bg:#0b0b0c;--card:#141415;--line:#2a2a2d;--mut:#a3a3a8;--txt:#f5f5f7;--ok:#1f8a4c}
*{box-sizing:border-box;margin:0;padding:0}
body{background:radial-gradient(1200px 700px at 15% 10%,#2a0b0d 0,transparent 60%),var(--bg);color:var(--txt);font-family:Inter,system-ui,sans-serif;min-height:100vh}
.wrap{max-width:1240px;margin:0 auto;padding:40px 48px 56px}
.top{display:flex;align-items:center;justify-content:space-between}
.logo{font-weight:900;font-size:40px;letter-spacing:-2px;color:var(--red)}
.back{color:var(--mut);font-size:15px;text-decoration:none;border:1px solid var(--line);padding:9px 16px;border-radius:10px}
h1{font-size:38px;font-weight:800;margin:34px 0 8px;letter-spacing:-.5px}
.sub{color:var(--mut);font-size:17px}
.sub a{color:#fff;text-decoration:underline}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:30px}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:28px;display:flex;flex-direction:column}
.chip{display:inline-block;font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;padding:6px 10px;border-radius:999px;background:#26262a;color:#d6d6da;align-self:flex-start}
.chip.v{background:#1d2a3d;color:#9cc4ff}
.head{display:flex;gap:16px;align-items:center;margin:16px 0 6px}
.ic{width:56px;height:56px;border-radius:14px;display:grid;place-items:center;flex:none}
.ic.r{background:var(--red)}.ic.b{background:#2563eb}
.head h2{font-size:24px;font-weight:800}
.head p{color:var(--mut);font-size:14px;margin-top:3px}
.btn{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--red);color:#fff;font-weight:800;font-size:16px;letter-spacing:.5px;border-radius:12px;padding:15px;margin:18px 0 6px;text-decoration:none}
.btn.soon{background:transparent;border:1.5px dashed #4b4b52;color:#c9c9cf;font-weight:700;letter-spacing:0}
.small{color:var(--mut);font-size:13px;text-align:center}
.steps{list-style:none;margin-top:18px;border-top:1px solid var(--line);padding-top:16px}
.steps .t{font-size:13px;font-weight:700;letter-spacing:1.2px;color:var(--mut);text-transform:uppercase;margin-bottom:12px}
.steps li{display:flex;gap:12px;font-size:15px;line-height:1.45;margin-bottom:12px;color:#e4e4e8}
.n{flex:none;width:26px;height:26px;border-radius:50%;background:#26262a;font-weight:800;font-size:13px;display:grid;place-items:center;color:#fff}
.code{display:inline-flex;align-items:center;gap:8px;background:#000;border:1px solid #3a3a40;border-radius:10px;padding:8px 12px;font-family:ui-monospace,Menlo,monospace;font-size:16px;font-weight:700;color:#fff;margin-top:6px}
.code.big{font-size:22px;letter-spacing:3px}
.ex{font-family:Inter;font-size:11px;font-weight:700;color:#000;background:#ffd23f;border-radius:6px;padding:2px 6px;letter-spacing:0}
.or{color:var(--mut);font-size:13px;margin:6px 0}
.note{margin-top:auto;background:#101a12;border:1px solid #1e3a25;color:#9be0b2;border-radius:12px;padding:12px 14px;font-size:14px;line-height:1.4}
.note.blue{background:#0f1620;border-color:#1f3350;color:#a9c9f5}
.help{margin-top:28px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:28px}
.help h3{font-size:22px;font-weight:800}
.help>p{color:var(--mut);margin-top:6px;font-size:15px}
.hgrid{display:grid;grid-template-columns:1.25fr 1fr;gap:28px;margin-top:20px;align-items:start}
.path{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pill{background:#000;border:1px solid #3a3a40;border-radius:10px;padding:10px 14px;font-weight:700;font-size:15px}
.arr{color:var(--red);font-weight:900}
.tv{margin-top:18px;background:#000;border:10px solid #1c1c1f;border-radius:14px;padding:18px 22px;max-width:440px}
.tv .row{display:flex;justify-content:space-between;font-size:14px;padding:8px 0;border-bottom:1px solid #1d1d20;color:#c8c8cc}
.tv .row b{color:#fff}
.tv .hl{background:#1d2a3d;margin:0 -10px;padding:8px 10px;border-radius:8px;border:none}
.tv .ttl{font-size:12px;color:var(--mut);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:6px}
.res{display:flex;flex-direction:column;gap:12px}
.r{border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:flex;gap:14px;align-items:center}
.r .k{font-weight:800;font-size:15px}
.r .v{color:var(--mut);font-size:14px;margin-top:2px}
.tag{flex:none;font-size:12px;font-weight:800;border-radius:8px;padding:6px 9px}
.tag.r1{background:var(--red)}.tag.r2{background:#2563eb}
.foot{margin-top:24px;color:#6f6f75;font-size:13px;text-align:center}
@media (max-width:700px){
 .wrap{padding:20px 16px 40px}.logo{font-size:30px}.back{font-size:13px;padding:7px 12px}
 h1{font-size:27px;margin-top:22px}.sub{font-size:15px}
 .grid,.hgrid{grid-template-columns:1fr;gap:16px}.card,.help{padding:20px}
 .head h2{font-size:20px}.ic{width:48px;height:48px}
 .code.big{font-size:19px}.pill{font-size:13px;padding:8px 10px}
 .tv{border-width:7px;padding:12px 14px}
}

/* Pestañas Televisor / Celular (diseño disenos/descargar-celular) */
.tabs{display:inline-flex;background:#17181c;border:1px solid #2c2d31;border-radius:999px;padding:4px;margin-top:22px}
.tabs button{background:none;border:0;padding:10px 20px;border-radius:999px;font:700 15px Inter,sans-serif;color:#c9ccd4;cursor:pointer}
.tabs button.on{background:#fff;color:#0a0a0a}
.ic.g{background:#16a34a}.ic.k{background:#2b2b30}
.det{display:flex;gap:10px;align-items:center;background:#16251b;border:1px solid #1f8a4c;color:#bff0cf;border-radius:12px;padding:12px 14px;font-size:14px;margin-top:22px}
.sh{display:inline-block;background:#26262a;border-radius:6px;padding:0 6px}
.other{margin-top:14px}.other a{color:#fff;text-decoration:underline}
.qrbox{margin-top:24px;flex-direction:row;gap:24px;align-items:center}
.qrbox img{border-radius:10px;flex:none}
.qrbox h2{font-size:22px;font-weight:800}.qrbox p{color:var(--mut);font-size:15px;margin-top:6px}
.tvsub{margin-top:18px}
[hidden]{display:none!important}
@media (max-width:700px){.tabs{display:flex}.tabs button{flex:1}.qrbox{flex-direction:column;text-align:center}}