/* SinSitio · cabecera de publicaciones 2026 · V3 */
/* Cargar después de los estilos del perfil. No altera el contador. */
.ss-profile-post .ss-profile-post-head > .ss-wall-head-info,
.ss-profile-post .ss-profile-post-head > div.ss-wall-head-info:last-child {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    flex: 1 1 auto !important;
    min-width: 0;
    column-gap: 13px !important;
    row-gap: 5px !important;
}
.ss-profile-post .ss-wall-head-info > .ss-profile-post-user-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    flex: 0 0 auto;
    text-decoration: none;
    white-space: nowrap;
    line-height: 1.3;
}
.ss-profile-post .ss-wall-head-info .reel-rank {
    position: static !important;
    float: none !important;
    top: auto !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center;
    line-height: 1 !important;
}
.ss-profile-post .ss-wall-head-info .reel-rank-icon {
    display: block;
    width: 22px !important;
    height: 22px !important;
    object-fit: contain;
    border: 0 !important;
    border-radius: 0 !important;
}
.ss-profile-post .ss-wall-head-info .ss-wall-post-date {
    position: static !important;
    display: inline-flex !important;
    align-items: center;
    color: #a6b2c3;
    font-size: 11px;
    line-height: 22px;
    white-space: nowrap;
}
.ss-profile-post .ss-wall-head-info > .ss-wall-views {
    position: static !important;
    inset: auto !important;
    float: none !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 5px !important;
    color: #f5cf67 !important;
    font-size: 11px !important;
    line-height: 22px !important;
    white-space: nowrap;
}
.ss-profile-post .ss-wall-head-info > .ss-wall-views b {font-weight: 600;}
@media (max-width: 480px) {
    .ss-profile-post .ss-profile-post-head > .ss-wall-head-info {
        column-gap: 9px !important;
        row-gap: 3px !important;
    }
}

/* V4 · acabado compacto y moderno: conserva HTML y contador V3 */
.ss-profile-post .ss-profile-post-head {
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 7px !important;
    min-height: 46px;
}
.ss-profile-post .ss-profile-post-head > .ss-wall-head-info {
    column-gap: 12px !important;
    row-gap: 7px !important;
}
.ss-profile-post .ss-wall-head-info > .ss-profile-post-user-link {
    gap: 8px !important;
    min-height: 30px;
}
.ss-profile-post .ss-wall-head-info > .ss-profile-post-user-link strong {
    line-height: 22px !important;
    letter-spacing: .1px;
}
.ss-profile-post .ss-wall-head-info .reel-rank-icon {
    width: 22px !important;
    height: 22px !important;
    filter: drop-shadow(0 1px 3px rgba(0,0,0,.25));
}
.ss-profile-post .ss-wall-head-info .ss-wall-post-date {
    position: static !important;
    font-size: 11px !important;
    line-height: 20px !important;
    color: #91a1b4 !important;
    font-weight: 400;
    padding: 0 !important;
}
.ss-profile-post .ss-wall-head-info > .ss-wall-views {
    position: static !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 5px 10px !important;
    border: 1px solid rgba(245,207,103,.20) !important;
    border-radius: 999px !important;
    background: rgba(245,207,103,.075) !important;
    color: #f5cf67 !important;
    line-height: 17px !important;
    font-size: 11px !important;
    box-shadow: none !important;
    white-space: nowrap;
}
.ss-profile-post .ss-wall-head-info > .ss-wall-views i {font-size: 12px; opacity: .92;}
.ss-profile-post .ss-wall-head-info > .ss-wall-views b {font-weight: 700;}
.ss-profile-post .ss-wall-head-info > .ss-wall-views .ss-wall-views-label {font-weight: 400;}
@media (max-width: 480px) {
    .ss-profile-post .ss-profile-post-head {gap: 9px !important; margin-bottom: 6px !important;}
    .ss-profile-post .ss-profile-post-head > .ss-wall-head-info {column-gap: 9px !important; row-gap: 5px !important;}
    .ss-profile-post .ss-wall-head-info > .ss-wall-views {padding: 4px 8px !important;}
}

/* V5 — Vistas a la derecha; publicaciones solo texto */
.ss-profile-post .ss-profile-post-head {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
}
.ss-profile-post .ss-profile-post-head > .ss-wall-head-info {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin-right: auto !important;
}
.ss-profile-post .ss-profile-post-head > .ss-wall-views-right {
    position: static !important;
    inset: auto !important;
    flex: 0 0 auto !important;
    margin: 0 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 5px 10px !important;
    border: 1px solid rgba(245,207,103,.20) !important;
    border-radius: 999px !important;
    background: rgba(245,207,103,.075) !important;
    color: #f5cf67 !important;
    font-size: 11px !important;
    line-height: 17px !important;
    white-space: nowrap !important;
}
.ss-profile-post .ss-wall-text-only {
    background: linear-gradient(135deg,#26384a,#202b3a);
    border: 1px solid #36485b;
    border-radius: 12px;
    padding: 17px 18px;
    margin: 10px 0 15px;
    overflow-wrap: anywhere;
}
.ss-profile-post .ss-wall-text-kicker {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #e0b75c;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .7px;
    margin-bottom: 10px;
}
.ss-profile-post .ss-wall-text-body {
    color: #f0f3f8;
    font-size: 14px;
    line-height: 1.6;
    font-weight: 500;
}
@media (max-width: 480px) {
    .ss-profile-post .ss-profile-post-head {gap: 7px !important;}
    .ss-profile-post .ss-profile-post-head > .ss-wall-head-info {column-gap: 7px !important;}
    .ss-profile-post .ss-profile-post-head > .ss-wall-views-right {padding: 4px 7px !important; font-size: 10px !important;}
    .ss-profile-post .ss-wall-text-only {padding: 14px;}
}

/* V6: miniaturas sin videos y opciones personales de ocultamiento */
.ss-wall-reel-v6{display:block;text-decoration:none!important;min-width:0;color:#dce6f2!important;cursor:pointer}
.ss-wall-reel-v6 .ss-wall-reel-cover{position:relative;aspect-ratio:9/16;overflow:hidden;border-radius:10px;background:linear-gradient(145deg,#26384a,#121c29);display:flex;align-items:center;justify-content:center}
.ss-wall-reel-v6 .ss-wall-reel-cover img{width:100%;height:100%;object-fit:cover;display:block}
.ss-wall-reel-v6 .ss-wall-reel-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:rgba(12,20,30,.72);border:1px solid rgba(255,255,255,.38);color:#f5cf67;box-shadow:0 4px 18px #0006}
.ss-wall-reel-v6 .ss-wall-reel-v6-author{display:flex;align-items:center;gap:7px;padding:8px 1px 3px;min-width:0;font-size:12px;font-weight:600}
.ss-wall-reel-v6 .ss-wall-reel-v6-author img{width:25px;height:25px;object-fit:cover;border-radius:50%;flex-shrink:0}
.ss-wall-reel-v6 .ss-wall-reel-v6-author span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ss-wall-reel-v6 .ss-wall-reel-stats{display:flex;gap:12px;font-size:11px;color:#9faec0}
.ss-wall-reel-v6:hover .ss-wall-reel-play{background:#f5cf67;color:#17212e}
.ss-profile-post .ss-profile-post-head .ss-wall-hide-user{position:absolute;right:0;top:38px;z-index:5;border:0;background:transparent;color:#a7b5c7;border-radius:7px;padding:3px 7px;cursor:pointer}
.ss-profile-post .ss-profile-post-head .ss-wall-hide-user:hover{background:#2d4055;color:#f5cf67}
.ss-wall-hidden-panel{margin:10px 0 15px;text-align:right}
.ss-wall-hidden-toggle,.ss-wall-hidden-row button{background:#25384b;color:#e6c475;border:1px solid #46536a;border-radius:8px;padding:7px 11px;cursor:pointer}
.ss-wall-hidden-list{margin-top:8px;text-align:left;padding:12px;background:#192532;border:1px solid #36485b;border-radius:10px}
.ss-wall-hidden-list[hidden]{display:none!important}
.ss-wall-hidden-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:6px 0}
@media(max-width:550px){.ss-wall-reel-v6 .ss-wall-reel-v6-author{font-size:11px}.ss-wall-reel-v6 .ss-wall-reel-stats{gap:6px}}

/* V6.4 · Botón compacto rojo centrado en la cabecera, sin alterar el contenido */
.ss-profile-post .ss-profile-post-head { position: relative !important; }
.ss-profile-post .ss-profile-post-head > .ss-wall-hide-user {
  position: absolute !important; left: 50% !important; right: auto !important;
  top: 0 !important; transform: translateX(-50%) !important;
  z-index: 5; display: inline-flex; align-items: center; justify-content: center;
  gap: 5px; width: max-content; max-width: 44%; padding: 5px 9px !important;
  border: 1px solid rgba(244,72,91,.5) !important; border-radius: 999px !important;
  background: rgba(115,19,37,.13) !important; color: #ff6175 !important;
  font-size: 10px !important; line-height: 1.25; font-weight: 600;
  cursor: pointer; white-space: nowrap; box-shadow: none;
}
.ss-profile-post .ss-profile-post-head > .ss-wall-hide-user:hover {
  background: rgba(184,36,56,.23) !important; color: #ff8998 !important;
  border-color: rgba(255,97,117,.8) !important;
}
.ss-profile-post .ss-profile-post-head > .ss-wall-hide-user .fa {font-size: 11px;}
@media (max-width: 640px) {
  .ss-profile-post .ss-profile-post-head > .ss-wall-hide-user {
    top: 100% !important; margin-top: 3px; max-width: 94%; font-size: 10px !important;
  }
  .ss-profile-post .ss-profile-post-head:has(> .ss-wall-hide-user) {margin-bottom: 29px !important;}
}

/* V6.5 · Confirmación de ocultamiento moderna y accesible */
.ss-hide-overlay{position:fixed;inset:0;z-index:2147483000;background:rgba(5,9,17,.76);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;padding:18px;animation:ssHideFade .18s ease-out}
.ss-hide-dialog{position:relative;box-sizing:border-box;width:min(100%,420px);padding:29px 26px 24px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:linear-gradient(150deg,#222b3a,#111923 78%);box-shadow:0 28px 80px rgba(0,0,0,.6);color:#f4f6fa;text-align:center;animation:ssHidePop .2s ease-out}
.ss-hide-close{position:absolute;right:14px;top:11px;border:0;background:transparent;color:#9da8b8;font-size:26px;cursor:pointer;padding:4px 8px}
.ss-hide-icon{width:58px;height:58px;margin:0 auto 15px;display:grid;place-items:center;border-radius:18px;background:rgba(245,66,87,.12);border:1px solid rgba(245,66,87,.3);color:#ff6175;font-size:25px}
.ss-hide-kicker{font-size:10px;letter-spacing:1.8px;font-weight:800;color:#fb6d80;margin-bottom:9px}
.ss-hide-dialog h3{font-size:19px;line-height:1.3;margin:0 0 12px;color:#fff;font-weight:750}
.ss-hide-dialog p{font-size:13px;line-height:1.65;color:#bdc8d6;margin:0 0 15px}
.ss-hide-dialog p strong{color:#fff;overflow-wrap:anywhere}
.ss-hide-note{padding:10px 12px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07);border-radius:10px;font-size:11px;line-height:1.5;color:#aebccd}
.ss-hide-note .fa{color:#ff9aa8;margin-right:6px}
.ss-hide-actions{display:flex;gap:10px;margin-top:22px}
.ss-hide-actions button{flex:1;min-width:0;border-radius:11px;padding:11px 10px;font-size:12px;font-weight:700;cursor:pointer;transition:background .15s,transform .15s}
.ss-hide-actions button:active{transform:scale(.98)}
.ss-hide-cancel{border:1px solid #465366;background:#283343;color:#d5dce6}
.ss-hide-cancel:hover{background:#364356}
.ss-hide-accept{border:1px solid #f34c63;background:linear-gradient(120deg,#e33451,#b91f3c);color:white;box-shadow:0 5px 19px rgba(217,36,68,.22)}
.ss-hide-accept:hover{background:linear-gradient(120deg,#f34b65,#cc2b48)}
.ss-hide-toast{position:fixed;z-index:2147483001;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;max-width:min(90vw,460px);padding:12px 18px;border:1px solid #37594e;border-radius:12px;background:#152d29;color:#d4f8e5;box-shadow:0 12px 32px #0008;font-size:12px;font-weight:600}
.ss-hide-toast .fa{font-size:17px;color:#69e0a8}
.ss-hide-toast-error{background:#3a1922;border-color:#87384a;color:#ffe0e6}.ss-hide-toast-error .fa{color:#ff8497}
@keyframes ssHideFade{from{opacity:0}to{opacity:1}}@keyframes ssHidePop{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:480px){.ss-hide-dialog{padding:26px 18px 19px;border-radius:17px}.ss-hide-actions{flex-direction:column-reverse}.ss-hide-actions button{width:100%}}
@media(prefers-reduced-motion:reduce){.ss-hide-overlay,.ss-hide-dialog{animation:none}}

/* V6.6: avatares reales de quienes dieron Me gusta; no altera el sistema de votos */
.ss-wall-like-avatars{display:flex;align-items:center;justify-content:center;padding:0 3px;min-width:0;align-self:center}
.ss-wall-like-avatar{display:inline-flex;width:24px;height:24px;flex:0 0 24px;border:2px solid #192637;border-radius:50%;overflow:hidden;background:#253247;box-shadow:0 1px 5px rgba(0,0,0,.25);transition:transform .18s ease;position:relative}
.ss-wall-like-avatar+.ss-wall-like-avatar{margin-left:-9px}
.ss-wall-like-avatar:hover{transform:translateY(-3px);z-index:10}
.ss-wall-like-avatar img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:560px){.ss-wall-like-avatar{width:20px;height:20px;flex-basis:20px}.ss-wall-like-avatar+.ss-wall-like-avatar{margin-left:-8px}}

/* V6.6.1: avatares dentro del botón Me gusta, sin ocupar una columna adicional */
.ss-profile-post-actions .ss-profile-post-like>.ss-wall-like-avatars{display:flex!important;position:static!important;align-items:center;justify-content:center;gap:0;margin:5px auto 0;padding:0;max-width:100%;width:max-content;line-height:1;cursor:default}
.ss-profile-post-actions .ss-profile-post-like>.ss-wall-like-avatars .ss-wall-like-avatar{display:inline-flex!important;width:20px;height:20px;flex:0 0 20px;border-radius:50%;overflow:hidden;border:2px solid #192637;box-sizing:border-box}
.ss-profile-post-actions .ss-profile-post-like>.ss-wall-like-avatars .ss-wall-like-avatar+.ss-wall-like-avatar{margin-left:-7px}
.ss-profile-post-actions .ss-profile-post-like>.ss-wall-like-avatars img{width:100%;height:100%;object-fit:cover}
@media(max-width:767px){.ss-profile-post-actions .ss-profile-post-like>.ss-wall-like-avatars .ss-wall-like-avatar{width:17px;height:17px;flex-basis:17px}.ss-profile-post-actions .ss-profile-post-like>.ss-wall-like-avatars .ss-wall-like-avatar+.ss-wall-like-avatar{margin-left:-6px}}
