*{box-sizing:border-box}body{margin:0;background:#08090e;color:#f3f3f6;font:14px/1.4 system-ui,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.top{height:72px;background:#101017;display:flex;align-items:center;gap:30px;padding:0 26px;border-bottom:1px solid #ffffff14;position:sticky;top:0;z-index:10}.brand{font-weight:900;color:#f7c64e;font-size:23px;display:flex;align-items:center;gap:10px;min-width:190px}.brand img{width:52px;height:45px;object-fit:contain}.top nav{display:flex;gap:8px;flex:1}.top nav button{border:0;border-radius:8px;padding:11px 15px;background:transparent;color:#c9c9d2;font-weight:700}.top nav button.active,.top nav button:hover{background:#24212a;color:#f6c64e}.web{font-size:12px;color:#a9a8b5}.app{display:grid;grid-template-columns:255px minmax(0,1fr);min-height:calc(100vh - 72px)}.left{background:#121219;border-right:1px solid #ffffff14;position:sticky;top:72px;height:calc(100vh - 72px);overflow:auto;padding:18px 12px}.left-title{font-weight:800;padding:10px 12px;color:#ddd}.categories{display:flex;flex-direction:column;gap:3px}.categories button{border:0;background:transparent;color:#c5c6d0;text-align:left;border-radius:7px;padding:10px 12px;min-height:38px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.categories button:hover,.categories button.active{background:#303d5c;color:#fff;border-left:3px solid #f6c64e}.main{min-width:0;padding:22px 30px 60px}.featured{min-height:150px;border-radius:13px;background:radial-gradient(ellipse at 70% 45%,#33213c 0%,transparent 60%),linear-gradient(110deg,#17141f,#0e1018);display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 28px;border:1px solid #ffffff10;margin-bottom:22px}.feature-copy{min-width:0}.tag{font-size:10px;letter-spacing:2px;color:#f4c54b;font-weight:900}.featured h1{font-size:clamp(20px,2.4vw,30px);margin:8px 0;overflow-wrap:anywhere}.featured p{margin:0;color:#aeb0bc}.feature-image{height:112px;width:90px;flex:none}.feature-image img{width:100%;height:100%;object-fit:contain;border-radius:7px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.toolbar h2{margin:4px 0;font-size:24px}.toolbar input{background:#191b24;color:#fff;border:1px solid #373947;padding:12px 15px;border-radius:9px;width:280px;max-width:100%}.shelf{margin:0 0 28px}.shelf h3{font-size:17px;margin:16px 0}.posters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.poster{min-width:0;background:#15161e;border:1px solid #ffffff12;border-radius:7px;padding:0 0 8px;text-align:left;color:white;overflow:hidden;transition:transform .15s,border-color .15s}.poster:hover,.poster:focus-visible,.poster.selected{outline:none;border-color:#f6c64e;transform:translateY(-2px)}.poster-image{height:auto;aspect-ratio:2/3;background:#252633;display:grid;place-items:center;color:#8b8b9a;font-size:32px;overflow:hidden}.poster-image img{width:100%;height:100%;object-fit:cover}.poster.live .poster-image{background:#20222b}.poster.live .poster-image img{object-fit:contain;padding:8px}.poster h4{font-size:12px;line-height:1.3;margin:8px 8px 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.poster small{color:#a2a3b1;font-size:11px;margin:0 8px}.empty,#message{color:#b6b7c5}.pager{display:flex;justify-content:center;align-items:center;gap:15px;margin:25px}.pager[hidden]{display:none}.pager button{background:#262a35;color:#fff;border:0;border-radius:8px;padding:10px 17px}.pager button:disabled{opacity:.4}@media(max-width:1100px){.posters{grid-template-columns:repeat(4,minmax(0,1fr))}.app{grid-template-columns:220px minmax(0,1fr)}.main{padding:18px}}@media(max-width:700px){.top{height:auto;min-height:65px;padding:10px 14px;flex-wrap:wrap;gap:6px}.brand{min-width:0;font-size:19px}.top nav{order:3;overflow:auto;width:100%;flex:auto}.top nav button{white-space:nowrap;padding:9px}.web{margin-left:auto}.app{display:block}.left{position:relative;top:auto;height:auto;max-height:160px;padding:7px 10px}.left-title{padding:4px}.categories{flex-direction:row;overflow:auto}.categories button{flex:none;width:auto;max-width:170px}.main{padding:14px}.featured{min-height:115px;padding:14px}.featured h1{font-size:19px}.feature-image{height:80px;width:60px}.toolbar{align-items:stretch;flex-direction:column;gap:8px}.toolbar input{width:100%}.posters{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}}@media(max-width:380px){.posters{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Solo identidad visual: mantiene intacta la disposición v4 */
.brand{color:#f4f6ff;min-width:190px;gap:7px}.brand img{width:116px;height:58px;object-fit:contain;display:block}.brand-name{display:none}.top nav button.active,.top nav button:hover{color:#59b8ff;background:#12233d}.categories button:hover,.categories button.active{background:#122b4b;border-left-color:#e02b37}.tag{color:#69bbff}.poster:focus-visible{outline:2px solid #e52e3b;outline-offset:2px}
@media(max-width:700px){.brand{min-width:0}.brand img{width:92px;height:48px}}