/* VobixChat: pulido visual conservador. Sin cambios en la lógica de grupos o difusión. */
.communityPage{max-width:100%;overflow-x:hidden}
.communityPage .communityWrap{width:min(100%,1000px);max-width:100%;box-sizing:border-box;padding:clamp(12px,3vw,24px);padding-bottom:calc(26px + env(safe-area-inset-bottom,0px));overflow-x:clip}
.communityPage .phaseHeader{padding-top:max(10px,env(safe-area-inset-top,0px));min-height:56px}
.communityPage .communityTitle h1{font-size:clamp(23px,5vw,34px);letter-spacing:-.025em;line-height:1.15;margin:8px 0 18px}
.communityPage .communityTabs{display:flex;gap:7px;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding:5px 1px 13px}
.communityPage .communityTabs button{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:0 0 auto;min-height:44px;padding:10px 13px;border-radius:15px;font-size:13px;transition:background-color .15s ease}
.communityPage .communityTabs button[aria-current]{background:linear-gradient(120deg,#06b9fa,#1263ec);color:#fff;box-shadow:0 4px 12px #0167be44}
.communityPage .communityHero,.communityPage .phaseCard,.communityPage .communityCard{max-width:100%;min-width:0;box-sizing:border-box;border-radius:17px;overflow-wrap:break-word}
.communityPage .communitySectionTitle{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.communityPage .communitySectionTitle>div{min-width:0;flex:1}
.communityPage .communitySectionTitle h2{font-size:clamp(17px,4vw,21px);line-height:1.25;overflow-wrap:anywhere}
.communityPage .communitySectionTitle button,.communityPage .phaseButton{min-height:44px;max-width:100%;white-space:normal;border-radius:12px}
.communityPage .communityCards{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px}
.communityPage .communityDialog{box-sizing:border-box;width:min(540px,calc(100vw - 20px));max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 20px);overflow-y:auto;overscroll-behavior:contain;padding:clamp(14px,4vw,24px);border-radius:19px}
.communityPage :is(input,textarea,select){max-width:100%;box-sizing:border-box}
.communityPage :is(button,a,input,select,textarea):focus-visible{outline:3px solid #00c7f3;outline-offset:2px}
@media(max-width:420px){.communityPage .communityTabs button{padding:9px 10px;font-size:12px}.communityPage .communityWrap{padding-inline:12px}.communityPage .communityCards{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.communityPage .communityTabs button{transition:none}}