/* Web responsiva unificada V1 — composição visual aprovada por Hibrael em 04/11/2026.
   Sobrescreve apenas o shell e a ergonomia; dados, autenticação e player continuam reais. */
:root{--lp-web-bg:#100b18;--lp-web-panel:#1c1525;--lp-web-purple:#7c3aed;--lp-web-border:#544060;--lp-web-muted:#b8a8c8;--lp-web-text:#f7f5fc}
html,body,#app{max-width:100%;min-width:0}
body{background:var(--lp-web-bg);color:var(--lp-web-text);overflow-x:clip}
.shell,.shell .main,.shell .main-content,.shell .platform-content{min-width:0;max-width:100%}
.shell .topbar{box-sizing:border-box;border-bottom:1px solid #33273e;background:#100b18}
.shell .desktop-platform-nav{min-width:0;flex:1;display:flex;align-items:center;justify-content:center;gap:clamp(0px,.7vw,14px)}
.shell .desktop-platform-nav .nav-btn{min-width:0;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;gap:7px;border-radius:999px}
.shell .desktop-platform-nav .nav-btn.active{background:#7529d9;color:#fff;border-color:#bf93ee}
.shell .topbar-right{flex-shrink:0}
.shell .topbar-profile .avatar-mini{overflow:hidden;border-radius:50%}
.shell .platform-page-head h1,.shell .c3-catalog-heading h1,.shell .c2-tv-heading h1{overflow-wrap:anywhere}
.shell .platform-row,.shell .lp113-tv-layout,.shell .lp113-catalog-layout,.shell .platform-grid{min-width:0}
.shell .platform-horizontal{overscroll-behavior-inline:contain;scroll-snap-type:x proximity}
.shell .platform-horizontal .platform-card{scroll-snap-align:start}
.shell .platform-card-name{line-height:1.35;overflow-wrap:anywhere}
.shell .lp113-channel-select,.shell .lp113-ch-info{min-width:0}
.shell .lp113-ch-info strong{overflow-wrap:anywhere}
.shell .lp113-ch-info small{overflow-wrap:anywhere}
.shell .lp113-station img,.cloud-c4-benefits img{object-fit:contain}
.ls-game-channel-count{margin-left:auto;white-space:nowrap;border-radius:999px;border:1px solid #7952a0;padding:4px 9px;color:#e4ccff;font-size:11px}
.ls-game-available-channels{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0}
.ls-game-available-channels h3{flex:0 0 100%;font-size:14px;margin:0 0 2px}
.ls-game-available-channels button{min-height:44px;max-width:100%;border:1px solid #9b69c8;border-radius:12px;background:#352147;color:#fff;padding:10px 14px;text-align:left;overflow-wrap:anywhere;cursor:pointer}
.ls-game-available-channels button:focus-visible{outline:3px solid #d6b1ff;outline-offset:2px}
.shell .mobile-bottom button:focus-visible,.shell .desktop-platform-nav button:focus-visible,.drawer-app-style button:focus-visible{outline:3px solid #d6b1ff!important;outline-offset:2px}
.drawer-app-style .web-v3-drawer-group{margin-block:10px}
.drawer-app-style .web-v3-drawer-group h3{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#b59acb}
.drawer-app-style .drawer-app-item{min-height:48px;color:#eee5f7}
.drawer-app-style [data-action=drawer-exit]{color:#f0a5b4}
.shell .platform-state,.shell .cloud-empty{overflow-wrap:anywhere}

@media(min-width:751px){
  .shell .desktop-platform-nav .nav-btn{padding:10px clamp(8px,1vw,16px)}
  .shell .topbar-right .menu-open-button{min-width:44px;min-height:44px}
  .shell .lp113-tv-layout{gap:clamp(9px,1.2vw,24px)}
  .shell .lp113-catalog-layout{gap:clamp(14px,2vw,28px)}
}
@media(max-width:750px){
  .shell .sidebar,.shell .desktop-platform-nav{display:none}
  .shell .topbar{min-height:66px;height:auto;padding:9px 14px;gap:8px}
  .shell .topbar-right{margin-left:auto;gap:7px}
  .shell .topbar-right .top-action{min-width:44px;min-height:44px}
  .shell .topbar-profile{min-width:44px;min-height:44px}
  .shell .main-content{min-width:0;padding:12px 14px calc(90px + env(safe-area-inset-bottom))}
  .shell .mobile-bottom{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-height:64px;padding:4px 4px max(7px,env(safe-area-inset-bottom));background:#160f21;border-top:1px solid #463451}
  .shell .mobile-bottom button{min-width:0;min-height:48px;overflow-wrap:anywhere;line-height:1.2}
  .shell .mobile-bottom button.active{color:#d7b7ff}
  .shell .mobile-bottom .c2-nav-icon{width:42px;height:28px;border-radius:10px}
  .shell .mobile-bottom button.active .c2-nav-icon{background:#582d8f}
  .shell .lp113-catalog-layout,.shell .lp113-tv-layout{display:flex;flex-direction:column;min-width:0;gap:12px}
  .shell .lp113-tv-side,.shell .lp113-tv-list,.shell .lp113-catalog-results{min-width:0;width:100%}
  .shell .lp113-tv-cats,.shell .c3-catalog-filters{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
  .shell .platform-hero{border:1px solid #443252}
  .shell .platform-hero h1{overflow-wrap:anywhere}
  .shell .platform-row{width:100%}
  .cloud-profile-choice .profiles-grid{max-width:100%;gap:18px}
  .cloud-c4-login .cloud-c4-login-card.cloud-account-panel{max-width:100%;min-width:0}
  #web-player-layer .web-player-shell{padding-bottom:env(safe-area-inset-bottom)}
}
@media(max-width:360px){
  .shell .topbar{padding-inline:9px}
  .shell .web-1314-nav-logo{width:40px;height:40px}
  .shell .topbar-right{gap:1px}
  .shell .topbar-right .top-action{min-width:40px;width:40px}
  .shell .topbar-right .topbar-profile{min-width:40px;width:40px}
  .shell .main-content{padding-inline:10px}
  .shell .mobile-bottom button{font-size:9px;gap:2px}
  .shell .mobile-bottom .c2-nav-icon{width:34px;height:27px}
  .cloud-c4-login .cloud-c4-login-types{gap:6px}
  .cloud-c4-login .cloud-c4-login-types button{padding-inline:5px;font-size:12px}
  .cloud-c4-login .cloud-c4-form-actions{grid-template-columns:1fr}
  .cloud-c4-login .cloud-c4-form-actions .btn{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.shell .platform-horizontal{scroll-snap-type:none}}