:root{--bg:#02050e;--panel:#071124;--card:rgba(255,255,255,.078);--card2:rgba(255,255,255,.12);--line:rgba(255,255,255,.14);--text:#f8fbff;--muted:rgba(248,251,255,.72);--gold:#ffca4d;--orange:#ff6b00;--cyan:#00d8ff;--blue:#086cff;--green:#00ef99;--red:#ff3158;--radius:28px;--shadow:0 34px 120px rgba(0,0,0,.58)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Montserrat,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden}body{background:radial-gradient(circle at 10% 6%,rgba(0,216,255,.32),transparent 28%),radial-gradient(circle at 92% 10%,rgba(255,107,0,.20),transparent 25%),radial-gradient(circle at 48% 103%,rgba(0,239,153,.14),transparent 33%),linear-gradient(180deg,#02050e 0%,#07152c 50%,#01030a 100%)}body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.2;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 82%)}a{text-decoration:none;color:inherit}img{max-width:100%}button,input,select,textarea{font-family:inherit}.wrap{width:min(1280px,92vw);margin:auto}.top{position:sticky;top:0;z-index:100;background:rgba(2,5,14,.76);backdrop-filter:blur(22px);border-bottom:1px solid rgba(255,255,255,.10)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:14px;font-weight:1000}.brand img{width:152px;height:52px;object-fit:contain;filter:drop-shadow(0 10px 24px rgba(0,216,255,.2))}.brand span{font-size:18px;letter-spacing:-.03em}.navlinks{display:flex;align-items:center;gap:18px;color:var(--muted);font-weight:900;font-size:14px}.navlinks a{padding:12px 2px}.navlinks a:hover{color:#fff}.btn{min-height:54px;padding:0 23px;border-radius:17px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.045));display:inline-flex;align-items:center;justify-content:center;gap:10px;color:#fff;font-weight:1000;letter-spacing:.01em;box-shadow:0 16px 45px rgba(0,0,0,.32);cursor:pointer}.btn:disabled{opacity:.48;cursor:not-allowed}.btn.primary{border:0;background:linear-gradient(90deg,#086cff,#00d88f);box-shadow:0 18px 56px rgba(0,180,255,.18)}.btn.gold{border:0;background:linear-gradient(90deg,#ffca4d,#ff6b00);box-shadow:0 20px 60px rgba(255,107,0,.24)}.btn.dark{background:rgba(0,0,0,.28)}.btn.small{min-height:38px;padding:0 13px;border-radius:12px;font-size:13px}.btn.danger{background:rgba(255,49,88,.15);border-color:rgba(255,49,88,.32);color:#ffe2e8}.btn.ghost{background:rgba(255,255,255,.08)}.hero{padding:66px 0 36px;position:relative}.hero-grid{display:grid;grid-template-columns:.94fr 1.06fr;gap:42px;align-items:center}.hero-copy{position:relative}.badge{display:inline-flex;gap:10px;align-items:center;padding:10px 14px;border-radius:999px;border:1px solid rgba(0,239,153,.30);background:rgba(0,239,153,.12);color:#d5ffe9;font-size:12px;font-weight:1000;letter-spacing:.11em;text-transform:uppercase}.badge i{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 20px var(--green)}.intro-logo{display:block;width:min(310px,72vw);height:94px;object-fit:contain;object-position:left center;margin:18px 0 0;filter:drop-shadow(0 18px 34px rgba(0,216,255,.14))}h1{font-size:clamp(42px,6.5vw,82px);letter-spacing:-.073em;line-height:.93;margin:18px 0 18px}h1 span{display:block;background:linear-gradient(90deg,#00d8ff,#00ef99 58%,#ffca4d);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:19px;line-height:1.58;color:var(--muted);font-weight:650;max-width:650px}.lead b{color:#fff}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:28px}.stat{border:1px solid var(--line);background:rgba(255,255,255,.065);padding:16px;border-radius:21px}.stat strong{font-size:26px;display:block}.stat span{color:var(--muted);font-weight:850;font-size:12px;display:block;margin-top:3px}.device{border-radius:42px;padding:18px;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.16);box-shadow:var(--shadow)}.device-bar{height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 8px 12px;color:rgba(255,255,255,.74);font-size:12px;font-weight:1000;letter-spacing:.08em}.dots{display:flex;gap:7px}.dots i{width:10px;height:10px;border-radius:50%;background:#ff5f57}.dots i:nth-child(2){background:#ffbd2e}.dots i:nth-child(3){background:#28c840}.tv-screen{aspect-ratio:16/9;background:#000;border-radius:28px;position:relative;overflow:hidden;border:2px solid rgba(255,202,77,.78);box-shadow:0 0 0 1px rgba(255,255,255,.08),0 0 70px rgba(0,216,255,.15)}.tv-screen video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}.poster{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 40% 20%,rgba(0,216,255,.25),transparent 36%),linear-gradient(145deg,#071328,#020611);transition:.45s;text-align:center}.poster img{width:min(430px,58%);max-height:46%;object-fit:contain;filter:drop-shadow(0 24px 36px rgba(0,216,255,.18))}.poster-title{font-size:28px;font-weight:1000;letter-spacing:-.04em;margin-top:-20px}.tv-screen.playing .poster{opacity:0;pointer-events:none}.live{position:absolute;left:18px;bottom:18px;display:flex;gap:10px;align-items:center;padding:10px 15px;border-radius:999px;background:rgba(0,0,0,.66);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(12px);font-weight:1000}.live i{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 18px var(--green)}.live-caption{display:grid;gap:4px;margin-top:14px;padding:0 4px}.live-caption strong{font-size:18px}.live-caption span{color:var(--muted);font-weight:700}section{padding:58px 0}.head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}h2{font-size:clamp(32px,4vw,54px);line-height:1;margin:0;letter-spacing:-.055em}.sub{color:var(--muted);font-weight:650;line-height:1.55;max-width:820px}.ad-strip{padding:22px 0}.ad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ad-card,.featured-channel{min-height:130px;border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.07);display:flex;align-items:center;gap:18px;padding:15px;overflow:hidden}.ad-card img{width:150px;height:90px;border-radius:18px;object-fit:cover}.ad-card strong,.featured-channel strong{display:block;font-size:20px}.ad-card span,.featured-channel span{display:block;color:var(--muted);font-weight:750;margin-top:5px}.featured-channel{background:linear-gradient(135deg,rgba(204,10,28,.28),rgba(255,202,77,.13));border-color:rgba(255,202,77,.3)}.featured-channel img{width:112px;height:78px;object-fit:contain}.channel-number{width:62px;height:62px;border-radius:20px;background:linear-gradient(135deg,#ffca4d,#d70b1c);display:grid;place-items:center;font-weight:1000;font-size:24px}.download-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.download-tile{display:grid;gap:16px;border:1px solid rgba(255,255,255,.15);border-radius:30px;padding:22px;background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.035));box-shadow:0 18px 52px rgba(0,0,0,.22);min-height:305px}.download-tile.ready{border-color:rgba(0,239,153,.26)}.download-tile.pending{opacity:.85}.device-icon{width:72px;height:72px;border-radius:24px;background:linear-gradient(135deg,rgba(8,108,255,.9),rgba(0,216,143,.9));display:grid;place-items:center;box-shadow:0 20px 48px rgba(0,216,255,.13)}.device-icon span{font-weight:1000;font-size:17px;letter-spacing:-.03em}.download-info h3{font-size:25px;margin:0 0 9px;letter-spacing:-.04em}.download-info p{color:var(--muted);font-weight:700;line-height:1.45;margin:0 0 12px}.download-info small{color:#c9ffdf;font-weight:900}.install-card{border:1px solid rgba(255,255,255,.15);border-radius:38px;padding:34px;background:linear-gradient(135deg,rgba(6,119,255,.22),rgba(0,239,153,.12) 55%,rgba(255,202,77,.13));box-shadow:var(--shadow);display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.steps{display:grid;gap:12px}.steps.big{grid-template-columns:1fr}.step{display:flex;gap:12px;color:var(--muted);font-weight:750;line-height:1.35}.num{min-width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--blue));display:grid;place-items:center;color:#fff;font-weight:1000}.step b{color:#fff}.tabs{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 19px}.tab{height:45px;padding:0 18px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.07);color:#fff;font-weight:1000;cursor:pointer}.tab.active{border:0;background:linear-gradient(90deg,#ffca4d,#ff6b00)}.channels{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.channel{display:flex;gap:13px;align-items:center;min-height:98px;border-radius:23px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.035));padding:14px;box-shadow:0 18px 48px rgba(0,0,0,.22)}.channel.special{border-color:rgba(255,202,77,.36);background:linear-gradient(145deg,rgba(180,0,24,.20),rgba(255,255,255,.045))}.cnum{min-width:54px;height:56px;border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.06));display:grid;place-items:center;font-weight:1000;font-size:19px;color:#fff}.clogo{width:64px;height:58px;border-radius:14px;object-fit:contain;background:#fff;padding:7px}.ctext{min-width:0}.ctext strong{display:block;font-size:17px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ctext span{display:block;color:var(--muted);font-size:12px;font-weight:850;margin-top:3px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.news{height:58px;border-radius:22px;overflow:hidden;border:1px solid var(--line);background:rgba(0,0,0,.35);display:flex;align-items:center;margin-top:18px}.news-label{height:100%;display:flex;align-items:center;padding:0 22px;background:linear-gradient(90deg,#ffca4d,#ff6b00);font-weight:1000}.news-track{display:flex;gap:42px;white-space:nowrap;animation:ticker 36s linear infinite;color:rgba(255,255,255,.92);font-weight:850;padding-left:28px}@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}.footer{padding:38px 0 50px;border-top:1px solid var(--line);text-align:center;color:var(--muted)}.admin-body{min-height:100vh;display:grid;place-items:center;padding:28px}.login{width:min(440px,94vw);border-radius:32px;padding:32px;background:rgba(7,17,36,.86);border:1px solid var(--line);box-shadow:var(--shadow)}.login img{display:block;width:210px;max-height:110px;object-fit:contain;margin:0 auto 20px}.form{display:grid;gap:13px}.field{display:grid;gap:7px}.field label{font-size:13px;font-weight:950;color:rgba(255,255,255,.84)}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);background:rgba(0,0,0,.31);color:#fff;border-radius:14px;padding:13px 14px;outline:none}.field textarea{min-height:96px;resize:vertical}.flash{padding:13px 15px;border-radius:15px;margin:10px 0;font-weight:900}.flash.ok{background:rgba(0,239,153,.14);border:1px solid rgba(0,239,153,.28)}.flash.error{background:rgba(255,49,88,.14);border:1px solid rgba(255,49,88,.28)}.admin{display:grid;grid-template-columns:300px 1fr;min-height:100vh}.aside{position:sticky;top:0;height:100vh;padding:24px;background:rgba(2,6,17,.86);border-right:1px solid var(--line);backdrop-filter:blur(16px)}.aside img{width:200px;max-height:115px;object-fit:contain}.aside-menu{display:grid;gap:8px;margin-top:20px}.main{padding:28px}.admin-title{font-size:clamp(34px,5vw,56px);margin:0 0 18px}.cards2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.acard{border:1px solid var(--line);border-radius:25px;background:rgba(255,255,255,.06);padding:22px;margin-bottom:18px}.acard h2{font-size:30px;margin-bottom:8px}.agrid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.installer-admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.installer-box{border:1px solid var(--line);border-radius:24px;background:rgba(0,0,0,.22);padding:18px;display:grid;gap:12px}.installer-head{display:flex;gap:14px;align-items:center}.installer-head h3{margin:0;font-size:22px}.installer-head small{color:var(--muted);font-weight:800}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.checks,.check{display:flex;gap:13px;align-items:center;flex-wrap:wrap;color:var(--muted);font-weight:850}.api-line{display:block;white-space:nowrap;overflow:auto;background:rgba(0,0,0,.38);border:1px solid var(--line);padding:9px 11px;border-radius:12px;color:#bfffdc}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.table small{color:var(--muted);font-weight:750}.preview{width:86px;height:54px;object-fit:contain;background:#fff;border-radius:10px;padding:5px}.actions-cell{display:flex;gap:8px;align-items:center}.actions-cell form{margin:0}@media(max-width:1150px){.channels,.download-grid{grid-template-columns:repeat(2,1fr)}.ad-grid{grid-template-columns:1fr}.hero-grid,.install-card,.admin,.cards2,.installer-admin-grid{grid-template-columns:1fr}.aside{position:relative;height:auto}.navlinks{display:none}.agrid{grid-template-columns:1fr}.agrid .field,.agrid button{grid-column:span 1!important}}@media(max-width:640px){.channels,.download-grid,.stats{grid-template-columns:1fr}.brand img{width:126px}.brand span{display:none}.hero{padding-top:42px}.ad-card,.featured-channel{align-items:flex-start;flex-direction:column}.ad-card img{width:100%;height:150px}.table{font-size:13px}.admin-title{font-size:34px}}

/* Mejoras finales para WANETT: logos editables y tarjetas limpias */
.brand img,.intro-logo,.aside img,.login img{background:rgba(255,255,255,.03);border-radius:18px;padding:3px}
.intro-logo{width:min(260px,68vw);height:118px;object-position:left center;border-radius:24px;padding:6px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.02))}
.poster img{border-radius:28px;background:rgba(255,255,255,.02);padding:6px}
.logo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.logo-edit-card{border:1px solid var(--line);background:rgba(0,0,0,.22);border-radius:22px;padding:14px;display:grid;gap:12px}.logo-edit-card img{width:100%;height:118px;object-fit:contain;background:#0618a8;border-radius:18px;padding:8px}.logo-edit-card code{font-size:11px;color:#bfffdc;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.10);padding:8px;border-radius:10px;overflow:auto;white-space:nowrap}.download-tile .device-icon{box-shadow:0 18px 46px rgba(0,216,255,.16)}.download-tile h3{min-height:58px}.channel-number{font-size:25px}.featured-channel img{background:rgba(255,255,255,.96);border-radius:17px;padding:7px}.admin .btn.small.dark{justify-content:flex-start}@media(max-width:1150px){.logo-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.logo-grid{grid-template-columns:1fr}.intro-logo{height:98px}}


/* =========================================================
   WANETT TV · Ajuste final premium con Canal 45 La N TV
   ========================================================= */
.glass-top{background:rgba(1,5,18,.72);box-shadow:0 14px 55px rgba(0,0,0,.28)}
.q-brand img{width:62px;height:62px;border-radius:18px;object-fit:contain;background:rgba(255,255,255,.02);padding:0}.q-brand span{font-size:24px;letter-spacing:-.05em;background:linear-gradient(90deg,#fff,#27e8ff,#00ef99);-webkit-background-clip:text;background-clip:text;color:transparent}.streaming-hero{padding-top:64px;padding-bottom:36px;overflow:hidden}.streaming-hero:after{content:"";position:absolute;left:-12vw;right:-12vw;bottom:-90px;height:260px;background:radial-gradient(ellipse at center,rgba(8,108,255,.25),transparent 62%);pointer-events:none}.orb{position:absolute;border-radius:50%;filter:blur(22px);opacity:.44;pointer-events:none}.orb-a{width:280px;height:280px;left:6%;top:12%;background:rgba(0,216,255,.28)}.orb-b{width:340px;height:340px;right:2%;bottom:8%;background:rgba(0,239,153,.16)}.premium-grid{grid-template-columns:.92fr 1.08fr;gap:52px}.hero-logo{width:min(320px,70vw);height:200px;background:transparent!important;padding:0!important;object-position:left center;filter:drop-shadow(0 0 32px rgba(0,216,255,.36)) drop-shadow(0 24px 70px rgba(0,0,0,.42))}.premium-copy h1{font-size:clamp(48px,6vw,86px)}.premium-copy h1 span{font-size:.46em;letter-spacing:-.035em;margin-top:10px;color:#b8f7ff;background:none;-webkit-text-fill-color:#b8f7ff}.premium-stats .special-stat{border-color:rgba(255,49,88,.35);background:linear-gradient(135deg,rgba(255,49,88,.15),rgba(0,216,255,.08))}.live-panel-pro{border:1px solid rgba(0,216,255,.24);box-shadow:0 36px 140px rgba(0,0,0,.62),0 0 80px rgba(0,216,255,.12);background:linear-gradient(145deg,rgba(10,25,58,.68),rgba(255,255,255,.04))}.ntv-screen{border-color:rgba(0,239,153,.62);box-shadow:0 0 0 1px rgba(0,216,255,.22),0 0 70px rgba(0,216,255,.16),inset 0 0 90px rgba(255,49,88,.09)}.ntv-poster{background:radial-gradient(circle at 50% 36%,rgba(255,49,88,.22),transparent 34%),radial-gradient(circle at 10% 10%,rgba(0,216,255,.24),transparent 36%),linear-gradient(145deg,#050a18,#01020a 70%)}.ntv-poster img{width:min(380px,54%);max-height:50%;padding:0!important;background:transparent!important;border-radius:0;filter:drop-shadow(0 24px 38px rgba(255,49,88,.26)) drop-shadow(0 0 34px rgba(255,255,255,.08))}.ntv-poster p{margin:6px 0 0;color:rgba(255,255,255,.72);font-weight:850}.en-vivo-badge{position:absolute;left:18px;top:18px;display:flex;align-items:center;gap:8px;background:linear-gradient(90deg,#ff103b,#aa0018);border-radius:999px;padding:9px 14px;font-size:12px;font-weight:1000;box-shadow:0 10px 30px rgba(255,49,88,.25)}.en-vivo-badge i{width:10px;height:10px;border-radius:50%;background:#43ff6a;box-shadow:0 0 18px #43ff6a}.premium-strip{padding-top:10px}.ntv-feature{border-color:rgba(255,49,88,.36);background:linear-gradient(135deg,rgba(149,0,18,.42),rgba(7,17,36,.76));box-shadow:0 20px 80px rgba(255,49,88,.12)}.ntv-feature img{background:transparent!important;width:112px;height:92px;padding:0!important}.channels-section{padding-top:42px}.channel{position:relative}.selected-ntv{border-color:rgba(0,239,153,.56)!important;box-shadow:0 0 0 1px rgba(0,216,255,.25),0 24px 80px rgba(0,239,153,.1);background:linear-gradient(145deg,rgba(121,0,15,.28),rgba(255,255,255,.045))!important}.selected-ntv .clogo{background:transparent!important;padding:0!important;width:82px;height:72px}.tag-live{position:absolute;top:9px;right:12px;background:#ff123e;color:#fff;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:1000;letter-spacing:.06em}.download-section{padding-top:40px}.device-downloads .download-tile{position:relative;overflow:hidden}.device-downloads .download-tile:before{content:"";position:absolute;inset:-80px auto auto -80px;width:170px;height:170px;border-radius:50%;background:rgba(0,216,255,.13);filter:blur(8px)}.device-downloads .tv{border-color:rgba(0,239,153,.38)}.device-downloads .ios{border-color:rgba(184,77,255,.42)}.device-downloads .pc{border-color:rgba(0,216,255,.34)}.device-downloads .device-icon{background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.28),transparent 30%),linear-gradient(135deg,#061a46,#0a72ff 55%,#00ef99)}.admin-preview-card{background:linear-gradient(135deg,rgba(6,119,255,.20),rgba(0,239,153,.11),rgba(255,49,88,.10));border-color:rgba(0,216,255,.22)}.admin-features .num{background:linear-gradient(135deg,#086cff,#00ef99)}@media(max-width:1150px){.premium-grid{grid-template-columns:1fr}.hero-logo{height:150px}.q-brand span{font-size:20px}}@media(max-width:640px){.q-brand img{width:50px;height:50px}.hero-logo{height:132px}.premium-copy h1 span{font-size:.38em}.live-panel-pro{border-radius:28px;padding:12px}.ntv-poster img{width:62%}.poster-title{font-size:21px}.download-tile{min-height:auto}}

/* =========================================================
   AJUSTE FINAL 2026-05-12
   - Canal 45 La N TV queda como canal normal.
   - Reproductor principal sigue en Canal 1 WANETT TV.
   - Contenido centrado y balanceado en pantalla grande.
   ========================================================= */
html,body{width:100%;overflow-x:hidden}.wrap{width:min(1180px,calc(100% - 48px));max-width:1180px;margin-left:auto!important;margin-right:auto!important}.nav.wrap,.hero-grid.wrap,.ad-grid.wrap{margin-left:auto!important;margin-right:auto!important}.top .nav{justify-content:center}.nav{display:grid;grid-template-columns:auto 1fr auto;justify-items:center}.brand{justify-self:start}.navlinks{justify-self:center}.nav .btn{justify-self:end}.premium-grid,.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:34px!important;justify-content:center!important;align-items:center!important}.premium-copy,.hero-copy{max-width:545px;justify-self:center!important}.live-panel-pro,.device{width:100%;max-width:585px;justify-self:center!important}.hero-logo{margin-left:0!important}.actions,.stats{justify-content:flex-start}.ad-grid{grid-template-columns:repeat(3,minmax(0,1fr));justify-content:center}.channels{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));justify-content:center;align-items:stretch}.channel{border-color:var(--line)!important;background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.035))!important;box-shadow:0 18px 48px rgba(0,0,0,.22)!important}.channel.special,.selected-ntv{border-color:var(--line)!important;background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.035))!important;box-shadow:0 18px 48px rgba(0,0,0,.22)!important}.selected-ntv .clogo,.channel .clogo{width:64px!important;height:58px!important;border-radius:14px!important;object-fit:contain!important;background:#fff!important;padding:7px!important}.tag-live{display:none!important}.download-grid{grid-template-columns:repeat(4,minmax(0,1fr));justify-content:center}.install-card{max-width:1180px;margin-left:auto;margin-right:auto}.qvideo-screen{border-color:rgba(0,216,255,.62);box-shadow:0 0 0 1px rgba(255,255,255,.08),0 0 70px rgba(0,216,255,.18),inset 0 0 90px rgba(0,239,153,.08)}.qvideo-poster{background:radial-gradient(circle at 50% 38%,rgba(0,216,255,.24),transparent 36%),radial-gradient(circle at 20% 12%,rgba(0,239,153,.18),transparent 34%),linear-gradient(145deg,#071328,#020611)}.qvideo-poster img{background:transparent!important;padding:0!important;border-radius:22px;filter:drop-shadow(0 22px 42px rgba(0,216,255,.22))}.channels-section .head,.download-section .head{text-align:left}.news{max-width:1180px;margin-left:auto;margin-right:auto}@media(max-width:1150px){.wrap{width:min(94vw,900px)}.nav{display:flex;justify-content:space-between}.premium-grid,.hero-grid{grid-template-columns:1fr!important}.premium-copy,.hero-copy,.live-panel-pro,.device{max-width:760px}.download-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ad-grid{grid-template-columns:1fr}.actions,.stats{justify-content:flex-start}}@media(max-width:640px){.wrap{width:min(92vw,520px)}.download-grid,.channels{grid-template-columns:1fr}.premium-copy,.hero-copy{text-align:left}.actions,.stats{justify-content:stretch}.actions .btn{width:100%}.hero-logo{width:min(260px,74vw)}}


/* Optimización visual del reproductor: mantiene el logo mientras carga y muestra estado claro */
.player-status{display:inline-flex;align-items:center;justify-content:center;margin-top:12px;padding:8px 13px;border-radius:999px;background:rgba(0,0,0,.36);border:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.82);font-size:12px;font-weight:900;letter-spacing:.02em;backdrop-filter:blur(10px)}
.tv-screen.playing .player-status{display:none}
.qvideo-screen video{transform:translateZ(0);will-change:opacity;background:#020611}
.qvideo-screen .poster{z-index:2}
.qvideo-screen .live{z-index:3}


/* WANETT brand ajuste: logo horizontal correcto */
.q-brand img{width:180px!important;height:62px!important;border-radius:0!important;background:transparent!important;padding:0!important;object-fit:contain!important}.q-brand span{display:none!important}.hero-logo{width:min(520px,86vw)!important;height:190px!important}.aside img{width:100%;max-height:130px;object-fit:contain;background:transparent!important}.admin-title{letter-spacing:-.04em}
@media(max-width:640px){.q-brand img{width:142px!important;height:52px!important}.hero-logo{height:150px!important}}

/* =========================================================
   WANETT ADMIN PRO 2026-06-16
   Panel administrativo ordenado con menú lateral profesional.
   Mantiene rutas y APIs existentes: no rompe APK ni login.
   ========================================================= */
.admin-pro-body{
  background:
    radial-gradient(circle at 12% 8%,rgba(0,239,153,.18),transparent 28%),
    radial-gradient(circle at 90% 6%,rgba(0,216,255,.18),transparent 28%),
    linear-gradient(180deg,#02060b 0%,#05111d 48%,#02050a 100%)!important;
}
.admin-shell{display:grid;grid-template-columns:310px minmax(0,1fr);min-height:100vh;position:relative}
.admin-sidebar{position:sticky;top:0;height:100vh;overflow:auto;padding:22px 18px;background:linear-gradient(180deg,rgba(1,10,14,.94),rgba(3,16,29,.91));border-right:1px solid rgba(0,239,153,.16);box-shadow:20px 0 70px rgba(0,0,0,.28);backdrop-filter:blur(18px);z-index:20}
.sidebar-brand{display:grid;gap:10px;padding:8px 8px 18px;border-bottom:1px solid rgba(255,255,255,.10);margin-bottom:16px}.sidebar-brand img{width:100%;height:92px;object-fit:contain;background:transparent!important;padding:0!important;border-radius:0!important;filter:drop-shadow(0 18px 36px rgba(0,239,153,.18))}.sidebar-brand span{font-size:12px;font-weight:1000;letter-spacing:.14em;text-transform:uppercase;color:rgba(209,255,232,.74)}
.sidebar-nav{display:grid;gap:7px}.sidebar-nav a{min-height:48px;display:flex;align-items:center;gap:12px;padding:0 13px;border-radius:15px;color:rgba(255,255,255,.78);font-weight:950;border:1px solid transparent;transition:.2s;background:transparent}.sidebar-nav a b{width:26px;height:26px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.08);font-size:13px}.sidebar-nav a:hover,.sidebar-nav a.active{color:#fff;border-color:rgba(0,239,153,.30);background:linear-gradient(90deg,rgba(0,239,153,.15),rgba(0,216,255,.08));box-shadow:0 16px 44px rgba(0,239,153,.06)}.sidebar-nav a.active b{background:linear-gradient(135deg,#00ef99,#086cff);color:#fff}
.sidebar-actions{display:grid;gap:8px;margin-top:20px;padding-top:18px;border-top:1px solid rgba(255,255,255,.10)}.sidebar-actions .btn{width:100%;justify-content:flex-start}.sidebar-note{font-size:12px;line-height:1.48;color:rgba(255,255,255,.55);font-weight:750;margin:16px 8px 0}
.admin-content{min-width:0;padding:28px clamp(18px,3vw,38px) 60px}.admin-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px;padding:28px;border:1px solid rgba(0,239,153,.16);border-radius:30px;background:linear-gradient(135deg,rgba(0,239,153,.12),rgba(0,216,255,.08) 52%,rgba(255,255,255,.035));box-shadow:0 26px 110px rgba(0,0,0,.34);position:relative;overflow:hidden}.admin-hero:before{content:"";position:absolute;right:-90px;top:-100px;width:260px;height:260px;border-radius:50%;background:rgba(0,239,153,.13);filter:blur(18px)}.admin-hero>div{position:relative}.admin-kicker,.section-label{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(0,239,153,.12);border:1px solid rgba(0,239,153,.24);color:#d6ffe9;font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.12em}.admin-title{font-size:clamp(38px,4.8vw,68px)!important;line-height:.92;margin:12px 0 8px!important;background:linear-gradient(90deg,#fff,#b8ffe4 45%,#27e8ff);-webkit-background-clip:text;background-clip:text;color:transparent}.admin-hero-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0 24px}.metric-grid.users-metrics{grid-template-columns:repeat(6,minmax(0,1fr))}.metric-card{display:block;min-height:135px;border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:18px;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035));box-shadow:0 18px 55px rgba(0,0,0,.21);transition:.2s}.metric-card:hover{transform:translateY(-2px);border-color:rgba(0,239,153,.28);box-shadow:0 24px 76px rgba(0,239,153,.08)}.metric-card strong{display:block;font-size:34px;line-height:1;letter-spacing:-.04em;color:#fff}.metric-card span{display:block;margin-top:10px;font-size:14px;font-weight:1000;color:#cffff0}.metric-card small{display:block;margin-top:8px;color:rgba(255,255,255,.62);font-weight:750;line-height:1.35}.metric-card.warning{border-color:rgba(255,202,77,.28);background:linear-gradient(145deg,rgba(255,202,77,.12),rgba(255,255,255,.035))}.metric-card.danger-card{border-color:rgba(255,49,88,.25);background:linear-gradient(145deg,rgba(255,49,88,.12),rgba(255,255,255,.035))}.small-metrics .metric-card{min-height:110px}
.admin-section{padding:18px 0 34px;scroll-margin-top:24px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:14px}.section-head h2{font-size:clamp(28px,3.2vw,42px)!important;margin:10px 0 6px!important}.admin-card{border:1px solid rgba(255,255,255,.12);border-radius:26px;background:rgba(255,255,255,.062);box-shadow:0 20px 72px rgba(0,0,0,.24);padding:20px;margin-bottom:16px}.form-card{background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(0,239,153,.035))}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.form-stack{display:grid;gap:13px}.field input,.field textarea,.field select{transition:.18s;border-color:rgba(255,255,255,.13)}.field input:focus,.field textarea:focus,.field select:focus{border-color:rgba(0,239,153,.46);box-shadow:0 0 0 3px rgba(0,239,153,.10)}.wide{grid-column:1/-1}.wide2{grid-column:span 2}.split-grid{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:16px}.table-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.table-title h3{margin:0;font-size:22px;letter-spacing:-.03em}.table-title small{color:rgba(255,255,255,.62);font-weight:850}.table-wrap,.users-table-wrap{overflow:auto;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:rgba(0,0,0,.16)}.pro-table{min-width:760px;margin:0}.pro-table th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:rgba(209,255,232,.70);background:rgba(0,0,0,.18)}.pro-table tr:hover td{background:rgba(255,255,255,.025)}.preview{background:#fff!important}.mini-pill,.status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:1000;border:1px solid rgba(255,255,255,.15);white-space:nowrap}.mini-pill.ok,.status-pill.ok{color:#c8ffe5;border-color:rgba(0,239,153,.30);background:rgba(0,239,153,.10)}.mini-pill.off,.status-pill.expired,.status-pill.disabled{color:#ffd9df;border-color:rgba(255,49,88,.35);background:rgba(255,49,88,.14)}.status-pill.not_started{color:#fff3c2;border-color:rgba(255,202,77,.35);background:rgba(255,202,77,.13)}.date-note{font-size:12px;color:var(--muted);line-height:1.45;min-width:160px}.password-cell{font-family:ui-monospace,Consolas,monospace;color:#caffdf;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.10);padding:7px 9px;border-radius:10px;display:inline-block;min-width:90px;text-align:center}.password-cell.empty{color:rgba(255,255,255,.5)}.note-cell{max-width:230px;white-space:normal;color:var(--muted);font-size:12px;line-height:1.35}
.logos-grid-pro{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.logo-pro-card{border:1px solid rgba(255,255,255,.11);background:rgba(0,0,0,.20);border-radius:22px;padding:14px;display:grid;gap:12px}.logo-pro-card img{width:100%;height:130px;object-fit:contain;background:linear-gradient(135deg,rgba(0,239,153,.12),rgba(0,216,255,.08))!important;border-radius:18px;padding:10px!important}.logo-pro-card code{font-size:11px;color:#bfffdc;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.10);padding:8px;border-radius:10px;overflow:auto;white-space:nowrap}.pro-installers{grid-template-columns:repeat(2,minmax(0,1fr))}.pro-installers .installer-box{background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(0,216,255,.035));border-color:rgba(255,255,255,.12)}
.quick-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.users-toolbar{display:grid;grid-template-columns:2fr 1fr 120px auto auto;gap:10px;align-items:end;padding:14px;border-radius:20px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10)}.users-table{min-width:1180px}.pagination{display:flex;gap:8px;align-items:center;justify-content:flex-end;margin-top:14px;flex-wrap:wrap}.pagination .pageinfo{font-size:12px;color:var(--muted);margin-right:auto}.actions-cell{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.user-actions{min-width:320px}.actions-cell form{margin:0}.check{min-height:48px}.api-line{font-size:12px}
@media(max-width:1250px){.metric-grid,.metric-grid.users-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.split-grid,.pro-installers{grid-template-columns:1fr}.logos-grid-pro{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:relative;height:auto}.admin-content{padding:18px}.admin-hero,.section-head{align-items:flex-start;flex-direction:column}.admin-hero-actions{justify-content:flex-start}.form-grid{grid-template-columns:1fr}.wide,.wide2{grid-column:1/-1}.users-toolbar{grid-template-columns:1fr}.users-toolbar .btn{width:100%}}
@media(max-width:640px){.metric-grid,.metric-grid.users-metrics,.logos-grid-pro{grid-template-columns:1fr}.admin-hero{padding:20px}.admin-card{padding:15px}.sidebar-brand img{height:76px}.admin-title{font-size:34px!important}.actions-cell{min-width:0}.user-actions{min-width:260px}}

/* WANETT seguridad admin / roles */
.role-badge{display:block;margin-top:6px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#9df7b6;background:rgba(0,190,80,.12);border:1px solid rgba(0,255,120,.25);border-radius:999px;padding:5px 8px;width:max-content;max-width:100%}
.private-link{color:#9df7b6;font-weight:700;letter-spacing:.02em}
.mini-pill.gold{background:linear-gradient(135deg,#f3d982,#a97f18);color:#120f03;border-color:rgba(255,224,120,.45)}
.flash.ok b,.flash.error b{font-weight:900}

/* WANETT métricas de usuarios / facturación operativa */
.metrics-control-card{display:grid;gap:10px}.metrics-toolbar{grid-template-columns:180px 180px auto auto!important;max-width:720px}.metric-range-note{margin:2px 0 0!important}.range-metrics{grid-template-columns:repeat(6,minmax(0,1fr))!important}.range-metrics .metric-card{min-height:118px}.metrics-split{grid-template-columns:1fr 1fr}.compact-table{min-width:720px}.compact-table th,.compact-table td{font-size:12px}.compact-table-wrap{max-height:420px;overflow:auto}.metric-card strong{font-variant-numeric:tabular-nums}
@media(max-width:1250px){.range-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}.metrics-split{grid-template-columns:1fr}.metrics-toolbar{grid-template-columns:1fr 1fr!important}}
@media(max-width:760px){.range-metrics{grid-template-columns:1fr!important}.metrics-toolbar{grid-template-columns:1fr!important}}


/* =========================================================
   WANETT · APP RESPONSIVE TV + TELÉFONO
   Capa segura: no toca datos ni rutas, solo adapta diseño.
   ========================================================= */
body.is-app{background:#020704;min-height:100vh;}
body.is-app .top{position:sticky;top:0;z-index:30;backdrop-filter:blur(20px);}
body.is-app .brand img{object-fit:contain;}
body.is-tv .wrap{max-width:1680px;}
body.is-tv .channel{min-height:92px;}
body.is-tv .channel:focus-within, body.is-tv .btn:focus, body.is-tv a:focus{outline:4px solid #16e26f;outline-offset:4px;border-radius:18px;}
@media (orientation:portrait) and (max-width:780px){
  body.is-phone .nav{gap:12px;align-items:center;}
  body.is-phone .brand span{font-size:18px;}
  body.is-phone .navlinks{display:none;}
  body.is-phone .hero-grid, body.is-phone .premium-grid{grid-template-columns:1fr!important;gap:22px;}
  body.is-phone .hero-copy{text-align:center;}
  body.is-phone .hero-logo{max-width:min(82vw,300px);margin-left:auto;margin-right:auto;}
  body.is-phone .actions{justify-content:center;flex-direction:column;}
  body.is-phone .actions .btn{width:100%;justify-content:center;}
  body.is-phone .stats{grid-template-columns:repeat(3,1fr);gap:8px;}
  body.is-phone .device{border-radius:24px;}
  body.is-phone .tv-screen{min-height:230px;border-radius:20px;}
  body.is-phone .channels{grid-template-columns:1fr!important;}
  body.is-phone .channel{min-height:82px;border-radius:20px;padding:12px;}
  body.is-phone .clogo{width:56px;height:56px;}
  body.is-phone .download-grid{grid-template-columns:1fr!important;}
}
@media (orientation:landscape) and (max-height:520px){
  body.is-phone .top{position:static;}
  body.is-phone .hero{padding-top:18px;padding-bottom:18px;}
  body.is-phone .hero-grid{grid-template-columns:.9fr 1.1fr!important;gap:14px;}
  body.is-phone .hero-logo{max-height:72px;width:auto;}
  body.is-phone h1{font-size:clamp(24px,4vw,40px);}
  body.is-phone .lead{font-size:14px;}
  body.is-phone .stats{display:none;}
  body.is-phone .tv-screen{min-height:calc(100vh - 120px);}
  body.is-phone .channels{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (min-width:1200px){
  body.is-tv .channels{grid-template-columns:repeat(4,minmax(0,1fr));}
  body.is-tv .download-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
}