/* Perfil estilo Facebook - SOLO escritorio (la clase .mb-fbp la pone el JS a >=1024px) */
.mb-fbp{max-width:1100px;margin-left:auto;margin-right:auto;box-sizing:border-box}
.mb-fbp .mb-fbhead{border-radius:0 0 0 0;border-bottom:0;box-shadow:none}
.mb-fbp .mb-cover{height:clamp(240px,31vw,400px)}
.mb-fbp .mb-prow{margin-top:-84px;align-items:flex-end;padding-bottom:6px}
.mb-fbp .mb-pname h1{font-size:32px;line-height:1.2}
.mb-fbp .mb-fb-bio{margin-top:4px;font-size:15px;line-height:20px}
.mb-fbp .mb-fb-line{margin-top:2px;font-size:15px;font-weight:500}
.mb-fbp > .mb-fbtabs{margin-top:0!important}
.mb-fbp .mb-fbtabs>.mb-ptabs{display:flex!important;justify-content:flex-start;gap:4px;height:auto;width:100%;background:var(--card,#fff);border:1px solid rgba(127,127,127,.25);border-top:1px solid rgba(127,127,127,.25);border-radius:0 0 12px 12px;padding:0 12px}
.mb-fbp .mb-ptabs [role=tab]{flex:0 0 auto;background:transparent!important;box-shadow:none!important;border-radius:0;padding:16px 18px;font-weight:600;font-size:15px;border-bottom:3px solid transparent}
.mb-fbp .mb-ptabs [role=tab][data-state=active]{color:#1b74e4;border-bottom-color:#1b74e4}
.mb-fbp .mb-fbcols{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:16px;align-items:start;margin-top:12px}
.mb-fbp .mb-fbleft,.mb-fbp .mb-fbright{display:flex;flex-direction:column;gap:12px;min-width:0}
.mb-fbp .mb-fbleft>*,.mb-fbp .mb-fbright>*{margin-top:0!important}
.mb-fbp .mb-fbright [role=tabpanel]{margin-top:0!important;display:flex;flex-direction:column;gap:12px}
.mb-fbp .mb-fbright [role=tabpanel]>*{margin-top:0!important}
.mb-fbp .mb-fb-label{font-size:15px;font-weight:600;color:var(--muted-foreground,#65676b);margin:4px 2px 0}

/* Perfil escritorio: márgenes laterales como Facebook, sin bio/línea bajo la portada, íconos planos */
.mb-fbp .mb-fb-bio,.mb-fbp .mb-fb-line{display:none}
.mb-fbp .mb-prow{padding-left:24px;padding-right:24px;box-sizing:border-box}
.mb-fbp > .mb-fbtabs{margin-left:0!important;margin-right:0!important;padding-left:24px;padding-right:24px;box-sizing:border-box;width:100%;max-width:100%}
body:has(.mb-fbp){overflow-x:hidden}
.mb-fbp .mb-fbcols{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:16px;max-width:100%}
.mb-fbp .mb-fbleft>*,.mb-fbp .mb-fbright>.rounded-2xl{border-radius:8px!important;border-color:transparent!important;box-shadow:0 1px 2px rgba(0,0,0,.2)}
.mb-fbp .mb-fbleft>.rounded-2xl{padding:20px!important}
.mb-fbp .mb-fbleft svg,.mb-fbp .mb-fbright>:not([role=tabpanel]) svg{color:var(--foreground)!important}
.mb-fbp .mb-fbleft svg[stroke]:not([stroke=none]):not([stroke=currentColor]),.mb-fbp .mb-fbright>:not([role=tabpanel]) svg[stroke]:not([stroke=none]):not([stroke=currentColor]){stroke:currentColor!important}
.mb-fbp .mb-fbleft svg[fill]:not([fill=none]):not([fill=currentColor]),.mb-fbp .mb-fbright>:not([role=tabpanel]) svg[fill]:not([fill=none]):not([fill=currentColor]){fill:currentColor!important}

/* Grupos estilo Facebook - SOLO escritorio (.mb-fbg la pone el JS a >=1024px) */
.mb-fbg{max-width:1100px;margin-left:auto;margin-right:auto}
.mb-fbg .mb-gh{border-radius:12px 12px 0 0;border:0;box-shadow:none}
.mb-fbg .mb-gcov{height:clamp(240px,31vw,400px)}
.mb-fbg .mb-gov{display:none}
.mb-fbg .mb-gband{position:absolute;left:0;right:0;bottom:0;padding:12px 16px;background:#4b3b7a;color:#fff;font-weight:600;font-size:14px}
.mb-fbg .mb-gbody{padding:20px 24px}
.mb-fbg .mb-gbody h1{font-size:32px;line-height:1.2}
.mb-fbg .mb-gfaces{display:flex;margin-top:12px}
.mb-fbg .mb-gface{display:inline-flex;margin-right:-6px;border:2px solid var(--card,#fff);border-radius:50%}
.mb-fbg .mb-gtabs{display:flex;gap:4px;margin-top:0!important;background:var(--card,#fff);border:1px solid rgba(127,127,127,.25);border-radius:0 0 12px 12px;padding:0 12px}
.mb-fbg .mb-gtabs button{background:transparent;border:0;border-bottom:3px solid transparent;padding:16px 18px;font-size:15px;font-weight:600;cursor:pointer;color:inherit}
.mb-fbg .mb-gtabs button.on{color:#1b74e4;border-bottom-color:#1b74e4}
.mb-fbg .mbpg-grid{grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:16px;margin-top:12px}

/* Círculo de carga estilo Facebook (solo escritorio: lo renderiza el JS a >=1024px) */
.mb-fbspin{display:flex;justify-content:center;padding:36px 0}
.mb-fbspin-c{width:56px;height:56px;border-radius:50%;background:var(--card,#fff);box-shadow:0 2px 12px rgba(0,0,0,.2);position:relative}
.mb-fbspin-c::after{content:"";position:absolute;inset:14px;border-radius:50%;border:3px solid transparent;border-top-color:#0866ff;border-left-color:#0866ff;animation:mbfbspin .8s linear infinite}
@keyframes mbfbspin{to{transform:rotate(360deg)}}

/* tablet/otros: ocultar bio y línea de datos (solo se muestran en escritorio y móvil) */
.mb-fbm:not(.mb-fbp) .mb-fb-bio,.mb-fbm:not(.mb-fbp) .mb-fb-line{display:none}

/* Grupos (inicio) estilo Facebook - SOLO escritorio (lo renderiza el JS a >=1024px) */
.mbg-grid{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,680px);gap:24px;justify-content:center;align-items:start;width:100%;box-sizing:border-box}
.mbg-left{position:sticky;top:88px;max-height:calc(100vh - 104px);overflow-y:auto;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px}
.mbg-h{display:flex;justify-content:space-between;align-items:center;padding:2px 4px 10px}
.mbg-h h1{font-size:24px;font-weight:800}
.mbg-ib{width:36px;height:36px;border:0;border-radius:50%;background:var(--muted);color:var(--foreground);display:grid;place-items:center;cursor:pointer}
.mbg-s2{display:flex;align-items:center;gap:8px;height:38px;padding:0 12px;border-radius:19px;background:var(--muted);color:var(--muted-foreground)}
.mbg-s2 input{flex:1;min-width:0;border:0;background:transparent;outline:none;color:var(--foreground);font-size:15px}
.mbg-disc{display:flex;align-items:center;gap:12px;width:100%;margin-top:8px;padding:8px;border:0;border-radius:8px;background:transparent;color:var(--foreground);font-size:15px;font-weight:600;cursor:pointer}
.mbg-disc:hover,.mbg-disc.on{background:rgba(124,58,237,.12)}
.mbg-sh{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding:12px 4px 6px;border-top:1px solid var(--border);font-size:17px;font-weight:600}
.mbg-lk{border:0;background:transparent;color:#3b82f6;font-size:15px;cursor:pointer}
.mbg-row{display:flex;align-items:center;gap:12px;padding:8px;border-radius:8px;cursor:pointer}
.mbg-row:hover{background:var(--muted)}
.mbg-av{width:48px;height:48px;flex:none;border-radius:10px;background:linear-gradient(135deg,#7c3aed,#f43f5e);background-size:cover;background-position:center;color:#fff;font-weight:700;font-size:18px;display:grid;place-items:center}
.mbg-tx{flex:1;min-width:0}
.mbg-n{font-size:15px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mbg-s{font-size:13px;color:var(--muted-foreground)}
.mbg-pin{flex:none;border:0;background:transparent;padding:4px;color:var(--muted-foreground);cursor:pointer;opacity:.7}
.mbg-pin.on{color:var(--foreground);opacity:1}
.mbg-more{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:36px;margin-top:6px;border:0;border-radius:8px;background:var(--muted);color:var(--foreground);font-weight:600;font-size:15px;cursor:pointer}
.mbg-main{min-width:0}
.mbg-lbl{margin:2px 2px 10px;font-size:15px;font-weight:600;color:var(--muted-foreground)}
.mbg-post{margin-bottom:12px}
.mbg-gl{display:block;border:0;background:transparent;padding:0 4px 4px;font-size:13px;font-weight:600;color:var(--muted-foreground);cursor:pointer;text-align:left}
.mbg-gl:hover{text-decoration:underline}
.mbg-spin{display:flex;justify-content:center;padding:36px 0}

/* Grupos (lista) en escritorio: pantalla completa como Facebook, SOLO >=1024px y SOLO la vista "groups" */
@media (min-width:1024px){
  .mb-mmain[data-view="groups"]{padding:0!important}
  .mb-mmain[data-view="groups"]>div{display:block!important}
  .mb-mmain[data-view="groups"]>div>aside{display:none!important}
  .mb-mmain[data-view="groups"] main{padding:0!important;max-width:none!important}
  .mb-mmain[data-view="groups"] .mbg-grid{grid-template-columns:360px minmax(0,1fr);gap:0;justify-content:stretch;align-items:start}
  .mb-mmain[data-view="groups"] .mbg-left{position:sticky;top:65px;height:calc(100vh - 65px);max-height:none;border:0;border-right:1px solid var(--border);border-radius:0;padding:16px 8px}
  .mb-mmain[data-view="groups"] .mbg-main{width:100%;max-width:700px;margin:0 auto;padding:24px 16px}
}

/* Guardado estilo Facebook */
.mbs-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;width:100%;box-sizing:border-box}
.mbs-left{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px}
.mbs-h h1{font-size:24px;font-weight:800;padding:2px 4px 10px}
.mbs-it{display:flex;align-items:center;gap:12px;width:100%;padding:8px;border:0;border-radius:8px;background:transparent;color:var(--foreground);font-size:15px;font-weight:600;cursor:pointer;text-align:left}
.mbs-it:hover,.mbs-it.on{background:rgba(124,58,237,.12)}
.mbs-ic,.mbs-sq{width:40px;height:40px;flex:none;border-radius:50%;display:grid;place-items:center;background:#1b74e4;color:#fff}.mbs-sq{width:48px;height:48px}
.mbs-sq{position:relative;overflow:hidden;border-radius:8px;background:var(--muted);color:var(--muted-foreground);font-weight:700;font-size:18px}.mbs-sq img,.mbs-sq video,.mbs-th img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.mbs-sq .mbs-ico,.mbs-th .mbs-ico{position:absolute;inset:0;display:grid;place-items:center}.mbs-sq .mbs-ico{font-size:18px}
.mbs-itx{display:flex;flex-direction:column;min-width:0}.mbs-itx small{font-size:13px;font-weight:400;color:var(--muted-foreground)}
.mbs-sec{margin-top:10px;padding:12px 4px 6px;border-top:1px solid var(--border);font-size:17px;font-weight:600}
.mbs-main{min-width:0}
.mbs-top{display:flex;justify-content:space-between;align-items:center;margin:2px 2px 12px}
.mbs-top h2{font-size:20px;font-weight:700}
.mbs-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:16px}
.mbs-rw{display:flex;gap:16px;align-items:flex-start}
.mbs-thw{flex:none;cursor:pointer}
.mbs-th{position:relative;width:144px;height:144px;border-radius:8px;overflow:hidden;background:var(--muted) center/cover no-repeat;display:grid;place-items:center}
.mbs-th video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mbs-play{position:relative;width:44px;height:44px;border-radius:50%;background:rgba(0,0,0,.55);border:2px solid #fff;color:#fff;display:grid;place-items:center;font-size:16px}
.mbs-ico{font-size:34px;color:var(--muted-foreground)}
.mbs-tx{min-width:0;flex:1}
.mbs-t{font-size:20px;font-weight:700;line-height:1.25;cursor:pointer;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}
.mbs-m{margin-top:4px;font-size:13px;color:var(--muted-foreground)}
.mbs-from{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:13px}
.mbs-bt{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.mbs-b{border:0;border-radius:8px;padding:0 16px;height:36px;background:var(--muted);color:var(--foreground);font-weight:600;font-size:14px;cursor:pointer}
.mbs-b:hover{filter:brightness(1.1)}
.mbs-full{margin-top:16px}
.mbs-spin{display:flex;justify-content:center;padding:36px 0}
@media (max-width:640px){.mbs-th{width:96px;height:96px}.mbs-t{font-size:16px}}
@media (min-width:1024px){
  .mb-mmain[data-view="saved"]{padding:0!important}
  .mb-mmain[data-view="saved"]>div{display:block!important}
  .mb-mmain[data-view="saved"]>div>aside{display:none!important}
  .mb-mmain[data-view="saved"] main{padding:0!important;max-width:none!important}
  .mb-mmain[data-view="saved"] .mbs-grid{grid-template-columns:360px minmax(0,1fr);gap:0;align-items:start}
  .mb-mmain[data-view="saved"] .mbs-left{position:sticky;top:65px;height:calc(100vh - 65px);overflow-y:auto;border:0;border-right:1px solid var(--border);border-radius:0;padding:16px 8px}
  .mb-mmain[data-view="saved"] .mbs-main{width:100%;max-width:1020px;margin:0 auto;padding:24px 16px}
}

/* Páginas estilo Facebook */
.mbp-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;width:100%;box-sizing:border-box}
.mbp-left{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px}
.mbp-search{width:100%;height:38px;border-radius:999px;border:0;background:var(--muted);color:var(--foreground);padding:0 14px;margin-bottom:10px;font-size:14px;box-sizing:border-box}
.mbp-create{width:100%;height:38px;border:0;border-radius:8px;background:rgba(27,116,228,.2);color:#4599ff;font-weight:600;font-size:15px;cursor:pointer}
.mbp-sep{height:1px;background:var(--border);margin:12px 0 8px}
.mbp-ic{background:var(--muted)!important;color:var(--foreground)!important}
.mbp-main{min-width:0}
.mbp-title{font-size:20px;font-weight:700;margin:2px 2px 12px}
.mbp-card{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:16px}
.mbp-cover{height:150px;cursor:pointer;background-color:var(--muted)}
.mbp-info{display:flex;align-items:center;gap:14px;padding:0 16px;margin-top:-28px}
.mbp-av{flex:none;border-radius:50%;border:3px solid var(--card);cursor:pointer;line-height:0}
.mbp-tx{min-width:0;padding-top:30px}
.mbp-n{font-size:20px;font-weight:700;cursor:pointer;line-height:1.2}
.mbp-m{font-size:13px;color:var(--muted-foreground);margin-top:2px}
.mbp-bt{display:flex;gap:8px;padding:12px 16px 16px}
.mbp-b{flex:1;height:40px;border:0;border-radius:8px;background:var(--muted);color:var(--foreground);font-weight:600;font-size:15px;cursor:pointer}
.mbp-b.pri{background:rgba(27,116,228,.2);color:#4599ff}
.mbp-b:hover{filter:brightness(1.12)}
@media (min-width:1024px){
  .mb-mmain[data-view="pages"]:has(.mbp-grid){padding:0!important}
  .mb-mmain[data-view="pages"]:has(.mbp-grid)>div{display:block!important}
  .mb-mmain[data-view="pages"]:has(.mbp-grid)>div>aside:not(.mbp-left){display:none!important}
  .mb-mmain[data-view="pages"]:has(.mbp-grid) main{padding:0!important;max-width:none!important}
  .mb-mmain[data-view="pages"] .mbp-grid{grid-template-columns:360px minmax(0,1fr);gap:0;align-items:start}
  .mb-mmain[data-view="pages"] .mbp-left{position:sticky;top:65px;height:calc(100vh - 65px);overflow-y:auto;border:0;border-right:1px solid var(--border);border-radius:0;padding:16px 8px}
  .mb-mmain[data-view="pages"] .mbp-main{width:100%;max-width:700px;margin:0 auto;padding:24px 16px}
}

/* Tendencias estilo panel de Facebook */
.mbt-stack{display:flex;flex-direction:column;gap:16px;min-width:0}
.mbt-cols{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.mbt-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px}
.mbt-h{font-size:20px;font-weight:700}
.mbs-top-t{font-size:20px;font-weight:700;margin:2px 2px 0}
.mbt-l{font-size:13px;color:var(--muted-foreground)}
.mbt-row{display:flex;justify-content:space-between;align-items:center;gap:8px}
.mbt-link{border:0;background:none;color:#4599ff;font-size:15px;cursor:pointer}
.mbt-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.mbt-tile{border:1px solid var(--border);border-radius:8px;padding:12px;background:var(--muted)}
.mbt-n{font-size:22px;font-weight:700}
.mbt-chart{width:100%;height:auto;color:var(--foreground);display:block}
.mbt-grid2{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.mbt-gc{display:flex;align-items:center;gap:12px;width:100%;padding:8px;border:0;border-radius:8px;background:transparent;color:var(--foreground);text-align:left;cursor:pointer}
.mbt-gc:hover{background:var(--muted)}
.mbt-gi{width:40px;height:40px;flex:none;border-radius:8px;display:grid;place-items:center;background:linear-gradient(135deg,#7c3aed,#f43f5e);color:#fff;font-weight:700}
.mbt-gn{font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (min-width:640px){.mbt-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1024px){
  .mb-mmain[data-view="trending"]{padding:0!important}
  .mb-mmain[data-view="trending"]>div{display:block!important}
  .mb-mmain[data-view="trending"]>div>aside{display:none!important}
  .mb-mmain[data-view="trending"] main{padding:0!important;max-width:none!important}
  .mb-mmain[data-view="trending"] .mbt-wrap{grid-template-columns:360px minmax(0,1fr);gap:0;align-items:start}
  .mb-mmain[data-view="trending"] .mbs-left{position:sticky;top:65px;height:calc(100vh - 65px);overflow-y:auto;border:0;border-right:1px solid var(--border);border-radius:0;padding:16px 8px}
  .mb-mmain[data-view="trending"] .mbt-main{width:100%;max-width:1180px;margin:0 auto;padding:24px 16px}
  .mb-mmain[data-view="trending"] .mbt-cols{grid-template-columns:minmax(0,1fr) 340px;align-items:start}
}

/* Tendencias: Contenido / Música / Interacción */
.mbt-h3{font-size:17px;font-weight:700;margin:16px 0 8px}
.mbt-ctg{display:grid;grid-template-columns:150px minmax(0,1fr);gap:8px;align-items:stretch}
.mbt-th{min-height:150px;border-radius:12px;background:#111 center/cover no-repeat;color:#fff;font-size:13px;padding:10px;overflow:hidden;word-break:break-word;display:flex;align-items:flex-start}
.mbt-tiles2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.mbt-cal{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--border);border-radius:8px;overflow:hidden;min-height:170px}
.mbt-day{padding:10px;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted-foreground)}
.mbt-day:last-child{border-right:0}
.mbt-day.today{background:rgba(45,136,255,.1)}
.mbt-dn{font-weight:700;font-size:12px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center}
.mbt-day.today .mbt-dn{background:#1b74e4;color:#fff}
.mbt-ev{border:1px solid var(--border);border-radius:8px;padding:6px 8px;color:var(--foreground);background:var(--card)}
.mbt-none{display:flex;flex-direction:column;gap:4px;text-align:center;margin-top:18px;font-size:11px}
.mbt-none b{color:var(--foreground);font-size:13px}
.mbt-lc{display:grid;grid-template-columns:200px minmax(0,1fr);gap:16px;margin-top:14px;align-items:start}
.mbt-lcp{display:flex;flex-direction:column;gap:6px}.mbt-lcp .mbt-th{min-height:90px}
.mbt-lcc{display:flex;gap:10px;min-width:0}
@media (max-width:640px){.mbt-ctg,.mbt-lc{grid-template-columns:minmax(0,1fr)}.mbt-cal{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Detalle de una Página estilo Facebook (solo escritorio >=1024px; reutiliza el layout de la lista de Páginas) */
.mbpd-left{display:none}
@media (min-width:1024px){
  .mbpd-left{display:block}
  .mbpd-back{display:none!important}
  .mb-mmain[data-view="pages"] .mbp-main.mbpd-main{max-width:1100px;padding:0 16px 24px}
  .mbpd-card{border-top:0!important;border-radius:0 0 12px 12px!important}
  .mbpd-cover{height:clamp(220px,27vw,380px)!important}
  .mbpd-hd{padding:0 32px 16px!important}
  .mbpd-row{margin-top:-84px!important;gap:20px!important;align-items:flex-end!important}
  .mbpd-row>div:first-child{width:168px!important;height:168px!important;font-size:64px!important}
  .mbpd-row h1{font-size:32px!important;line-height:1.2}
  .mbpd-desc{font-size:15px;margin-top:4px}
  .mbpd-tabs{display:flex;gap:4px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:0 12px}
  .mbpd-tabs button{border:0!important;background:transparent!important;border-radius:0!important;height:52px;padding:0 16px;color:var(--muted-foreground);font-weight:600;border-bottom:3px solid transparent!important;box-shadow:none!important}
  .mbpd-tabs button:hover{background:var(--muted)!important}
  .mbpd-tabs button[data-on="1"]{color:#4599ff;border-bottom-color:#4599ff!important}
  .mb-mmain[data-view="pages"] .mbpg-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
  .mb-mmain[data-view="pages"] .mbpg-side{order:-1;position:static}
}

/* Perfiles (usuario) en escritorio: sin barra lateral izquierda, ancho completo; conserva los márgenes y el ancho centrado del perfil. SOLO >=1024px y SOLO la vista "profile" */
@media (min-width:1024px){
  .mb-mmain[data-view="profile"]>div{display:block!important}
  .mb-mmain[data-view="profile"]>div>aside{display:none!important}
}

/* Barra lateral fija estilo Facebook (escritorio): sticky + scroll propio invisible */
@media (min-width:1024px){
  .mb-fbp .mb-fbleft,
  .mb-fbg .mbpg-side,
  .mb-mmain[data-view="pages"] .mbpg-side{position:sticky!important;top:80px;align-self:start;max-height:calc(100vh - 96px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}
  .mb-fbp .mb-fbleft::-webkit-scrollbar,
  .mb-fbg .mbpg-side::-webkit-scrollbar,
  .mb-mmain[data-view="pages"] .mbpg-side::-webkit-scrollbar{display:none;width:0;height:0}
}

/* Perfil (escritorio): la tarjeta "Crear nueva historia" va en la primera posición del slider */
.mb-fbp .mb-stories>button.border-dashed{order:-1}

/* Pantallas grandes (>=1500px): perfiles, grupos y páginas al ancho de Facebook (1250px). En notebook queda igual (1100px). */
@media (min-width:1500px){
  .mb-fbp,.mb-fbg{max-width:1250px}
  .mb-fbp .mb-cover,.mb-fbg .mb-gcov{height:460px}
  .mb-mmain[data-view="pages"] .mbp-main.mbpd-main{max-width:1250px}
  .mbpd-cover{height:460px!important}
}

/* Grupo (detalle) en escritorio: barra lateral izquierda tipo Facebook. Solo >=1024px (el JS solo la dibuja en escritorio). */
@media (min-width:1024px){
  .mb-gdl{display:grid;grid-template-columns:340px minmax(0,1fr);align-items:start}
  .mb-gdl>.mb-fbg{width:100%;min-width:0;padding:16px 16px 40px}
  .mb-gdside{position:sticky;top:65px;height:calc(100vh - 65px);overflow-y:auto;padding:12px 8px;background:var(--card,#fff);border-right:1px solid var(--border,rgba(127,127,127,.25))}
  .mb-gds-back{display:flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--muted-foreground);font-size:13px;font-weight:600;padding:4px 8px;cursor:pointer}
  .mb-gds-back:hover{color:var(--foreground)}
  .mb-gds-head{display:flex;align-items:center;gap:12px;padding:10px 8px}
  .mb-gds-name{font-size:16px;font-weight:700;line-height:1.25;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .mb-gds-sub{font-size:12px;color:var(--muted-foreground);margin-top:2px}
  .mb-gds-hr{border-top:1px solid var(--border,rgba(127,127,127,.25));margin:8px 4px}
  .mb-gds-sec{font-size:13px;font-weight:700;color:var(--muted-foreground);padding:8px 8px 4px}
  .mb-gds-it{display:flex;align-items:center;gap:12px;width:100%;padding:10px 8px;border:0;border-radius:8px;background:transparent;color:inherit;font-size:15px;font-weight:600;text-align:left;cursor:pointer}
  .mb-gds-it:hover{background:var(--muted)}
  .mb-gds-it.on{background:rgba(124,58,237,.14);color:#8b5cf6}
  .mb-gds-ic{display:grid;place-items:center;width:28px;flex:none}
}

/* Detalle de grupo (vista "group") en escritorio: sin la barra lateral del feed; solo la barra del grupo y el contenido a todo el ancho */
@media (min-width:1024px){
  .mb-mmain[data-view="group"]{padding:0!important}
  .mb-mmain[data-view="group"]>div{display:block!important}
  .mb-mmain[data-view="group"]>div>aside{display:none!important}
  .mb-mmain[data-view="group"] main{padding:0!important;max-width:none!important}
}

/* Perfil escritorio: fuera de "Todo" no hay barra lateral; cada pestaña muestra sus tarjetas a todo el ancho */
@media (min-width:1024px){
  .mb-fbp .mb-fbtabs:has([role=tab][id$="-trigger-posts"][data-state=inactive]) .mb-fbcols{grid-template-columns:minmax(0,1fr)}
  .mb-fbp .mb-fbtabs:has([role=tab][id$="-trigger-posts"][data-state=inactive]) .mb-fbleft{display:none}
  .mb-fbp .mb-fbtabs:has([role=tab][id$="-trigger-posts"][data-state=inactive]) .mb-fbright>:not([role=tabpanel]):not(.mb-fb-edit){display:none}
  .mb-fbp .mb-fbright>.mb-fb-edit>.rounded-2xl,.mb-fbp .mb-fbright [role=tabpanel]>.rounded-2xl{border-radius:8px!important;border-color:transparent!important;box-shadow:0 1px 2px rgba(0,0,0,.2)}
}

/* Configuración (escritorio): sin barra lateral del feed; panel propio a todo el ancho */
@media (min-width:1024px){
  .mb-mmain[data-view="settings"]{padding-left:0!important;padding-right:0!important;padding-top:0!important}
  .mb-mmain[data-view="settings"]>div{display:block!important}
  .mb-mmain[data-view="settings"]>div>aside{display:none!important}
  .mb-mmain[data-view="settings"] main{padding:0!important;max-width:none!important;width:100%!important;margin:0!important}
  .mb-mmain[data-view="settings"] .mb-set{width:100%}
}