@media(min-width:1024px){
[data-view="friends"]>div>aside{display:none!important}
[data-view="friends"]>div>main{grid-column:1/-1}
[data-view="friends"] main{max-width:none!important;margin-left:0!important;margin-right:0!important}
}
.mb-fr-main{min-width:0;width:100%;padding:4px 8px}
.mb-fr-sec{padding:4px 0 18px;border-bottom:1px solid var(--border);margin-bottom:18px}
.mb-fr-sh{display:flex;justify-content:space-between;align-items:center;margin:4px 0 12px}
.mb-fr-sh h2{font-size:20px;font-weight:700}
.mb-fr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,200px));gap:12px}
.mb-fr-card{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--card)}
.mb-fr-pb{display:block;width:100%;border:0;padding:0;background:none;cursor:pointer}
.mb-fr-ph{width:100%;aspect-ratio:1;object-fit:cover;display:block}
.mb-fr-ph0{display:grid;place-items:center;background:var(--muted)}
.mb-fr-cb{padding:10px 12px 12px;display:flex;flex-direction:column;gap:6px}
.mb-fr-cb b{font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mb-fr-b1,.mb-fr-b2{width:100%;border:0;border-radius:6px;padding:9px 10px;font-weight:600;font-size:15px;cursor:pointer}
.mb-fr-b1{color:#fff;background:linear-gradient(90deg,#7c3aed,#e11d48)}
.mb-fr-b2{background:var(--muted);color:inherit}
.mb-fr-b2:disabled{opacity:.7;cursor:default}
.mb-fr-hd{display:flex;align-items:center;gap:10px;margin:4px 0 8px}
.mb-fr-hd small{font-size:13px;opacity:.75;display:block}
.mb-fr-hd h1{font-size:22px;font-weight:800;margin:0}
.mb-fr-back{border:0;background:var(--muted);color:inherit;width:34px;height:34px;border-radius:9999px;cursor:pointer;font-size:18px}
.mb-fr-ct{font-size:17px;margin:6px 6px 4px}
.mb-fr-row{display:flex;gap:10px;align-items:flex-start;padding:8px 6px;border-radius:10px;position:relative}
.mb-fr-row:hover,.mb-fr-row.on{background:var(--muted)}
.mb-fr-av{border:0;background:none;padding:0;cursor:pointer;flex:0 0 auto}
.mb-fr-info{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.mb-fr-nm{border:0;background:none;color:inherit;font-weight:600;font-size:15px;cursor:pointer;text-align:left;padding:0}
.mb-fr-bt{display:flex;gap:8px;width:100%;margin-top:4px}
.mb-fr-bt .mb-fr-b1,.mb-fr-bt .mb-fr-b2{flex:1;padding:7px 8px;font-size:14px}
.mb-fr-dots{position:relative;align-self:center}
.mb-fr-dots>button{border:0;background:none;color:inherit;font-size:18px;cursor:pointer;padding:4px 8px;border-radius:9999px}
.mb-fr-dots>button:hover{background:var(--border)}
.mb-fr-menu{position:absolute;right:0;top:100%;z-index:20;background:var(--card);border:1px solid var(--border);border-radius:8px;padding:4px;min-width:170px;box-shadow:0 6px 20px rgba(0,0,0,.25)}
.mb-fr-menu button{width:100%;border:0;background:none;color:inherit;text-align:left;padding:8px 10px;border-radius:6px;cursor:pointer;font-weight:600}
.mb-fr-menu button:hover{background:var(--muted)}
.mb-fr-empty{display:grid;place-items:center;min-height:60vh}
.mb-fr-pv{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;max-width:420px}
.mb-fr-pv p{font-size:17px;font-weight:700;opacity:.8}
.mb-fr-pv h2{font-size:22px;font-weight:700}
.mb-fr-pv .mb-fr-b1{width:auto;padding:9px 22px}
/* ===== Cabecera estilo Facebook (solo distribución y tamaños) ===== */
.mb-dhdr>div>button:first-child>span{display:none!important}
@media(min-width:1100px){
.mb-dhdr>div{position:relative;height:56px!important;padding-left:16px!important;padding-right:16px!important;gap:8px!important}
.mb-dhdr>div>button:first-child{margin-right:0!important}
.mb-dhdr>div>div.relative{flex:none!important;width:240px;max-width:240px}
.mb-dhdr>div>div.relative input{height:40px!important;font-size:15px!important}
.mb-dhdr nav{position:absolute;left:50%;top:0;transform:translateX(-50%);height:56px;gap:4px!important;align-items:stretch!important}
.mb-dhdr nav>button{height:56px!important;width:clamp(64px,6.5vw,112px)!important;border-radius:8px!important}
.mb-dhdr nav>button svg{width:26px!important;height:26px!important}
.mb-dhdr nav>button>span[class*="bottom-1"]{bottom:0!important;width:100%!important;height:3px!important;border-radius:3px 3px 0 0!important}
.mb-dhdr>div>div.ml-auto{gap:8px!important}
}

/* ===== Eventos estilo Facebook (pantalla completa, escritorio) ===== */
@media(min-width:1024px){
[data-view="events"]>div>aside{display:none!important}
[data-view="events"]>div>main{grid-column:1/-1}
[data-view="events"] main{max-width:none!important;margin-left:0!important;margin-right:0!important}
.mb-ev-main{max-width:1100px!important;margin:0 auto!important}
}
.mb-ev-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:28px 0;opacity:.85}

.mb-ev-sub{padding-left:14px;display:flex;flex-direction:column;gap:2px}
.mb-ev-sub .mb-bd-ic{width:32px;height:32px}
.mb-ev-sub .mb-bd-nav{font-weight:500}
.mb-ev-act{display:flex;flex-direction:column;gap:6px;flex:0 0 auto}
.mb-ev-b{border:0;background:var(--muted);color:inherit;border-radius:6px;padding:7px 12px;font-weight:600;font-size:14px;cursor:pointer;white-space:nowrap}
.mb-ev-b.on{background:linear-gradient(90deg,#7c3aed,#e11d48);color:#fff}
.mb-ev-pg{padding:4px 4px 0}
.mb-ev-pg h1{font-size:24px;font-weight:800;margin:0}
.mb-ev-pg small{font-size:14px;opacity:.75}
.mb-ev-h2{font-size:22px;font-weight:700;margin-bottom:10px}
.mb-ev-pills{display:flex;gap:8px;margin-bottom:6px}
.mb-ev-pill{border:0;background:var(--muted);color:inherit;border-radius:9999px;padding:8px 14px;font-weight:600;cursor:pointer}
.mb-ev-pill.on{background:rgba(124,58,237,.2);color:#7c3aed}
.mb-ev-cta{border:0;border-radius:8px;padding:10px 16px;font-weight:700;color:#fff;background:linear-gradient(90deg,#7c3aed,#e11d48);cursor:pointer}
.mb-ev-empty p{text-align:center;max-width:420px}