/* Listinha+ Web HML 1.3.11 — identidade visual do aplicativo Windows.
   Escopo: navegação e catálogo autenticado. Não altera telas de login ou sessão. */
:root{--lp113-bg:#141414;--lp113-surface:#1f1b27;--lp113-purple:#802ff0;--lp113-focus:#d8b8ff;--lp113-text:#f7f4fa}
body:has(.shell){background:var(--lp113-bg);color:var(--lp113-text)}
.shell .main{margin-left:0}
.shell .main-content{max-width:none;width:100%;padding:0 4.5vw 60px}
.shell .topbar{position:sticky;top:0;z-index:40;min-height:123px;height:auto;display:flex;justify-content:space-between;align-items:center;padding:12px 4.5vw;background:#141414;border:0;box-shadow:none}
.shell .topbar .mobile-logo{display:none}
.shell .topbar-right{order:0;margin-right:auto;flex:0 0 auto}
.shell .desktop-platform-nav{order:1;display:flex;flex:1;justify-content:center;gap:12px;overflow-x:auto;scrollbar-width:none}
.shell .desktop-platform-nav::-webkit-scrollbar{display:none}
.shell .desktop-platform-nav .nav-btn{display:inline-flex;justify-content:center;align-items:center;gap:0;flex:0 0 auto;width:auto;min-width:max-content;min-height:70px;padding:12px clamp(16px,2vw,37px);font-size:clamp(19px,1.75vw,30px);line-height:1.2;color:#f6f2fa;background:transparent;border:2px solid transparent;border-radius:48px;font-weight:750}
.shell .desktop-platform-nav .nav-btn.active{background:var(--lp113-purple);color:white;border-color:transparent;padding:12px clamp(16px,2vw,37px)}
.shell .desktop-platform-nav .nav-btn .icon{display:none}
.shell .topbar-profile .avatar-mini{width:55px;height:55px;border-radius:17px;overflow:hidden}
.shell .topbar .topbar-right .top-action{display:none!important}
.shell .topbar .topbar-right .topbar-profile{display:flex}
.shell .topbar .brand,.shell .main .brand-mark{display:none}
.shell .platform-content{margin:0 auto;min-width:0}
.shell .platform-page-head{margin:0 0 15px;padding:12px 0}
.shell .platform-hero{min-height:370px;border-radius:20px;margin:5px 0 30px;background:#20182a;overflow:hidden}
.shell .platform-hero h1{font-weight:750;letter-spacing:-.025em}
.shell .platform-row{margin:30px 0 36px}
.shell .platform-row h2{font-size:clamp(24px,2.2vw,35px);letter-spacing:-.02em}
.shell .platform-horizontal{display:flex;gap:17px;padding:13px 0 17px;scrollbar-color:#755b85 transparent}
.shell .platform-card{flex:0 0 clamp(160px,18vw,300px);min-width:0}
.shell .platform-card.wide{flex-basis:clamp(210px,20vw,310px)}
.shell .platform-poster{aspect-ratio:2/3;border:0;border-radius:13px;background:#211b2a;box-shadow:none}
.shell .platform-poster>img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;background:#211b2a}
.shell .platform-card.wide .platform-poster{aspect-ratio:16/9}
.shell .platform-card-name{font-size:16px;line-height:1.35;font-weight:600;overflow-wrap:anywhere;white-space:normal;padding-top:4px}
.shell .platform-card>p{font-size:12px;color:#a8a3b1}
.shell .platform-grid{grid-template-columns:repeat(auto-fill,minmax(195px,1fr))}
.shell .platform-grid .platform-card{width:100%;max-width:none}

/* Filmes e Séries: duas colunas principais, como a 1.3.11. */
.lp113-catalog-layout{display:grid;grid-template-columns:minmax(255px,30%) minmax(0,1fr);gap:44px;min-height:calc(100vh - 125px);margin:0 -1.5vw}
.lp113-catalog-sidebar{overflow-y:auto;max-height:calc(100vh - 130px);position:sticky;top:125px;border-right:5px solid #8432ba;padding:20px 0 50px 0;scrollbar-width:thin;scrollbar-color:#67399b transparent}
.lp113-cat{width:100%;display:flex;align-items:center;gap:20px;min-height:80px;padding:18px 22px 18px 36px;background:transparent;border:2px solid transparent;color:#a8a4af;text-align:left;font-size:clamp(17px,1.5vw,25px);line-height:1.25;cursor:pointer}
.lp113-cat .icon{width:26px;height:26px;flex-shrink:0;color:#c4a7f0}
.lp113-cat span{min-width:0;overflow-wrap:anywhere}
.lp113-cat small{margin-left:auto;color:inherit;font-size:.8em}
.lp113-cat.active{background:#6928ce;border-color:#d6b6ff;color:#fff;font-weight:700}
.lp113-catalog-results{min-width:0;padding:42px 1.5vw 40px 0}
.lp113-catalog-results>h2{font-size:clamp(25px,2.3vw,36px);margin:0 0 22px}
.lp113-catalog-tools{display:flex;justify-content:flex-end;margin:0 0 20px}
.lp113-catalog-tools label{display:flex;align-items:center;gap:10px;font-size:13px;color:#b9afc9}
.lp113-catalog-tools select{font:inherit;background:#262030;color:#ddd;border:1px solid #54415f;padding:8px 12px;border-radius:11px}
.lp113-catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 20px;align-items:start}
.lp113-catalog-grid .platform-card{width:100%;max-width:none}
.lp113-catalog-grid .platform-poster{width:100%;aspect-ratio:2/3}
.lp113-catalog-results .platform-row{margin-top:50px}
.lp113-catalog-results .platform-row h2{font-size:26px}

/* TV ao vivo: categorias | lista de canais | player/EPG */
.lp113-tv-layout{display:grid;grid-template-columns:minmax(245px,1fr) minmax(440px,1.7fr) minmax(300px,1.05fr);align-items:start;gap:26px;margin:10px -1.3vw 35px;min-width:0}
.lp113-tv-side{background:#1a1423;border-radius:28px;padding:29px 19px;min-width:0}
.lp113-tv-side h1{font-size:clamp(29px,2.9vw,43px);line-height:1.16;margin:2px 12px 22px}
.lp113-tv-search{display:flex;gap:12px;align-items:center;min-height:59px;background:#2b2732;border-radius:18px;padding:0 18px;margin:0 0 20px}
.lp113-tv-search .icon{color:#a79aaf;flex:0 0 24px}
.lp113-tv-search input{width:100%;min-width:0;background:transparent;border:0;outline:0;color:#eee;font:inherit;font-size:17px}
.lp113-tv-cats{max-height:calc(100vh - 340px);min-height:425px;overflow-y:auto;scrollbar-color:#715285 transparent;scrollbar-width:thin}
.lp113-tvcat{width:100%;display:flex;align-items:center;gap:20px;min-height:76px;color:#dcd2e5;background:transparent;border:2px solid transparent;border-radius:20px;padding:12px 22px;font-size:clamp(17px,1.5vw,23px);line-height:1.2;text-align:left;cursor:pointer}
.lp113-tvcat .icon{color:#cbb1fc;flex:0 0 28px}
.lp113-tvcat.active{background:#6d28d8;border-color:#e6d5ff;color:#fff;font-weight:700}
.lp113-tv-list{background:#211d29;min-height:660px;max-height:calc(100vh - 135px);overflow-y:auto;padding:12px 13px;scrollbar-width:thin;scrollbar-color:#77648c transparent}
.lp113-channel{position:relative;display:flex;align-items:center;width:100%;border-radius:16px;border:2px solid transparent;margin:0 0 1px;min-height:115px}
.lp113-channel.selected{background:#6e2acb;border-color:#dcc2ff}
.lp113-channel-select{display:flex;align-items:center;gap:14px;flex:1;min-width:0;min-height:111px;padding:11px 10px;color:#fff;border:0;background:transparent;text-align:left;cursor:pointer}
.lp113-num{font-size:17px;color:#b5a3cc;min-width:42px;max-width:55px;text-align:right;flex-shrink:0}
.lp113-station{width:78px;height:78px;flex:0 0 78px;background:#ede6f3;border-radius:16px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.lp113-station-img{display:block;width:100%;height:100%;padding:6px;object-fit:contain}
.lp113-station-empty .icon{color:#5d367b;width:38px;height:38px}
.lp113-ch-info{min-width:0;flex:1;display:flex;flex-direction:column;gap:8px}
.lp113-ch-info strong{font-size:clamp(17px,1.5vw,24px);line-height:1.2;overflow-wrap:anywhere}
.lp113-ch-info small{font-size:clamp(13px,1.1vw,18px);line-height:1.25;color:#c7abe5}
.lp113-star{border:0;background:transparent;color:#b8acc5;font-size:39px;padding:0 11px;cursor:pointer}
.lp113-channel.selected .lp113-star{color:#efe6ff}
.lp113-tv-player{min-width:0}
.lp113-tv-player h2{font-size:clamp(23px,2.2vw,34px);margin:0 0 5px;white-space:normal;overflow-wrap:anywhere}
.lp113-tv-player>p{font-size:17px;color:#b4a8c2;margin:0 0 19px}
.lp113-player-surface{position:relative;min-height:285px;aspect-ratio:16/10;border-radius:25px;background:#08060d;display:grid;place-items:center;overflow:hidden}
.lp113-player-center{display:flex;align-items:center;flex-direction:column;gap:15px;text-align:center;color:#ddd}
.lp113-player-center>.icon{width:54px;height:54px;opacity:.65}
.lp113-player-center .btn{font-size:15px}
.lp113-epg{margin-top:20px;background:#25212d;border-radius:20px;padding:19px 22px}
.lp113-epg h3{margin:0 0 16px;font-size:19px}
.lp113-epg article{border-top:1px solid #ffffff17;padding:14px 0;display:flex;gap:12px;font-size:13px}
.lp113-epg time{white-space:nowrap;color:#cba6ff}
.lp113-epg p{color:#b5acbf;font-size:13px;line-height:1.5}
.lp113-tv-empty{padding:30px 12px;color:#b6acbd;text-align:center}
@media(max-width:1550px){
 .shell .desktop-platform-nav{gap:6px}
 .shell .desktop-platform-nav .nav-btn{min-height:59px;padding:12px 17px;font-size:clamp(17px,1.5vw,23px)}
 .lp113-tv-layout{grid-template-columns:minmax(220px,.95fr) minmax(380px,1.7fr) minmax(260px,1fr);gap:17px}
 .lp113-channel-select{gap:9px;padding:9px 7px}
 .lp113-num{min-width:32px}
 .lp113-station{width:65px;height:65px;flex-basis:65px}
 .lp113-ch-info strong{font-size:17px}
 .lp113-ch-info small{font-size:13px}
 .lp113-star{font-size:30px;padding:0 6px}
 .lp113-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1100px){
 .lp113-tv-layout{grid-template-columns:minmax(220px,.75fr) minmax(390px,1.35fr)}
 .lp113-tv-player{grid-column:1/-1}
 .lp113-tv-cats{max-height:420px;min-height:0}
 .lp113-player-surface{max-height:440px}
 .lp113-catalog-layout{grid-template-columns:minmax(180px,27%) minmax(0,1fr);gap:18px}
 .lp113-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
 .shell .topbar{position:sticky;top:0;min-height:80px;padding:12px;gap:8px}
 .shell .topbar-right{display:none}
 .shell .desktop-platform-nav{display:flex;justify-content:flex-start;overflow-x:auto;gap:6px}
 .shell .desktop-platform-nav .nav-btn{font-size:15px;min-height:46px;padding:9px 14px}
 .shell .main-content{padding:0 12px 100px}
 .shell .platform-hero{min-height:280px;padding:18px}
 .shell .platform-hero h1{font-size:30px}
 .shell .platform-card{flex-basis:150px}
 .shell .platform-card.wide{flex-basis:210px}
 .shell .platform-row h2{font-size:23px}
 .lp113-catalog-layout{display:block;margin:0}
 .lp113-catalog-sidebar{position:static;display:flex;overflow-x:auto;max-height:none;border-right:0;border-bottom:2px solid #8432ba;padding:5px;white-space:nowrap}
 .lp113-cat{width:auto;flex:0 0 auto;min-height:50px;padding:8px 12px;font-size:14px;gap:7px;border-radius:10px}
 .lp113-cat .icon{width:18px}
 .lp113-catalog-results{padding:20px 0}
 .lp113-catalog-results>h2{font-size:23px}
 .lp113-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .lp113-tv-layout{display:flex;flex-direction:column;margin:5px 0;gap:12px}
 .lp113-tv-side{width:100%;padding:18px;border-radius:20px}
 .lp113-tv-side h1{font-size:29px;margin:0 0 12px}
 .lp113-tv-search{min-height:50px}
 .lp113-tv-cats{display:flex;overflow-x:auto;gap:7px;min-height:0;max-height:none;white-space:nowrap}
 .lp113-tvcat{width:auto;flex:0 0 auto;min-height:48px;padding:8px 11px;font-size:14px;gap:5px}
 .lp113-tvcat .icon{width:19px;flex-basis:19px}
 .lp113-tv-list{width:100%;min-height:300px;max-height:440px}
 .lp113-channel{min-height:76px}
 .lp113-channel-select{min-height:74px;padding:7px 4px;gap:7px}
 .lp113-num{min-width:22px;font-size:12px}
 .lp113-station{width:51px;height:51px;flex-basis:51px;border-radius:9px}
 .lp113-ch-info strong{font-size:14px}
 .lp113-ch-info small{font-size:12px}
 .lp113-star{font-size:25px}
 .lp113-tv-player{width:100%}
 .lp113-player-surface{min-height:190px}
}
