.social-shell{--social-bg:transparent;--social-panel:color-mix(in srgb,var(--panel,#111827) 94%,transparent);--social-panel-soft:color-mix(in srgb,var(--panel2,#182235) 88%,transparent);--social-border:color-mix(in srgb,var(--borde,#334155) 86%,transparent);--social-text:var(--texto,#f8fafc);--social-muted:var(--muted,#94a3b8);--social-accent:var(--acento,#7aa2ff);box-sizing:border-box;width:min(100%,1180px);margin-inline:auto;padding:18px 0 32px;color:var(--social-text)}.social-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;margin:0 0 18px;padding:24px;border:1px solid var(--social-border);border-radius:22px;background:var(--social-panel);box-shadow:0 22px 58px rgb(0 0 0 / .14);overflow:hidden}.social-hero:after{content:"";position:absolute;left:24px;bottom:0;width:120px;height:3px;border-radius:3px 3px 0 0;background:linear-gradient(90deg,var(--social-accent),transparent)}.social-hero-copy{display:grid;gap:6px}.social-eyebrow{color:var(--social-accent);font-size:.72rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.social-hero h1{margin:0;font-size:1.7rem;letter-spacing:-.035em}.social-hero p{max-width:620px;margin:0;color:var(--social-muted);line-height:1.55}.social-hero-kpis{display:flex;align-items:stretch;gap:8px}.social-hero-kpis span{display:grid;min-width:92px;padding:11px 13px;border:1px solid color-mix(in srgb,var(--social-border) 82%,transparent);border-radius:14px;background:color-mix(in srgb,var(--social-panel-soft) 60%,transparent)}.social-hero-kpis b{font-size:1.18rem}.social-hero-kpis small{margin-top:2px;color:var(--social-muted);font-size:.7rem;font-weight:700}.social-cabecera{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.social-cabecera h1{margin:0;font-size:1.35rem}.social-nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:0 0 22px;padding:6px;border:1px solid var(--social-border);border-radius:16px;background:color-mix(in srgb,var(--social-panel) 82%,transparent);box-shadow:0 12px 34px rgb(0 0 0 / .08)}.social-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 12px;border:0;border-radius:11px;color:var(--social-muted);text-decoration:none;font-size:.88rem;font-weight:760;transition:background .16s ease,color .16s ease,transform .16s ease}.social-nav a:hover,.social-nav a:focus-visible{background:var(--social-panel-soft);color:var(--social-text);outline:none}.social-nav a.activo{background:var(--social-accent);color:#08111f;box-shadow:0 8px 20px color-mix(in srgb,var(--social-accent) 18%,transparent)}.social-subnav{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:-10px 0 18px;padding:5px 0}.social-subnav a{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 10px;border:1px solid var(--social-border);border-radius:999px;color:var(--social-muted);text-decoration:none;font-size:.8rem;font-weight:750}.social-subnav a.activo,.social-subnav a:hover,.social-subnav a:focus-visible{border-color:color-mix(in srgb,var(--social-accent) 48%,var(--social-border));background:color-mix(in srgb,var(--social-accent) 10%,transparent);color:var(--social-text);outline:none}.social-subnav a span{display:grid;place-items:center;min-width:1.55em;height:1.55em;padding:0 .32em;border-radius:999px;background:var(--social-panel-soft);font-size:.72em}.social-resumen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.social-resumen>div{position:relative;display:grid;gap:6px;min-height:104px;padding:18px 18px 16px;border:1px solid var(--social-border);border-radius:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--social-panel) 98%,transparent),color-mix(in srgb,var(--social-panel-soft) 72%,transparent));box-shadow:0 14px 34px rgb(0 0 0 / .09);overflow:hidden}.social-resumen>div:after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:2px;border-radius:2px 2px 0 0;background:linear-gradient(90deg,var(--social-accent),transparent);opacity:.55}.social-resumen strong{font-size:1.65rem;letter-spacing:-.03em}.social-resumen span{color:var(--social-muted);font-size:.82rem;font-weight:700}.social-dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.social-dashboard-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:start;padding:18px;border:1px solid var(--social-border);border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--social-panel) 99%,transparent),color-mix(in srgb,var(--social-panel-soft) 70%,transparent));color:inherit;text-decoration:none;box-shadow:0 16px 40px rgb(0 0 0 / .08);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.social-dashboard-card:hover,.social-dashboard-card:focus-visible{transform:translateY(-3px);border-color:color-mix(in srgb,var(--social-accent) 52%,var(--social-border));box-shadow:0 22px 52px rgb(0 0 0 / .15);outline:none}.social-dashboard-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:color-mix(in srgb,var(--social-accent) 14%,var(--social-panel-soft));color:var(--social-accent);font-size:1.15rem;font-weight:900}.social-dashboard-card>div{display:grid;gap:5px}.social-dashboard-label{color:var(--social-muted);font-size:.7rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.social-dashboard-card strong{font-size:1rem;line-height:1.25}.social-dashboard-card p{margin:0;color:var(--social-muted);font-size:.82rem;line-height:1.45}.social-dashboard-arrow{align-self:center;color:var(--social-accent);font-size:1.2rem}.social-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.social-card{box-sizing:border-box;min-width:0;padding:20px;border:1px solid var(--social-border);border-radius:18px;background:var(--social-panel);box-shadow:0 16px 38px rgb(0 0 0 / .09)}.social-card h2{margin:0 0 8px;font-size:1.05rem;letter-spacing:-.015em}.social-card>p{margin:0 0 14px;color:var(--social-muted);line-height:1.55}.social-card>a:not(.social-card-enlace){display:inline-flex;align-items:center;min-height:34px;padding:0 10px;border:1px solid var(--social-border);border-radius:10px;color:var(--social-accent);text-decoration:none;font-size:.8rem;font-weight:800}.social-card>a:not(.social-card-enlace):hover,.social-card>a:not(.social-card-enlace):focus-visible{border-color:color-mix(in srgb,var(--social-accent) 48%,var(--social-border));background:color-mix(in srgb,var(--social-accent) 8%,transparent);outline:none}.social-card-enlace{display:block;color:inherit;text-decoration:none;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.social-card-enlace:hover,.social-card-enlace:focus-visible{transform:translateY(-2px);border-color:color-mix(in srgb,var(--social-accent) 44%,var(--social-border));box-shadow:0 18px 42px rgb(0 0 0 / .14);outline:none}.social-card-enlace>span{display:inline-flex;margin-top:12px;color:var(--social-accent);font-size:.83rem;font-weight:800}.social-lista{display:grid;gap:10px}.social-usuario{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px;border:1px solid color-mix(in srgb,var(--social-border) 90%,transparent);border-radius:14px;background:color-mix(in srgb,var(--social-panel-soft) 56%,transparent);transition:border-color .15s ease,background .15s ease,transform .15s ease}.social-usuario:hover{border-color:color-mix(in srgb,var(--social-accent) 40%,var(--social-border));background:color-mix(in srgb,var(--social-panel-soft) 78%,transparent);transform:translateY(-1px)}.social-avatar{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border-radius:50%;object-fit:cover;border:1px solid var(--social-border);background:var(--social-panel-soft);color:var(--social-text);font-weight:850}.social-usuario-info{display:flex;align-items:center;gap:12px;min-width:0}.social-usuario-info>div{display:grid;gap:3px;min-width:0}.social-usuario-info a{overflow:hidden;color:var(--social-text);text-decoration:none;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.social-usuario-info a:hover{color:var(--social-accent)}.social-usuario-info small{color:var(--social-muted)}.social-acciones{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.social-acciones button,.social-acciones a,.social-card button{min-height:34px;padding:0 11px;border:1px solid transparent;border-radius:10px;background:var(--social-accent);color:#08111f;font:inherit;font-size:.78rem;font-weight:800;text-decoration:none;cursor:pointer}.social-acciones .secundario,.social-card button.secundario{border-color:var(--social-border);background:transparent;color:var(--social-text)}.social-acciones button:hover,.social-acciones a:hover,.social-card button:hover{filter:brightness(1.06)}.social-mutual{padding:5px 8px;border:1px solid var(--social-border);border-radius:999px;color:var(--social-muted);font-size:.72rem;font-weight:700}.social-busqueda{display:grid;gap:8px;margin-bottom:18px}.social-busqueda label{color:var(--social-muted);font-size:.8rem;font-weight:750}.social-busqueda-linea{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.social-busqueda-linea input{min-height:42px;padding:8px 11px;border:1px solid var(--social-border);border-radius:11px;background:var(--social-panel-soft);color:inherit;font:inherit}.social-busqueda-linea button{min-height:42px;padding:0 14px}.social-preferencias{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.social-preferencias>label{display:grid;gap:7px}.social-preferencias>.check{display:flex;align-items:center;gap:8px}.social-preferencias>button{grid-column:1/-1;justify-self:start}.social-form{display:grid;gap:14px}.social-form label{display:grid;gap:7px;color:var(--social-text);font-weight:720}.social-form select,.social-form input{box-sizing:border-box;width:100%;min-height:42px;padding:8px 11px;border:1px solid var(--social-border);border-radius:11px;background:color-mix(in srgb,var(--social-panel-soft) 62%,transparent);color:inherit;font:inherit;outline:none}.social-form select:focus,.social-form input:focus{border-color:var(--social-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--social-accent) 12%,transparent)}.social-form .check{display:flex;align-items:center;gap:9px}.social-form .check input{width:auto;min-height:auto}.social-vacio{margin:0!important;padding:18px;border:1px dashed var(--social-border);border-radius:13px;color:var(--social-muted)!important;text-align:center;background:color-mix(in srgb,var(--social-panel-soft) 38%,transparent)}.social-mensaje{margin-bottom:14px;padding:11px 13px;border:1px solid var(--social-border);border-radius:12px;background:var(--social-panel-soft);font-size:.88rem}.social-mensaje.ok{border-color:#2f855a}.social-mensaje.error{border-color:#c53030}.social-paginacion{display:flex;justify-content:space-between;gap:12px;margin-top:16px}.social-paginacion a{padding:8px 11px;border:1px solid var(--social-border);border-radius:10px;color:inherit;text-decoration:none}.social-paginacion a:hover{border-color:var(--social-accent)}@media(max-width:860px){.social-hero{grid-template-columns:1fr;align-items:start;padding:20px}.social-hero-kpis{justify-content:flex-start;flex-wrap:wrap}.social-dashboard-grid{grid-template-columns:1fr}.social-resumen{grid-template-columns:1fr}.social-grid{grid-template-columns:1fr}.social-nav{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.social-nav::-webkit-scrollbar{display:none}.social-nav a{flex:0 0 auto}.social-usuario{grid-template-columns:auto minmax(0,1fr)}.social-acciones{grid-column:1/-1;justify-content:flex-start;padding-left:60px}}@media(max-width:560px){.social-shell{padding-top:10px}.social-card{padding:15px}.social-usuario{grid-template-columns:1fr}.social-avatar{width:44px;height:44px}.social-acciones{grid-column:auto;padding-left:0;justify-content:flex-start}.social-resumen>div{min-height:86px;padding:15px}}.social-amigos-grupos{display:grid;gap:16px}.social-seccion-titulo{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px}.social-seccion-titulo>div{display:flex;align-items:center;gap:9px;min-width:0}.social-seccion-titulo h2{margin:0}.social-seccion-titulo>small{flex:0 0 auto;color:var(--social-muted);font-size:.74rem;font-weight:800}.social-seccion-icono{display:grid;place-items:center;width:28px;height:28px;border:1px solid color-mix(in srgb,var(--social-accent) 34%,var(--social-border));border-radius:9px;background:color-mix(in srgb,var(--social-accent) 9%,var(--social-panel));color:var(--social-accent);font-size:.82rem;line-height:1}.social-seccion-icono-amigos{font-size:.58rem}.social-card-favoritos{border-color:color-mix(in srgb,var(--social-accent) 28%,var(--social-border))}.social-usuario-favorito{box-shadow:inset 3px 0 0 color-mix(in srgb,var(--social-accent) 78%,transparent)}.social-acciones button.social-favorito-activo{border-color:color-mix(in srgb,var(--social-accent) 36%,var(--social-border));background:color-mix(in srgb,var(--social-accent) 10%,transparent);color:var(--social-text)}@media(max-width:560px){.social-seccion-titulo{align-items:flex-start}.social-seccion-titulo>small{padding-top:6px}}
.social-estados-amigos{margin:0 0 16px;padding:18px}.social-estados-cabecera{margin-bottom:16px}.social-estados-grupo{display:grid;gap:10px}.social-estados-grupo+.social-estados-grupo{margin-top:18px;padding-top:18px;border-top:1px solid var(--social-border)}.social-estados-grupo-titulo{display:flex;align-items:center;justify-content:space-between;gap:10px}.social-estados-grupo-titulo>span{color:var(--social-heading);font-size:.88rem;font-weight:850}.social-estados-grupo-titulo>small{display:grid;place-items:center;min-width:24px;height:24px;padding:0 7px;border:1px solid var(--social-border);border-radius:999px;color:var(--social-muted);font-size:.72rem;font-weight:800}.social-estados-lista{display:flex;align-items:flex-start;gap:16px;min-width:0;padding:5px 3px 7px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}.social-story-estado{flex:0 0 92px;display:grid;justify-items:center;gap:7px;padding:4px 2px;border:0;background:transparent;color:var(--social-text);font:inherit;cursor:pointer}.social-story-avatar-wrap{position:relative;display:grid;place-items:center;width:72px;height:72px;border-radius:50%;outline:3px solid color-mix(in srgb,var(--social-accent) 82%,transparent);outline-offset:3px}.social-story-favorito .social-story-avatar-wrap{outline-color:color-mix(in srgb,var(--social-accent) 96%,#fff)}.social-story-avatar{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;object-fit:cover;background:var(--social-bg-surface-alt);color:var(--social-text);font-weight:900;box-shadow:0 0 0 1px var(--social-border)}.social-story-avatar-vacio{font-size:1.2rem}.social-story-marco{position:absolute;z-index:2;inset:calc(-1 * var(--social-story-frame-outset,10px));width:calc(100% + 2 * var(--social-story-frame-outset,10px));height:calc(100% + 2 * var(--social-story-frame-outset,10px));object-fit:contain;pointer-events:none}.social-story-estado strong{max-width:92px;overflow:hidden;color:var(--social-heading);font-size:.78rem;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.social-story-estado>small{color:var(--social-muted);font-size:.68rem;font-weight:700}.social-story-estado:hover .social-story-avatar-wrap,.social-story-estado:focus-visible .social-story-avatar-wrap{transform:translateY(-2px);filter:brightness(1.06)}.social-story-estado:focus-visible{outline:none}.social-estados-vacio{flex:1 0 100%;margin:0;padding:14px 16px;border:1px dashed var(--social-border);border-radius:12px;color:var(--social-muted);font-size:.82rem;text-align:center;background:color-mix(in srgb,var(--social-bg-surface-alt) 34%,transparent)}@media(max-width:560px){.social-estados-amigos{padding:15px}.social-estados-lista{gap:12px}.social-story-estado{flex-basis:82px}.social-story-avatar-wrap,.social-story-avatar{width:64px;height:64px}.social-story-estado strong{max-width:82px}}
.social-publico-volver{display:flex;margin:0 0 12px}.social-publico-volver a,.social-publico-volver a:visited{display:inline-flex;align-items:center;min-height:38px;padding:0 13px;border:1px solid var(--social-border);border-radius:11px;background:color-mix(in srgb,var(--social-panel) 88%,transparent);color:var(--social-text);text-decoration:none;font-size:.84rem;font-weight:800;transition:background .16s ease,border-color .16s ease,transform .16s ease}.social-publico-volver a:hover,.social-publico-volver a:focus-visible{background:var(--social-panel-soft);border-color:color-mix(in srgb,var(--social-accent) 48%,var(--social-border));color:var(--social-text);transform:translateY(-1px);outline:none}
[data-cuenta-seccion="social"] .social-lista{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
[data-cuenta-seccion="social"] .social-lista>.social-vacio{grid-column:1/-1}
[data-cuenta-seccion="social"] .social-usuario-card{position:relative;display:block;min-width:0;padding:0;border:1px solid var(--social-border);border-radius:18px;background:var(--social-panel);overflow:hidden;box-shadow:0 14px 34px rgb(0 0 0 / .12);transform:none}
[data-cuenta-seccion="social"] .social-usuario-card:hover{transform:none;border-color:color-mix(in srgb,var(--social-accent) 46%,var(--social-border));background:var(--social-panel)}
[data-cuenta-seccion="social"] .social-usuario-card.social-usuario-favorito{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--social-accent) 34%,transparent),0 14px 34px rgb(0 0 0 / .12)}
[data-cuenta-seccion="social"] .social-usuario-resumen{position:relative;display:block;width:100%;min-height:158px;padding:0;border:0;background:var(--social-panel-soft);color:var(--social-text);font:inherit;text-align:left;cursor:pointer;overflow:hidden}
[data-cuenta-seccion="social"] .social-usuario-resumen:focus-visible{outline:2px solid var(--social-accent);outline-offset:-3px}
[data-cuenta-seccion="social"] .social-usuario-banner{position:absolute;inset:0;display:block;background:linear-gradient(135deg,color-mix(in srgb,var(--social-panel-soft) 78%,transparent),var(--social-panel))}
[data-cuenta-seccion="social"] .social-usuario-banner-img{display:block;width:100%;height:100%;object-fit:cover}
[data-cuenta-seccion="social"] .social-usuario-overlay{position:absolute;inset:0;display:block;background:linear-gradient(180deg,rgb(5 10 20 / .10) 0%,rgb(5 10 20 / .28) 42%,rgb(5 10 20 / .86) 100%)}
[data-cuenta-seccion="social"] .social-usuario-identidad{position:absolute;left:18px;right:54px;bottom:16px;z-index:2;display:flex;align-items:center;gap:13px;min-width:0}
[data-cuenta-seccion="social"] .social-avatar-shell{position:relative;display:grid;place-items:center;width:60px;height:60px;min-width:60px}
[data-cuenta-seccion="social"] .social-avatar-shell .social-avatar{width:56px;height:56px;flex:0 0 56px;border:2px solid rgb(255 255 255 / .72);box-shadow:0 4px 16px rgb(0 0 0 / .32)}
[data-cuenta-seccion="social"] .social-avatar-marco{position:absolute;z-index:2;inset:calc(-1 * min(var(--social-avatar-frame-outset,10px),12px));width:calc(100% + 2 * min(var(--social-avatar-frame-outset,10px),12px));height:calc(100% + 2 * min(var(--social-avatar-frame-outset,10px),12px));object-fit:contain;pointer-events:none}
[data-cuenta-seccion="social"] .social-usuario-texto{display:grid;gap:4px;min-width:0}
[data-cuenta-seccion="social"] .social-usuario-texto strong{overflow:hidden;color:#fff;font-size:1rem;font-weight:850;line-height:1.15;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 8px rgb(0 0 0 / .7)}
[data-cuenta-seccion="social"] .social-usuario-texto small{overflow:hidden;color:rgb(230 238 250 / .86);font-size:.75rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 2px 7px rgb(0 0 0 / .72)}
[data-cuenta-seccion="social"] .social-usuario-menu-indicador{position:absolute;z-index:3;top:12px;right:12px;display:grid;place-items:center;min-width:34px;height:28px;padding:0 8px;border:1px solid rgb(255 255 255 / .22);border-radius:999px;background:rgb(8 15 28 / .56);color:#fff;font-size:.9rem;font-weight:900;letter-spacing:.08em;backdrop-filter:blur(5px)}
[data-cuenta-seccion="social"] .social-usuario-card:has(.social-usuario-resumen[aria-expanded="true"]) .social-usuario-menu-indicador{background:color-mix(in srgb,var(--social-accent) 60%,rgb(8 15 28 / .72));border-color:color-mix(in srgb,var(--social-accent) 65%,transparent)}
[data-cuenta-seccion="social"] .social-acciones-desplegables{display:flex;align-items:center;justify-content:flex-start;gap:8px;flex-wrap:wrap;padding:12px 14px 14px;border-top:1px solid var(--social-border);background:color-mix(in srgb,var(--social-panel) 96%,transparent)}
[data-cuenta-seccion="social"] .social-acciones-desplegables[hidden]{display:none!important}
[data-cuenta-seccion="social"] .social-acciones-desplegables .social-accion-perfil{display:inline-flex;align-items:center;min-height:34px;padding:0 11px;border:1px solid var(--social-border);border-radius:10px;background:var(--social-panel-soft);color:var(--social-text);font-size:.78rem;font-weight:800;text-decoration:none}
[data-cuenta-seccion="social"] .social-acciones-desplegables .social-accion-perfil:hover{border-color:var(--social-accent);color:var(--social-text)}
[data-cuenta-seccion="social"] .social-acciones-desplegables .social-accion-peligro{border-color:color-mix(in srgb,var(--social-danger,#ef4444) 46%,var(--social-border));color:var(--social-danger,#ef4444)}
[data-cuenta-seccion="social"] .social-grid .social-card .social-lista{grid-template-columns:1fr}
@media(max-width:760px){[data-cuenta-seccion="social"] .social-lista{grid-template-columns:1fr}[data-cuenta-seccion="social"] .social-usuario-resumen{min-height:148px}}

[data-cuenta-seccion="social"] .social-usuario-banner-img{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;object-fit:cover}
[data-cuenta-seccion="social"] .social-usuario-overlay{z-index:1}
[data-cuenta-seccion="social"] .social-usuario-banner-marco{position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;object-fit:fill;pointer-events:none}
[data-cuenta-seccion="social"] .social-usuario-identidad{z-index:3}
[data-cuenta-seccion="social"] .social-avatar-shell{overflow:visible}
[data-cuenta-seccion="social"] .social-avatar-shell .social-avatar{position:relative;z-index:1}
[data-cuenta-seccion="social"] .social-avatar-marco{z-index:3;display:block;pointer-events:none}
[data-cuenta-seccion="social"] .social-usuario-menu-indicador{z-index:4}

/* Social cards v2: identidad siempre por encima del marco de banner */
[data-cuenta-seccion="social"] .social-usuario-banner{position:absolute!important;inset:0!important;z-index:0!important;overflow:hidden!important}
[data-cuenta-seccion="social"] .social-usuario-banner-img{position:absolute!important;inset:0!important;z-index:0!important;width:100%!important;height:100%!important;object-fit:cover!important}
[data-cuenta-seccion="social"] .social-usuario-overlay{z-index:1!important;pointer-events:none!important}
[data-cuenta-seccion="social"] .social-usuario-banner-marco{position:absolute!important;inset:0!important;z-index:2!important;width:100%!important;height:100%!important;object-fit:fill!important;pointer-events:none!important}
[data-cuenta-seccion="social"] .social-usuario-identidad{z-index:20!important}
[data-cuenta-seccion="social"] .social-avatar-shell{position:relative!important;z-index:21!important;overflow:visible!important}
[data-cuenta-seccion="social"] .social-avatar-shell .social-avatar{position:relative!important;z-index:22!important}
[data-cuenta-seccion="social"] .social-avatar-marco{z-index:24!important;pointer-events:none!important}
[data-cuenta-seccion="social"] .social-usuario-menu-indicador{z-index:30!important}

/* Estados de amigos: mismas tarjetas visuales que Amigos / Descubrir */
[data-cuenta-seccion="social"] .social-estados-lista{
  display:grid!important;
  grid-template-columns:repeat(var(--perfil-visual-social-columns,2),minmax(0,1fr))!important;
  gap:var(--perfil-visual-social-gap,14px)!important;
  min-width:0!important;
  padding:4px 0 6px!important;
  overflow:visible!important;
}
[data-cuenta-seccion="social"] .social-story-card{
  position:relative;
  display:block;
  box-sizing:border-box;
  width:100%;
  min-width:0;
  min-height:var(--perfil-visual-social-user-height,158px);
  padding:0;
  border:1px solid var(--social-border);
  border-radius:var(--perfil-visual-social-radius,18px);
  background:var(--social-panel-soft);
  color:var(--social-text);
  font:inherit;
  text-align:left;
  cursor:pointer;
  overflow:hidden;
  box-shadow:0 14px 34px rgb(0 0 0 / .12);
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
[data-cuenta-seccion="social"] .social-story-card:hover,
[data-cuenta-seccion="social"] .social-story-card:focus-visible{
  transform:translateY(-2px);
  border-color:color-mix(in srgb,var(--social-accent) 52%,var(--social-border));
  box-shadow:0 20px 44px rgb(0 0 0 / .18);
  outline:none;
}
[data-cuenta-seccion="social"] .social-story-card-favorito{
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--social-accent) 42%,transparent),0 14px 34px rgb(0 0 0 / .12);
}
[data-cuenta-seccion="social"] .social-story-card-banner{
  position:absolute;
  inset:0;
  z-index:0;
  display:block;
  overflow:hidden;
  background:linear-gradient(135deg,color-mix(in srgb,var(--social-panel-soft) 78%,transparent),var(--social-panel));
}
[data-cuenta-seccion="social"] .social-story-card-banner-img{
  position:absolute;
  inset:0;
  z-index:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
[data-cuenta-seccion="social"] .social-story-card-banner-marco{
  position:absolute;
  inset:0;
  z-index:2;
  display:block;
  width:100%;
  height:100%;
  object-fit:fill;
  pointer-events:none;
}
[data-cuenta-seccion="social"] .social-story-card-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  display:block;
  background:linear-gradient(180deg,rgb(5 10 20 / .08) 0%,rgb(5 10 20 / .25) 42%,rgb(5 10 20 / .88) 100%);
  pointer-events:none;
}
[data-cuenta-seccion="social"] .social-story-card-identidad{
  position:absolute;
  left:18px;
  right:88px;
  bottom:16px;
  z-index:20;
  display:flex;
  align-items:center;
  gap:13px;
  min-width:0;
}
[data-cuenta-seccion="social"] .social-story-card-avatar-shell{
  position:relative;
  z-index:21;
  display:grid;
  place-items:center;
  width:60px;
  height:60px;
  min-width:60px;
  overflow:visible;
}
[data-cuenta-seccion="social"] .social-story-card-avatar{
  position:relative;
  z-index:22;
  display:grid;
  place-items:center;
  width:56px;
  height:56px;
  border:2px solid rgb(255 255 255 / .72);
  border-radius:50%;
  object-fit:cover;
  background:var(--social-panel-soft);
  color:#fff;
  font-weight:900;
  box-shadow:0 4px 16px rgb(0 0 0 / .32);
}
[data-cuenta-seccion="social"] .social-story-card-avatar-vacio{font-size:1.1rem}
[data-cuenta-seccion="social"] .social-story-card-avatar-marco{
  position:absolute;
  z-index:24;
  inset:calc(-1 * min(var(--social-story-card-avatar-outset,10px),12px));
  width:calc(100% + 2 * min(var(--social-story-card-avatar-outset,10px),12px));
  height:calc(100% + 2 * min(var(--social-story-card-avatar-outset,10px),12px));
  object-fit:contain;
  pointer-events:none;
}
[data-cuenta-seccion="social"] .social-story-card-texto{
  display:grid;
  gap:4px;
  min-width:0;
}
[data-cuenta-seccion="social"] .social-story-card-texto strong{
  overflow:hidden;
  color:#fff;
  font-size:1rem;
  font-weight:850;
  line-height:1.15;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-shadow:0 2px 8px rgb(0 0 0 / .72);
}
[data-cuenta-seccion="social"] .social-story-card-texto small{
  overflow:hidden;
  color:rgb(230 238 250 / .88);
  font-size:.75rem;
  font-weight:650;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-shadow:0 2px 7px rgb(0 0 0 / .72);
}
[data-cuenta-seccion="social"] .social-story-card-count{
  position:absolute;
  top:12px;
  right:12px;
  z-index:30;
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 9px;
  border:1px solid rgb(255 255 255 / .24);
  border-radius:999px;
  background:rgb(8 15 28 / .62);
  color:#fff;
  font-size:.72rem;
  font-weight:850;
  white-space:nowrap;
  backdrop-filter:blur(5px);
}
[data-cuenta-seccion="social"] .social-estados-vacio{grid-column:1/-1!important}
@media(max-width:560px){
  [data-cuenta-seccion="social"] .social-story-card-identidad{left:14px;right:76px;bottom:13px;gap:10px}
  [data-cuenta-seccion="social"] .social-story-card-avatar-shell{width:54px;height:54px;min-width:54px}
  [data-cuenta-seccion="social"] .social-story-card-avatar{width:50px;height:50px}
  [data-cuenta-seccion="social"] .social-story-card-texto strong{font-size:.9rem}
  [data-cuenta-seccion="social"] .social-story-card-texto small{font-size:.68rem}
  [data-cuenta-seccion="social"] .social-story-card-count{top:9px;right:9px}
}

/* Social cards v3: capas reales y marcos con saliente */
[data-cuenta-seccion="social"] .social-usuario-card{
  overflow:visible!important;
  isolation:isolate!important;
}
[data-cuenta-seccion="social"] .social-usuario-resumen{
  overflow:visible!important;
  isolation:isolate!important;
  border-radius:var(--perfil-visual-social-radius,18px)!important;
}
[data-cuenta-seccion="social"] .social-usuario-banner{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  overflow:visible!important;
  border-radius:inherit!important;
  pointer-events:none!important;
}
[data-cuenta-seccion="social"] .social-usuario-banner-img{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:inherit!important;
  clip-path:inset(0 round var(--perfil-visual-social-radius,18px))!important;
}
[data-cuenta-seccion="social"] .social-usuario-overlay{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  border-radius:inherit!important;
  clip-path:inset(0 round var(--perfil-visual-social-radius,18px))!important;
  pointer-events:none!important;
}
[data-cuenta-seccion="social"] .social-usuario-banner-marco{
  position:absolute!important;
  z-index:10!important;
  inset:calc(-1 * min(var(--social-banner-frame-outset,10px),18px))!important;
  width:calc(100% + 2 * min(var(--social-banner-frame-outset,10px),18px))!important;
  height:calc(100% + 2 * min(var(--social-banner-frame-outset,10px),18px))!important;
  object-fit:fill!important;
  overflow:visible!important;
  pointer-events:none!important;
}
[data-cuenta-seccion="social"] .social-usuario-identidad{
  z-index:30!important;
}
[data-cuenta-seccion="social"] .social-avatar-shell{
  position:relative!important;
  z-index:31!important;
  overflow:visible!important;
}
[data-cuenta-seccion="social"] .social-avatar-shell .social-avatar{
  position:relative!important;
  z-index:32!important;
}
[data-cuenta-seccion="social"] .social-avatar-marco{
  position:absolute!important;
  z-index:34!important;
  pointer-events:none!important;
}
[data-cuenta-seccion="social"] .social-usuario-texto{
  position:relative!important;
  z-index:35!important;
}
[data-cuenta-seccion="social"] .social-usuario-menu-indicador{
  z-index:40!important;
}

/* Estados de amigos: misma jerarquía */
[data-cuenta-seccion="social"] .social-story-card{
  overflow:visible!important;
  isolation:isolate!important;
}
[data-cuenta-seccion="social"] .social-story-card-banner{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  overflow:visible!important;
  border-radius:inherit!important;
  pointer-events:none!important;
}
[data-cuenta-seccion="social"] .social-story-card-banner-img{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:inherit!important;
  clip-path:inset(0 round var(--perfil-visual-social-radius,18px))!important;
}
[data-cuenta-seccion="social"] .social-story-card-overlay{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  border-radius:inherit!important;
  clip-path:inset(0 round var(--perfil-visual-social-radius,18px))!important;
  pointer-events:none!important;
}
[data-cuenta-seccion="social"] .social-story-card-banner-marco{
  position:absolute!important;
  z-index:10!important;
  inset:calc(-1 * min(var(--social-story-card-banner-outset,10px),18px))!important;
  width:calc(100% + 2 * min(var(--social-story-card-banner-outset,10px),18px))!important;
  height:calc(100% + 2 * min(var(--social-story-card-banner-outset,10px),18px))!important;
  object-fit:fill!important;
  overflow:visible!important;
  pointer-events:none!important;
}
[data-cuenta-seccion="social"] .social-story-card-identidad{
  z-index:30!important;
}
[data-cuenta-seccion="social"] .social-story-card-avatar-shell{
  z-index:31!important;
  overflow:visible!important;
}
[data-cuenta-seccion="social"] .social-story-card-avatar{
  z-index:32!important;
}
[data-cuenta-seccion="social"] .social-story-card-avatar-marco{
  z-index:34!important;
}
[data-cuenta-seccion="social"] .social-story-card-texto{
  position:relative!important;
  z-index:35!important;
}
[data-cuenta-seccion="social"] .social-story-card-count{
  z-index:40!important;
}

/* Deja espacio real para el saliente del marco sin cambiar la rejilla de dos columnas */
[data-cuenta-seccion="social"] .social-lista,
[data-cuenta-seccion="social"] .social-estados-lista{
  padding:14px!important;
  column-gap:calc(var(--perfil-visual-social-gap,14px) + 8px)!important;
  row-gap:calc(var(--perfil-visual-social-gap,14px) + 12px)!important;
}

/* Social cards v4: replica exacta de la jerarquia del perfil real */
[data-cuenta-seccion="social"] .social-usuario-card{
  position:relative!important;
  display:block!important;
  overflow:hidden!important;
  isolation:isolate!important;
  border-radius:var(--perfil-visual-social-radius,18px)!important;
}
[data-cuenta-seccion="social"] .social-usuario-resumen{
  position:relative!important;
  display:block!important;
  width:100%!important;
  overflow:hidden!important;
  isolation:isolate!important;
  border-radius:inherit!important;
}
[data-cuenta-seccion="social"] .social-usuario-banner{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  overflow:hidden!important;
  border-radius:inherit!important;
  pointer-events:none!important;
}
[data-cuenta-seccion="social"] .social-usuario-banner-img{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:inherit!important;
  clip-path:none!important;
}
[data-cuenta-seccion="social"] .social-usuario-overlay{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  border-radius:inherit!important;
  clip-path:none!important;
  pointer-events:none!important;
}
[data-cuenta-seccion="social"] .social-usuario-banner-marco{
  position:absolute!important;
  inset:0!important;
  z-index:20!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:fill!important;
  overflow:visible!important;
  pointer-events:none!important;
  user-select:none!important;
}
[data-cuenta-seccion="social"] .social-usuario-identidad{
  position:absolute!important;
  left:18px!important;
  right:54px!important;
  bottom:16px!important;
  z-index:30!important;
  display:flex!important;
  align-items:center!important;
  gap:13px!important;
  min-width:0!important;
}
[data-cuenta-seccion="social"] .social-avatar-shell{
  position:relative!important;
  z-index:30!important;
  display:inline-grid!important;
  place-items:center!important;
  width:60px!important;
  height:60px!important;
  min-width:60px!important;
  overflow:visible!important;
  isolation:isolate!important;
}
[data-cuenta-seccion="social"] .social-avatar-shell>.social-avatar{
  position:relative!important;
  z-index:2!important;
  width:56px!important;
  height:56px!important;
  flex:0 0 56px!important;
}
[data-cuenta-seccion="social"] .social-avatar-shell>.social-avatar-marco{
  position:absolute!important;
  z-index:3!important;
  inset:calc(-1 * min(var(--social-avatar-frame-outset,10px),12px))!important;
  width:calc(100% + 2 * min(var(--social-avatar-frame-outset,10px),12px))!important;
  height:calc(100% + 2 * min(var(--social-avatar-frame-outset,10px),12px))!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  pointer-events:none!important;
  user-select:none!important;
}
[data-cuenta-seccion="social"] .social-usuario-texto{
  position:relative!important;
  z-index:31!important;
}
[data-cuenta-seccion="social"] .social-usuario-menu-indicador{
  position:absolute!important;
  z-index:40!important;
}

/* Estados de amigos: exactamente la misma jerarquia */
[data-cuenta-seccion="social"] .social-story-card{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  border-radius:var(--perfil-visual-social-radius,18px)!important;
}
[data-cuenta-seccion="social"] .social-story-card-banner{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  overflow:hidden!important;
  border-radius:inherit!important;
  pointer-events:none!important;
}
[data-cuenta-seccion="social"] .social-story-card-banner-img{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:inherit!important;
  clip-path:none!important;
}
[data-cuenta-seccion="social"] .social-story-card-overlay{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  border-radius:inherit!important;
  clip-path:none!important;
  pointer-events:none!important;
}
[data-cuenta-seccion="social"] .social-story-card-banner-marco{
  position:absolute!important;
  inset:0!important;
  z-index:20!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:fill!important;
  pointer-events:none!important;
  user-select:none!important;
}
[data-cuenta-seccion="social"] .social-story-card-identidad{
  position:absolute!important;
  left:18px!important;
  right:88px!important;
  bottom:16px!important;
  z-index:30!important;
  display:flex!important;
  align-items:center!important;
  gap:13px!important;
}
[data-cuenta-seccion="social"] .social-story-card-avatar-shell{
  position:relative!important;
  z-index:30!important;
  display:inline-grid!important;
  place-items:center!important;
  width:60px!important;
  height:60px!important;
  min-width:60px!important;
  overflow:visible!important;
  isolation:isolate!important;
}
[data-cuenta-seccion="social"] .social-story-card-avatar-shell>.social-story-card-avatar{
  position:relative!important;
  z-index:2!important;
  width:56px!important;
  height:56px!important;
}
[data-cuenta-seccion="social"] .social-story-card-avatar-shell>.social-story-card-avatar-marco{
  position:absolute!important;
  z-index:3!important;
  inset:calc(-1 * min(var(--social-story-card-avatar-outset,10px),12px))!important;
  width:calc(100% + 2 * min(var(--social-story-card-avatar-outset,10px),12px))!important;
  height:calc(100% + 2 * min(var(--social-story-card-avatar-outset,10px),12px))!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  pointer-events:none!important;
  user-select:none!important;
}
[data-cuenta-seccion="social"] .social-story-card-texto{
  position:relative!important;
  z-index:31!important;
}
[data-cuenta-seccion="social"] .social-story-card-count{
  z-index:40!important;
}

/* Rejilla limpia: sin padding artificial provocado por el parche anterior */
[data-cuenta-seccion="social"] .social-lista,
[data-cuenta-seccion="social"] .social-estados-lista{
  padding:4px 0 6px!important;
  gap:var(--perfil-visual-social-gap,14px)!important;
}
@media(max-width:560px){
  [data-cuenta-seccion="social"] .social-usuario-identidad,
  [data-cuenta-seccion="social"] .social-story-card-identidad{
    left:14px!important;
    bottom:13px!important;
    gap:10px!important;
  }
  [data-cuenta-seccion="social"] .social-avatar-shell,
  [data-cuenta-seccion="social"] .social-story-card-avatar-shell{
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
  }
  [data-cuenta-seccion="social"] .social-avatar-shell>.social-avatar,
  [data-cuenta-seccion="social"] .social-story-card-avatar-shell>.social-story-card-avatar{
    width:50px!important;
    height:50px!important;
  }
}

/* Social cards v5: composicion definitiva sin degradado y con avatar por encima del banner */
[data-cuenta-seccion="social"] .social-usuario-card,
[data-cuenta-seccion="social"] .social-story-card{
  position:relative!important;
  overflow:visible!important;
  isolation:isolate!important;
  background:transparent!important;
}
[data-cuenta-seccion="social"] .social-usuario-resumen,
[data-cuenta-seccion="social"] .social-story-card{
  position:relative!important;
  overflow:visible!important;
  isolation:isolate!important;
  background:transparent!important;
}
[data-cuenta-seccion="social"] .social-usuario-banner,
[data-cuenta-seccion="social"] .social-story-card-banner{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  overflow:hidden!important;
  border-radius:var(--perfil-visual-social-radius,18px)!important;
  background:var(--social-panel-soft)!important;
  pointer-events:none!important;
}
[data-cuenta-seccion="social"] .social-usuario-banner-img,
[data-cuenta-seccion="social"] .social-story-card-banner-img{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:inherit!important;
}
[data-cuenta-seccion="social"] .social-usuario-overlay,
[data-cuenta-seccion="social"] .social-story-card-overlay{
  display:none!important;
  background:none!important;
}
[data-cuenta-seccion="social"] .social-usuario-banner-marco,
[data-cuenta-seccion="social"] .social-story-card-banner-marco{
  position:absolute!important;
  inset:0!important;
  z-index:20!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:fill!important;
  pointer-events:none!important;
  user-select:none!important;
}
[data-cuenta-seccion="social"] .social-usuario-identidad,
[data-cuenta-seccion="social"] .social-story-card-identidad{
  position:absolute!important;
  left:14px!important;
  bottom:12px!important;
  z-index:50!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-width:0!important;
  pointer-events:none!important;
}
[data-cuenta-seccion="social"] .social-usuario-identidad{
  right:54px!important;
}
[data-cuenta-seccion="social"] .social-story-card-identidad{
  right:88px!important;
}
[data-cuenta-seccion="social"] .social-avatar-shell,
[data-cuenta-seccion="social"] .social-story-card-avatar-shell{
  position:relative!important;
  z-index:51!important;
  display:inline-grid!important;
  place-items:center!important;
  width:60px!important;
  height:60px!important;
  min-width:60px!important;
  overflow:visible!important;
  isolation:isolate!important;
  transform:translateY(18px)!important;
}
[data-cuenta-seccion="social"] .social-avatar-shell>.social-avatar,
[data-cuenta-seccion="social"] .social-story-card-avatar-shell>.social-story-card-avatar{
  position:relative!important;
  z-index:52!important;
  width:56px!important;
  height:56px!important;
  flex:0 0 56px!important;
  border-radius:50%!important;
  object-fit:cover!important;
}
[data-cuenta-seccion="social"] .social-avatar-shell>.social-avatar-marco,
[data-cuenta-seccion="social"] .social-story-card-avatar-shell>.social-story-card-avatar-marco{
  position:absolute!important;
  z-index:53!important;
  inset:calc(-1 * min(var(--social-avatar-frame-outset, var(--social-story-card-avatar-outset,10px)),12px))!important;
  width:calc(100% + 2 * min(var(--social-avatar-frame-outset, var(--social-story-card-avatar-outset,10px)),12px))!important;
  height:calc(100% + 2 * min(var(--social-avatar-frame-outset, var(--social-story-card-avatar-outset,10px)),12px))!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  pointer-events:none!important;
}
[data-cuenta-seccion="social"] .social-usuario-texto,
[data-cuenta-seccion="social"] .social-story-card-texto{
  position:relative!important;
  z-index:52!important;
  transform:translateY(4px)!important;
}
[data-cuenta-seccion="social"] .social-usuario-menu-indicador,
[data-cuenta-seccion="social"] .social-story-card-count{
  z-index:60!important;
}
[data-cuenta-seccion="social"] .social-lista,
[data-cuenta-seccion="social"] .social-estados-lista{
  overflow:visible!important;
  padding:6px 0 18px!important;
  row-gap:calc(var(--perfil-visual-social-gap,14px) + 16px)!important;
  column-gap:var(--perfil-visual-social-gap,14px)!important;
}
@media(max-width:560px){
  [data-cuenta-seccion="social"] .social-avatar-shell,
  [data-cuenta-seccion="social"] .social-story-card-avatar-shell{
    width:54px!important;
    height:54px!important;
    min-width:54px!important;
    transform:translateY(15px)!important;
  }
  [data-cuenta-seccion="social"] .social-avatar-shell>.social-avatar,
  [data-cuenta-seccion="social"] .social-story-card-avatar-shell>.social-story-card-avatar{
    width:50px!important;
    height:50px!important;
  }
}


/* Social cards v6: marco exterior real + identidad por encima de todas las capas */
[data-cuenta-seccion="social"] .social-usuario-card,
[data-cuenta-seccion="social"] .social-story-card{
  overflow:visible!important;
  isolation:isolate!important;
}
[data-cuenta-seccion="social"] .social-usuario-resumen,
[data-cuenta-seccion="social"] .social-story-card{
  overflow:visible!important;
}
[data-cuenta-seccion="social"] .social-usuario-banner,
[data-cuenta-seccion="social"] .social-story-card-banner{
  overflow:visible!important;
  z-index:1!important;
  background:var(--social-panel-soft)!important;
}
[data-cuenta-seccion="social"] .social-usuario-banner-img,
[data-cuenta-seccion="social"] .social-story-card-banner-img{
  z-index:1!important;
  overflow:hidden!important;
  clip-path:inset(0 round var(--perfil-visual-social-radius,18px))!important;
}
[data-cuenta-seccion="social"] .social-usuario-banner-marco{
  z-index:20!important;
  inset:calc(-1 * var(--social-banner-frame-outset,10px))!important;
  width:calc(100% + (var(--social-banner-frame-outset,10px) * 2))!important;
  height:calc(100% + (var(--social-banner-frame-outset,10px) * 2))!important;
  object-fit:fill!important;
  overflow:visible!important;
}
[data-cuenta-seccion="social"] .social-story-card-banner-marco{
  z-index:20!important;
  inset:calc(-1 * var(--social-story-card-banner-outset,10px))!important;
  width:calc(100% + (var(--social-story-card-banner-outset,10px) * 2))!important;
  height:calc(100% + (var(--social-story-card-banner-outset,10px) * 2))!important;
  object-fit:fill!important;
  overflow:visible!important;
}
[data-cuenta-seccion="social"] .social-usuario-identidad,
[data-cuenta-seccion="social"] .social-story-card-identidad{
  left:18px!important;
  bottom:18px!important;
  z-index:50!important;
  align-items:center!important;
  gap:12px!important;
  transform:none!important;
}
[data-cuenta-seccion="social"] .social-avatar-shell,
[data-cuenta-seccion="social"] .social-story-card-avatar-shell{
  z-index:51!important;
  transform:none!important;
  overflow:visible!important;
}
[data-cuenta-seccion="social"] .social-avatar-shell>.social-avatar,
[data-cuenta-seccion="social"] .social-story-card-avatar-shell>.social-story-card-avatar{
  z-index:52!important;
  border:0!important;
  box-shadow:none!important;
}
[data-cuenta-seccion="social"] .social-avatar-shell>.social-avatar-marco{
  z-index:53!important;
  inset:calc(-1 * var(--social-avatar-frame-outset,10px))!important;
  width:calc(100% + (var(--social-avatar-frame-outset,10px) * 2))!important;
  height:calc(100% + (var(--social-avatar-frame-outset,10px) * 2))!important;
  object-fit:contain!important;
}
[data-cuenta-seccion="social"] .social-story-card-avatar-shell>.social-story-card-avatar-marco{
  z-index:53!important;
  inset:calc(-1 * var(--social-story-card-avatar-outset,10px))!important;
  width:calc(100% + (var(--social-story-card-avatar-outset,10px) * 2))!important;
  height:calc(100% + (var(--social-story-card-avatar-outset,10px) * 2))!important;
  object-fit:contain!important;
}
[data-cuenta-seccion="social"] .social-usuario-texto,
[data-cuenta-seccion="social"] .social-story-card-texto{
  z-index:54!important;
  transform:none!important;
}
[data-cuenta-seccion="social"] .social-usuario-menu-indicador,
[data-cuenta-seccion="social"] .social-story-card-count{
  z-index:60!important;
}
[data-cuenta-seccion="social"] .social-lista,
[data-cuenta-seccion="social"] .social-estados-lista{
  padding:14px!important;
  row-gap:calc(var(--perfil-visual-social-gap,14px) + 10px)!important;
  column-gap:calc(var(--perfil-visual-social-gap,14px) + 10px)!important;
  overflow:visible!important;
}
@media(max-width:560px){
  [data-cuenta-seccion="social"] .social-usuario-identidad,
  [data-cuenta-seccion="social"] .social-story-card-identidad{
    left:14px!important;
    bottom:14px!important;
  }
  [data-cuenta-seccion="social"] .social-avatar-shell,
  [data-cuenta-seccion="social"] .social-story-card-avatar-shell{
    transform:none!important;
  }
}