/* SQPR Gamer Social Work — ajustes de layout: barra de abas rolável + nada passa da tela (zoom / fonte grande) */

/* ---------- barra de abas: área rolável + setas + barrinha ---------- */
.tabs-row{max-width:1180px;margin:0 auto;display:flex;align-items:stretch;padding:0 clamp(.5rem,3vw,1.5rem);min-width:0}
.tabs-scroll{position:relative;flex:1 1 auto;min-width:0}
.tabs-row .tabs-in{max-width:none;margin:0;padding:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-behavior:smooth;
  scrollbar-width:thin;scrollbar-color:rgba(255,95,168,.75) rgba(255,255,255,.06);cursor:grab}
.tabs-row .tabs-in.dragging{cursor:grabbing;scroll-behavior:auto;user-select:none}
.tabs-row .tabs-in.dragging .tab{pointer-events:none}
.tabs-row .tabs-in::-webkit-scrollbar{display:block;height:6px}
.tabs-row .tabs-in::-webkit-scrollbar-track{background:rgba(255,255,255,.06);border-radius:3px}
.tabs-row .tabs-in::-webkit-scrollbar-thumb{background:rgba(255,95,168,.75);border-radius:3px}
.tabs-row .tabs-in::-webkit-scrollbar-thumb:hover{background:#FF5FA8}
.tabs-arrow{position:absolute;top:0;bottom:6px;z-index:2;width:2.4rem;border:0;padding:0;display:grid;place-items:center;color:#F6F2FB;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .15s}
.tabs-arrow.l{left:0;background:linear-gradient(90deg,#0A0812 45%,rgba(10,8,18,0))}
.tabs-arrow.r{right:0;background:linear-gradient(270deg,#0A0812 45%,rgba(10,8,18,0))}
.tabs-arrow svg{width:1.15rem;height:1.15rem;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.tabs-arrow:hover{color:#FF8EC2}
.tabs-arrow:focus-visible{outline:2px solid #FF5FA8;outline-offset:-3px;opacity:1;pointer-events:auto}
.tabs.can-l .tabs-arrow.l,.tabs.can-r .tabs-arrow.r{opacity:1;pointer-events:auto}
.tabs-slot{flex:none;display:flex;align-items:center}
.tabs-slot .tab-acc{position:static;margin:0;padding:0 0 0 .6rem;background:none;align-self:center}
.tabs-slot .tab-acc .sync{padding-left:0}
@media (hover:none){
  .tabs-row .tabs-in{scrollbar-width:none;cursor:auto}
  .tabs-row .tabs-in::-webkit-scrollbar{display:none}
  .tabs-arrow{bottom:0}
}
@media (max-width:720px){ .tabs-arrow{width:2rem} .tabs-slot .tab-acc{padding-left:.35rem} }

/* ---------- nada pode passar da largura da tela ---------- */
html{overflow-x:clip}
@supports not (overflow:clip){ body{overflow-x:hidden} }
body{overflow-wrap:break-word}
img,svg,video,canvas{max-width:100%}
.hero svg.scene{max-width:none}
input,select,textarea,button{max-width:100%}
input,select,textarea{min-width:0}
.panel,.sec,.grid>*,.pform .panel,.soc-form{min-width:0}
.soc-form,.pform .panel{grid-template-columns:minmax(0,1fr)}
.hub-bar>div{min-width:0;flex:1 1 12rem}
.hub-t,.pname,h1,h2,h3{overflow-wrap:anywhere}
.tfind{min-width:0;flex-basis:12rem}
.blk-h{flex-wrap:wrap}
.blk-t{white-space:normal}
.sw span{white-space:normal}
@media (max-width:720px){
  .btn,.btn-ghost{white-space:normal;text-align:center}
  .soc-inline>.btn,.soc-inline>.btn-ghost{flex:1 1 auto}
}
/* fundo fixo atrapalha o zoom no celular */
@media (hover:none){ body.menu-on{background-attachment:scroll} }
.pinfo{min-width:min(14rem,100%)}
body.menu-on{background-color:#0B0812} html:has(body.menu-on){background:#0B0812}