:root{--bg:#f6f9fc;--surface:#fff;--soft:#eef5f9;--text:#16233a;--muted:#67788c;--line:#dfe8ef;--blue:#0877c9;--blue2:#0064ad;--green:#079b65;--shadow:0 10px 28px rgba(32,62,86,.08);--r:18px;--max:1280px}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body.vp-store-body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}
.vp-store-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.96);backdrop-filter:saturate(160%) blur(16px);border-bottom:1px solid var(--line)}
.vp-store-topbar{max-width:var(--max);min-height:72px;margin:auto;padding:12px 18px;display:grid;grid-template-columns:auto minmax(240px,1fr) auto;gap:18px;align-items:center}
.vp-store-brand{min-width:150px;display:flex;align-items:center;gap:10px;text-decoration:none;font-size:1.18rem;font-weight:900;letter-spacing:-.03em}.vp-store-brand img{display:block;height:42px;max-width:185px;object-fit:contain}.vp-store-brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#18a6e8,#0877c9 55%,#6857e5);color:#fff;box-shadow:0 5px 14px rgba(8,119,201,.25);font-weight:950}
.vp-store-search{height:46px;min-width:0;display:flex;align-items:center;gap:8px;padding:0 13px;border:1px solid #d5e2eb;border-radius:999px;background:#f2f7fa;transition:.16s}.vp-store-search:focus-within{background:#fff;border-color:#80bde5;box-shadow:0 0 0 4px rgba(8,119,201,.10)}.vp-store-search-icon{color:#8091a4;font-size:1.35rem}.vp-store-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font:inherit}.vp-store-search input::placeholder{color:#8494a5}.vp-store-search-clear{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;text-decoration:none;color:#66788b;font-size:1.35rem}.vp-store-search-clear:hover{background:#e3edf3}
.vp-store-actions{display:flex;gap:8px}.vp-store-btn{height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 13px;border:1px solid transparent;border-radius:10px;text-decoration:none;white-space:nowrap;font-weight:750;font-size:.91rem;cursor:pointer}.vp-store-install{border:0;background:var(--green);color:#fff}.vp-store-login{background:#fff;border-color:#d7e1e9;color:#31435a}.vp-store-login:hover{background:#f7fafc}
.vp-store-tabs{max-width:var(--max);margin:auto;padding:0 18px;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.vp-store-tabs::-webkit-scrollbar{display:none}.vp-store-tabs a{position:relative;min-height:50px;display:inline-flex;align-items:center;gap:6px;padding:0 13px;text-decoration:none;color:#53657a;white-space:nowrap;font-size:.92rem;font-weight:680}.vp-store-tabs a:hover,.vp-store-tabs a.is-active{color:var(--blue)}.vp-store-tabs a.is-active:after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--blue)}
.vp-store-main{width:min(var(--max),calc(100% - 28px));margin:auto;padding:28px 0 58px}.vp-store-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;padding:26px 6px 34px}.vp-store-intro h1{max-width:820px;margin:0;font-size:clamp(2rem,4.7vw,4.2rem);line-height:1.03;letter-spacing:-.055em}.vp-store-intro p{max-width:720px;margin:12px 0 0;color:var(--muted);line-height:1.62}.vp-store-kicker{margin:0 0 9px!important;color:var(--blue)!important;font-size:.78rem;font-weight:900;letter-spacing:.12em}.vp-store-stats{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.vp-store-stats div{min-width:116px;padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:#fff}.vp-store-stats strong{display:block;font-size:1.36rem;color:var(--blue)}.vp-store-stats span{display:block;margin-top:2px;color:var(--muted);font-size:.78rem}
.vp-store-section{padding:18px 0 24px}.vp-store-section+.vp-store-section{border-top:1px solid var(--line)}.vp-store-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 13px}.vp-store-section-head h2{margin:0;font-size:1.26rem;letter-spacing:-.025em}.vp-store-section-head p{margin:4px 0 0;color:var(--muted);font-size:.84rem}.vp-store-more{color:var(--blue);text-decoration:none;font-size:.88rem;font-weight:800;white-space:nowrap}.vp-store-more:hover{text-decoration:underline}
.vp-store-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.vp-store-grid-all{padding-top:4px}.vp-store-card{min-width:0;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--line);border-radius:var(--r);background:#fff;box-shadow:0 2px 10px rgba(20,52,76,.035);transition:transform .15s,border-color .15s,box-shadow .15s;overflow:hidden}.vp-store-card:hover{transform:translateY(-2px);border-color:#bfd5e4;box-shadow:var(--shadow)}.vp-store-card-main{display:grid;grid-template-columns:68px minmax(0,1fr);gap:12px;align-items:start;padding:14px 14px 8px;text-decoration:none;color:inherit}.vp-store-app-icon{width:68px;height:68px;display:grid;place-items:center;overflow:hidden;border-radius:16px;background:linear-gradient(145deg,#edf7fd,#e4eff5);border:1px solid #dbe7ee;color:#1e5475;font-size:2rem;box-shadow:0 4px 12px rgba(27,67,94,.08)}.vp-store-app-icon img{width:100%;height:100%;object-fit:cover;display:block}.vp-store-card-copy{min-width:0}.vp-store-card h3{margin:1px 0 5px;min-height:2.5em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.98rem;line-height:1.25;letter-spacing:-.015em}.vp-store-card-copy p{min-height:2.55em;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--muted);font-size:.79rem;line-height:1.28}.vp-store-meta{min-height:24px;margin-top:8px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:#6f8092;font-size:.72rem}.vp-store-badge{display:inline-flex;align-items:center;min-height:20px;padding:2px 7px;border-radius:999px;background:#e7f4fd;color:var(--blue2);font-size:.68rem;font-weight:800}.vp-store-badge-premium{color:#7047cf;background:#efe8ff}.vp-store-card-action{display:flex;justify-content:flex-end;padding:5px 13px 13px}.vp-store-open{min-width:66px;height:31px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border-radius:9px;background:var(--blue);color:#fff;text-decoration:none;font-size:.78rem;font-weight:850}.vp-store-open:hover{background:var(--blue2)}
.vp-store-empty{min-height:260px;display:grid;place-items:center;align-content:center;text-align:center;padding:34px;border:1px dashed #c3d5e2;border-radius:22px;background:#fff;color:var(--muted)}.vp-store-empty>span{font-size:2.2rem;color:#829aae}.vp-store-empty h2,.vp-store-empty h1{margin:12px 0 3px;color:var(--text)}.vp-store-empty p{margin:4px 0 14px}.vp-store-footer{border-top:1px solid var(--line);background:#fff}.vp-store-footer>div{width:min(var(--max),calc(100% - 28px));margin:auto;padding:26px 0 34px;display:flex;justify-content:space-between;gap:18px;align-items:center}.vp-store-footer nav{display:flex;gap:14px;flex-wrap:wrap}.vp-store-footer a{color:#63758a;text-decoration:none;font-size:.84rem}.vp-store-footer a:hover{color:var(--blue)}
.vp-store-toast{position:fixed;left:50%;bottom:24px;z-index:5000;max-width:min(520px,calc(100% - 32px));transform:translate(-50%,24px);padding:11px 15px;border-radius:12px;background:#132438;color:#fff;opacity:0;pointer-events:none;box-shadow:0 12px 40px rgba(0,0,0,.25);transition:.18s;font-size:.88rem}.vp-store-toast.is-visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:1080px){.vp-store-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.vp-store-topbar{grid-template-columns:auto minmax(220px,1fr)}.vp-store-actions{grid-column:1/-1;justify-content:flex-end;margin-top:-5px}}
@media(max-width:760px){.vp-store-header{position:relative}.vp-store-topbar{grid-template-columns:1fr auto;gap:10px;padding:10px 14px 8px}.vp-store-brand{min-width:0}.vp-store-brand img{height:36px;max-width:150px}.vp-store-search{grid-column:1/-1;grid-row:2;height:44px}.vp-store-actions{grid-column:auto;grid-row:1;margin:0}.vp-store-login span:last-child,.vp-store-install span:last-child{display:none}.vp-store-btn{width:40px;padding:0}.vp-store-tabs{padding:0 10px}.vp-store-tabs a{min-height:46px;padding:0 10px;font-size:.85rem}.vp-store-main{width:min(100% - 20px,var(--max));padding-top:17px}.vp-store-intro{grid-template-columns:1fr;gap:17px;padding:18px 2px 26px}.vp-store-intro h1{font-size:clamp(1.8rem,9vw,3rem)}.vp-store-stats{justify-content:flex-start}.vp-store-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.vp-store-card-main{grid-template-columns:58px minmax(0,1fr);gap:10px;padding:11px 11px 6px}.vp-store-app-icon{width:58px;height:58px;border-radius:14px}.vp-store-card h3{font-size:.91rem}.vp-store-card-copy p{font-size:.74rem}.vp-store-card-action{padding:5px 10px 10px}.vp-store-footer>div{align-items:flex-start;flex-direction:column}}
@media(max-width:470px){.vp-store-grid{grid-template-columns:1fr}.vp-store-card-main{grid-template-columns:64px minmax(0,1fr)}.vp-store-app-icon{width:64px;height:64px}.vp-store-card h3,.vp-store-card-copy p{min-height:0}.vp-store-stats{display:grid;grid-template-columns:repeat(3,1fr);width:100%}.vp-store-stats div{min-width:0;padding:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}


/* =========================================================
   VersaPlay Home Store v1.0.2
   Aparência + acesso administrativo
   ========================================================= */

.vp-store-appearance-wrap{
  position:relative;
}

.vp-store-appearance{
  background:var(--vp-surface);
  border-color:var(--vp-line);
  color:var(--vp-text);
}

.vp-store-appearance:hover{
  background:var(--vp-surface-soft);
  border-color:#b9cbd9;
}

.vp-store-admin{
  background:#172b43;
  color:#fff;
  border-color:#172b43;
}

.vp-store-admin:hover{
  background:#0d2138;
  border-color:#0d2138;
}

.vp-store-appearance-menu{
  position:absolute;
  top:calc(100% + 9px);
  right:0;
  z-index:3000;
  width:220px;
  padding:8px;
  border:1px solid var(--vp-line);
  border-radius:14px;
  background:var(--vp-surface);
  box-shadow:0 18px 48px rgba(19,42,61,.20);
}

.vp-store-appearance-menu[hidden]{
  display:none!important;
}

.vp-store-appearance-title{
  padding:7px 9px 8px;
  color:var(--vp-muted);
  font-size:.76rem;
  font-weight:850;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.vp-store-appearance-menu button{
  width:100%;
  min-height:42px;
  display:grid;
  grid-template-columns:24px 1fr 20px;
  gap:8px;
  align-items:center;
  padding:7px 9px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:var(--vp-text);
  font:inherit;
  text-align:left;
  cursor:pointer;
}

.vp-store-appearance-menu button:hover,
.vp-store-appearance-menu button.is-active{
  background:var(--vp-surface-soft);
}

.vp-store-theme-check{
  visibility:hidden;
  color:var(--vp-blue);
  font-weight:900;
}

.vp-store-appearance-menu button.is-active .vp-store-theme-check{
  visibility:visible;
}

/* Tema escuro */
html[data-vp-theme="dark"]{
  color-scheme:dark;
  --vp-bg:#07111c;
  --vp-surface:#101c29;
  --vp-surface-soft:#172635;
  --vp-text:#edf5fb;
  --vp-muted:#9eb0c0;
  --vp-line:#263849;
  --vp-blue:#35a8f4;
  --vp-blue-strong:#138edc;
  --vp-blue-soft:#12324a;
  --vp-green:#13a974;
  --vp-green-strong:#0b8d60;
  --vp-shadow:0 10px 30px rgba(0,0,0,.28);
}

html[data-vp-theme="dark"] body.vp-store-body{
  background:var(--vp-bg);
  color:var(--vp-text);
}

html[data-vp-theme="dark"] .vp-store-header{
  background:rgba(9,18,29,.95);
}

html[data-vp-theme="dark"] .vp-store-search{
  background:#132331;
  border-color:var(--vp-line);
}

html[data-vp-theme="dark"] .vp-store-search:focus-within{
  background:#172837;
  border-color:#397da9;
}

html[data-vp-theme="dark"] .vp-store-login,
html[data-vp-theme="dark"] .vp-store-appearance{
  background:var(--vp-surface);
  color:var(--vp-text);
  border-color:var(--vp-line);
}

html[data-vp-theme="dark"] .vp-store-login:hover,
html[data-vp-theme="dark"] .vp-store-appearance:hover{
  background:var(--vp-surface-soft);
}

html[data-vp-theme="dark"] .vp-store-card,
html[data-vp-theme="dark"] .vp-store-stats div,
html[data-vp-theme="dark"] .vp-store-empty,
html[data-vp-theme="dark"] .vp-store-footer{
  background:var(--vp-surface);
  border-color:var(--vp-line);
}

html[data-vp-theme="dark"] .vp-store-app-icon{
  background:linear-gradient(145deg,#142838,#1b3040);
  border-color:#2b4355;
  color:#8bcdf6;
}

html[data-vp-theme="dark"] .vp-store-badge{
  background:#12324a;
  color:#7fc9f7;
}

html[data-vp-theme="dark"] .vp-store-badge-premium{
  background:#2c2147;
  color:#c5a9ff;
}

html[data-vp-theme="dark"] .vp-store-admin{
  background:#287ab0;
  border-color:#287ab0;
}

html[data-vp-theme="dark"] .vp-store-admin:hover{
  background:#1e6898;
  border-color:#1e6898;
}

/* Quando "Sistema" estiver ativo e o sistema for escuro */
@media (prefers-color-scheme:dark){
  html[data-vp-theme="system"]{
    color-scheme:dark;
    --vp-bg:#07111c;
    --vp-surface:#101c29;
    --vp-surface-soft:#172635;
    --vp-text:#edf5fb;
    --vp-muted:#9eb0c0;
    --vp-line:#263849;
    --vp-blue:#35a8f4;
    --vp-blue-strong:#138edc;
    --vp-blue-soft:#12324a;
    --vp-green:#13a974;
    --vp-green-strong:#0b8d60;
    --vp-shadow:0 10px 30px rgba(0,0,0,.28);
  }

  html[data-vp-theme="system"] body.vp-store-body{
    background:var(--vp-bg);
    color:var(--vp-text);
  }

  html[data-vp-theme="system"] .vp-store-header{
    background:rgba(9,18,29,.95);
  }

  html[data-vp-theme="system"] .vp-store-search{
    background:#132331;
    border-color:var(--vp-line);
  }

  html[data-vp-theme="system"] .vp-store-search:focus-within{
    background:#172837;
    border-color:#397da9;
  }

  html[data-vp-theme="system"] .vp-store-login,
  html[data-vp-theme="system"] .vp-store-appearance{
    background:var(--vp-surface);
    color:var(--vp-text);
    border-color:var(--vp-line);
  }

  html[data-vp-theme="system"] .vp-store-card,
  html[data-vp-theme="system"] .vp-store-stats div,
  html[data-vp-theme="system"] .vp-store-empty,
  html[data-vp-theme="system"] .vp-store-footer{
    background:var(--vp-surface);
    border-color:var(--vp-line);
  }

  html[data-vp-theme="system"] .vp-store-app-icon{
    background:linear-gradient(145deg,#142838,#1b3040);
    border-color:#2b4355;
    color:#8bcdf6;
  }

  html[data-vp-theme="system"] .vp-store-admin{
    background:#287ab0;
    border-color:#287ab0;
  }
}

@media (max-width:1180px){
  .vp-store-actions{
    gap:6px;
  }

  .vp-store-btn{
    padding:0 10px;
  }
}

@media (max-width:900px){
  .vp-store-topbar{
    grid-template-columns:auto minmax(200px,1fr);
  }

  .vp-store-actions{
    grid-column:1/-1;
    justify-content:flex-end;
    margin-top:-4px;
  }
}

@media (max-width:760px){
  .vp-store-actions{
    display:flex;
    grid-column:auto;
    grid-row:1;
    margin:0;
  }

  .vp-store-actions .vp-store-btn{
    width:40px;
    padding:0;
  }

  .vp-store-actions .vp-store-btn > span:last-child{
    display:none;
  }

  .vp-store-appearance-menu{
    position:fixed;
    top:70px;
    right:10px;
    width:min(260px,calc(100vw - 20px));
  }
}


/* =========================================================
   VersaPlay Home Store v1.1.0
   Revisão de usabilidade para desktop + celular
   ========================================================= */

:root{
  --vp-max:1320px;
}

.vp-store-topbar{
  min-height:70px;
  grid-template-columns:minmax(132px,180px) minmax(300px,1fr) auto;
  gap:12px;
  padding:10px 18px;
}

.vp-store-brand{
  min-width:0;
}

.vp-store-search{
  max-width:760px;
  width:100%;
  justify-self:center;
}

.vp-store-actions-desktop{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
}

.vp-store-actions-desktop .vp-store-btn{
  height:39px;
  padding-inline:11px;
  font-size:.86rem;
}

.vp-store-mobile-toggle,
.vp-store-mobile-panel{
  display:none;
}

.vp-store-nav-wrap{
  border-top:1px solid rgba(223,232,239,.72);
}

.vp-store-tabs{
  scroll-snap-type:x proximity;
  overscroll-behavior-inline:contain;
}

.vp-store-tabs a{
  scroll-snap-align:start;
}

.vp-store-main{
  padding-top:20px;
}

.vp-store-intro{
  padding:22px 6px 27px;
  align-items:center;
}

.vp-store-intro h1{
  max-width:760px;
  font-size:clamp(2rem,3.8vw,3.45rem);
  line-height:1.07;
}

.vp-store-intro p{
  margin-top:9px;
}

.vp-store-section{
  padding:16px 0 22px;
}

.vp-store-section-head{
  margin-bottom:12px;
}

.vp-store-section-head h2{
  font-size:1.21rem;
}

.vp-store-grid{
  gap:14px;
}

.vp-store-card{
  min-height:160px;
}

.vp-store-card-main{
  padding:14px 14px 7px;
}

.vp-store-card h3{
  min-height:auto;
}

.vp-store-card-copy p{
  min-height:2.45em;
}

.vp-store-card-action{
  padding-top:3px;
}

/* Intermediário: mantém o cabeçalho em uma linha sem amontoar. */
@media (max-width:1180px) and (min-width:901px){
  .vp-store-topbar{
    grid-template-columns:140px minmax(260px,1fr) auto;
    gap:9px;
  }

  .vp-store-actions-desktop{
    gap:5px;
  }

  .vp-store-actions-desktop .vp-store-btn{
    padding-inline:9px;
  }

  .vp-store-appearance .vp-store-action-label{
    display:none;
  }

  .vp-store-appearance{
    width:40px;
    padding:0!important;
  }

  .vp-store-admin span:last-child{
    font-size:0;
  }

  .vp-store-admin span:last-child::after{
    content:"Admin";
    font-size:.84rem;
  }
}

/* A partir de 900 px: navegação móvel clara e rotulada. */
@media (max-width:900px){
  .vp-store-header{
    position:relative;
  }

  .vp-store-topbar{
    min-height:auto;
    grid-template-columns:minmax(0,1fr) auto;
    gap:9px 10px;
    padding:10px 12px;
  }

  .vp-store-brand{
    grid-column:1;
    grid-row:1;
    min-width:0;
  }

  .vp-store-brand img{
    height:36px;
    max-width:150px;
  }

  .vp-store-actions-desktop{
    display:none!important;
  }

  .vp-store-mobile-toggle{
    grid-column:2;
    grid-row:1;
    width:auto;
    height:40px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    padding:0 12px;
    border:1px solid var(--vp-line);
    border-radius:11px;
    background:var(--vp-surface);
    color:var(--vp-text);
    font:inherit;
    font-weight:800;
    cursor:pointer;
  }

  .vp-store-mobile-toggle[aria-expanded="true"]{
    color:var(--vp-blue);
    border-color:#9dc8e5;
    background:var(--vp-blue-soft);
  }

  .vp-store-search{
    grid-column:1/-1;
    grid-row:2;
    height:44px;
    max-width:none;
    justify-self:stretch;
  }

  .vp-store-mobile-panel{
    display:grid;
    gap:9px;
    padding:10px 12px 13px;
    border-top:1px solid var(--vp-line);
    background:var(--vp-surface);
  }

  .vp-store-mobile-panel[hidden]{
    display:none!important;
  }

  .vp-store-mobile-theme{
    padding:10px;
    border:1px solid var(--vp-line);
    border-radius:13px;
    background:var(--vp-surface-soft);
  }

  .vp-store-mobile-theme > strong{
    display:block;
    margin-bottom:8px;
    font-size:.86rem;
  }

  .vp-store-mobile-theme-options{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px;
  }

  .vp-store-mobile-theme-options button{
    min-height:38px;
    padding:6px 8px;
    border:1px solid var(--vp-line);
    border-radius:10px;
    background:var(--vp-surface);
    color:var(--vp-text);
    font:inherit;
    font-size:.79rem;
    font-weight:750;
    cursor:pointer;
  }

  .vp-store-mobile-theme-options button.is-active{
    color:var(--vp-blue);
    border-color:#87bde0;
    background:var(--vp-blue-soft);
  }

  .vp-store-mobile-action{
    width:100%;
    min-height:54px;
    display:grid;
    grid-template-columns:34px minmax(0,1fr);
    gap:9px;
    align-items:center;
    padding:9px 11px;
    border:1px solid var(--vp-line);
    border-radius:13px;
    background:var(--vp-surface);
    color:var(--vp-text);
    text-decoration:none;
    text-align:left;
    font:inherit;
    cursor:pointer;
  }

  .vp-store-mobile-action > span:first-child{
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border-radius:10px;
    background:var(--vp-surface-soft);
    font-size:1.05rem;
  }

  .vp-store-mobile-action strong{
    display:block;
    font-size:.88rem;
  }

  .vp-store-mobile-action small{
    display:block;
    margin-top:2px;
    color:var(--vp-muted);
    font-size:.72rem;
    line-height:1.25;
  }

  .vp-store-mobile-install{
    background:color-mix(in srgb,var(--vp-green) 7%,var(--vp-surface));
  }

  .vp-store-mobile-admin{
    background:color-mix(in srgb,var(--vp-blue) 6%,var(--vp-surface));
  }

  .vp-store-nav-wrap{
    position:relative;
    padding:8px 0 9px;
    border-top:1px solid var(--vp-line);
    background:var(--vp-surface);
  }

  .vp-store-nav-wrap::after{
    content:"";
    position:absolute;
    top:8px;
    right:0;
    bottom:9px;
    width:26px;
    pointer-events:none;
    background:linear-gradient(90deg,transparent,var(--vp-surface));
  }

  .vp-store-tabs{
    gap:7px;
    padding:0 12px 1px;
  }

  .vp-store-tabs a{
    min-height:36px;
    padding:0 11px;
    border:1px solid var(--vp-line);
    border-radius:999px;
    background:var(--vp-surface);
    font-size:.79rem;
    font-weight:760;
  }

  .vp-store-tabs a.is-active{
    color:var(--vp-blue);
    border-color:#9ec9e5;
    background:var(--vp-blue-soft);
  }

  .vp-store-tabs a.is-active::after{
    display:none;
  }

  .vp-store-main{
    width:min(100% - 20px,var(--vp-max));
    padding-top:10px;
  }

  .vp-store-intro{
    grid-template-columns:1fr;
    gap:12px;
    padding:14px 2px 18px;
  }

  .vp-store-intro h1{
    max-width:680px;
    font-size:clamp(1.72rem,6vw,2.5rem);
    letter-spacing:-.045em;
  }

  .vp-store-intro p{
    margin-top:7px;
    line-height:1.47;
    font-size:.92rem;
  }

  .vp-store-kicker{
    margin-bottom:6px!important;
    font-size:.69rem;
  }

  .vp-store-stats{
    justify-content:flex-start;
  }

  .vp-store-stats div{
    min-width:104px;
    padding:9px 11px;
  }

  .vp-store-stats strong{
    font-size:1.15rem;
  }

  .vp-store-section{
    padding:13px 0 18px;
  }

  .vp-store-section-head{
    align-items:center;
    margin-bottom:9px;
  }

  .vp-store-section-head h2{
    font-size:1.08rem;
  }

  .vp-store-section-head p{
    font-size:.75rem;
  }

  .vp-store-more{
    min-height:34px;
    display:inline-flex;
    align-items:center;
    padding:0 9px;
    border-radius:9px;
    background:var(--vp-blue-soft);
    text-decoration:none!important;
    font-size:.78rem;
  }

  .vp-store-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
  }

  .vp-store-card{
    min-height:148px;
  }

  .vp-store-card-main{
    grid-template-columns:56px minmax(0,1fr);
    gap:9px;
    padding:10px 10px 5px;
  }

  .vp-store-app-icon{
    width:56px;
    height:56px;
    border-radius:13px;
  }

  .vp-store-card h3{
    margin-bottom:4px;
    font-size:.88rem;
  }

  .vp-store-card-copy p{
    min-height:2.35em;
    font-size:.72rem;
  }

  .vp-store-meta{
    margin-top:6px;
    min-height:20px;
    font-size:.67rem;
  }

  .vp-store-card-action{
    padding:4px 9px 9px;
  }

  .vp-store-open{
    height:30px;
    font-size:.74rem;
  }
}

/* Celular: lista de apps vertical, simples e rápida de entender. */
@media (max-width:680px){
  .vp-store-mobile-toggle span:last-child{
    display:inline;
  }

  .vp-store-stats{
    display:none;
  }

  .vp-store-grid{
    grid-template-columns:1fr;
    gap:8px;
  }

  .vp-store-home-section .vp-store-card:nth-child(n+6){
    display:none;
  }

  .vp-store-card{
    min-height:0;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    overflow:visible;
  }

  .vp-store-card-main{
    min-width:0;
    grid-template-columns:56px minmax(0,1fr);
    gap:9px;
    align-items:center;
    padding:9px 6px 9px 9px;
  }

  .vp-store-app-icon{
    width:56px;
    height:56px;
    border-radius:13px;
    font-size:1.55rem;
  }

  .vp-store-card h3{
    margin:0 0 3px;
    min-height:0;
    -webkit-line-clamp:1;
    font-size:.89rem;
  }

  .vp-store-card-copy p{
    min-height:0;
    margin:0;
    -webkit-line-clamp:1;
    font-size:.71rem;
  }

  .vp-store-meta{
    margin-top:4px;
    min-height:0;
    gap:4px;
    font-size:.65rem;
  }

  .vp-store-badge{
    min-height:18px;
    padding:1px 6px;
    font-size:.62rem;
  }

  .vp-store-card-action{
    align-self:stretch;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:8px 9px 8px 3px;
  }

  .vp-store-open{
    min-width:58px;
    height:32px;
    padding:0 9px;
    border-radius:9px;
    font-size:.73rem;
  }

  .vp-store-intro h1{
    font-size:clamp(1.55rem,7.5vw,2.15rem);
  }

  .vp-store-intro p{
    font-size:.86rem;
  }

  .vp-store-section-head p{
    display:none;
  }

  .vp-store-footer > div{
    padding-bottom:28px;
  }
}

@media (max-width:410px){
  .vp-store-topbar{
    padding-inline:10px;
  }

  .vp-store-brand img{
    max-width:135px;
    height:34px;
  }

  .vp-store-mobile-toggle{
    height:38px;
    padding-inline:10px;
  }

  .vp-store-mobile-toggle span:last-child{
    font-size:.82rem;
  }

  .vp-store-search{
    height:42px;
  }

  .vp-store-mobile-theme-options{
    grid-template-columns:1fr;
  }

  .vp-store-mobile-theme-options button{
    min-height:36px;
  }

  .vp-store-tabs{
    padding-inline:10px;
  }

  .vp-store-tabs a{
    min-height:34px;
    padding-inline:10px;
    font-size:.76rem;
  }

  .vp-store-main{
    width:calc(100% - 16px);
  }

  .vp-store-card-main{
    grid-template-columns:52px minmax(0,1fr);
    padding-left:8px;
  }

  .vp-store-app-icon{
    width:52px;
    height:52px;
  }

  .vp-store-open{
    min-width:54px;
    padding-inline:8px;
  }
}

/* Tema escuro para os novos controles. */
html[data-vp-theme="dark"] .vp-store-mobile-toggle,
html[data-vp-theme="dark"] .vp-store-mobile-panel,
html[data-vp-theme="dark"] .vp-store-nav-wrap,
html[data-vp-theme="dark"] .vp-store-mobile-action,
html[data-vp-theme="dark"] .vp-store-mobile-theme-options button{
  background:var(--vp-surface);
  color:var(--vp-text);
  border-color:var(--vp-line);
}

html[data-vp-theme="dark"] .vp-store-mobile-theme{
  background:var(--vp-surface-soft);
  border-color:var(--vp-line);
}

html[data-vp-theme="dark"] .vp-store-nav-wrap::after{
  background:linear-gradient(90deg,transparent,var(--vp-surface));
}

@media (prefers-color-scheme:dark){
  html[data-vp-theme="system"] .vp-store-mobile-toggle,
  html[data-vp-theme="system"] .vp-store-mobile-panel,
  html[data-vp-theme="system"] .vp-store-nav-wrap,
  html[data-vp-theme="system"] .vp-store-mobile-action,
  html[data-vp-theme="system"] .vp-store-mobile-theme-options button{
    background:var(--vp-surface);
    color:var(--vp-text);
    border-color:var(--vp-line);
  }

  html[data-vp-theme="system"] .vp-store-mobile-theme{
    background:var(--vp-surface-soft);
    border-color:var(--vp-line);
  }

  html[data-vp-theme="system"] .vp-store-nav-wrap::after{
    background:linear-gradient(90deg,transparent,var(--vp-surface));
  }
}


/* =========================================================
   VersaPlay Home Store v1.1.1
   Ajuste móvel: pesquisa entre logo e menu
   ========================================================= */

@media (max-width:900px){
  .vp-store-topbar{
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
  }

  .vp-store-brand{
    grid-column:1;
    grid-row:1;
  }

  .vp-store-search{
    grid-column:2;
    grid-row:1;
    min-width:0;
    max-width:none;
    height:40px;
    margin:0;
  }

  .vp-store-search input{
    min-width:0;
    font-size:.88rem;
  }

  .vp-store-mobile-toggle{
    grid-column:3;
    grid-row:1;
    min-width:78px;
    white-space:nowrap;
  }

  .vp-store-nav-wrap{
    padding-top:10px;
  }
}

@media (max-width:680px){
  .vp-store-topbar{
    gap:8px;
    padding:10px;
  }

  .vp-store-brand img{
    width:auto;
    max-width:44px;
    height:30px;
    object-fit:contain;
  }

  .vp-store-search{
    height:38px;
    border-radius:999px;
    padding-left:10px;
  }

  .vp-store-search input{
    font-size:.84rem;
  }

  .vp-store-search input::placeholder{
    font-size:.84rem;
  }

  .vp-store-mobile-toggle{
    min-width:74px;
    height:38px;
    padding-inline:10px;
  }
}

@media (max-width:410px){
  .vp-store-topbar{
    grid-template-columns:auto minmax(0,1fr) auto;
    gap:6px;
    padding:8px;
  }

  .vp-store-brand img{
    max-width:38px;
    height:26px;
  }

  .vp-store-search{
    height:36px;
    padding-left:8px;
  }

  .vp-store-search input,
  .vp-store-search input::placeholder{
    font-size:.79rem;
  }

  .vp-store-mobile-toggle{
    min-width:68px;
    height:36px;
    padding-inline:8px;
  }

  .vp-store-mobile-toggle span:last-child{
    font-size:.78rem;
  }
}