/* ============================================================
   Adiasoft · Comunidad — parte social (03/09/2026)
   Lo nuevo de la auditoría social: niveles de privacidad, «sobre mí»,
   seguidores y la ficha mínima. assets/style.css es de otro carril.
   ============================================================ */
.vis-pick-3{grid-template-columns:repeat(3,1fr)}
@media(max-width:820px){.vis-pick-3{grid-template-columns:1fr}}
.pf-priv{display:flex;align-items:center;gap:8px;margin:8px 0 0;font-size:.8rem;color:var(--muted,#667);font-weight:600;cursor:pointer}
.pf-priv input{width:16px;height:16px;accent-color:var(--acc,#0a7d52);margin:0;flex:0 0 auto}
.pf-sobre .field{margin-bottom:12px}

/* Chips de nivel y de estado civil en la ficha */
.pp-chip-nivel{background:#fdefd2;color:#8a6100;border-color:#f3d9a0}
.pp-chip-priv{background:#eef4fb;color:#274b73;border-color:#cfdcf0}
[data-theme="dark"] .pp-chip-nivel{background:#3a2d10;color:#f3d9a0;border-color:#5a4720}
[data-theme="dark"] .pp-chip-priv{background:#16283d;color:#cfdcf0;border-color:#2c4666}

/* Contadores sociales bajo el nombre */
.pp-cifras{display:flex;flex-wrap:wrap;gap:14px;margin:8px 0 0;font-size:.86rem;color:var(--muted,#667)}
.pp-cifras b{color:var(--navy,#002863);font-size:1rem}
[data-theme="dark"] .pp-cifras b{color:#dbe6f7}
.pp-cifras a{color:inherit;text-decoration:none}
.pp-cifras a:hover{text-decoration:underline}

/* Biografía */
.pp-bio{white-space:pre-line;line-height:1.7;font-size:.95rem;margin:0}

/* Ficha mínima (privado / solo seguidores sin acceso) */
.pp-minima{text-align:center;padding:26px 18px}
.pp-minima .pp-ava{margin:0 auto 12px}
.pp-minima h1{font-size:1.5rem;margin:0 0 4px}
.pp-minima p{color:var(--muted,#667);font-size:.92rem;max-width:44ch;margin:10px auto 16px}
.pp-minima .pp-conectar{justify-content:center;margin-bottom:0}

/* Lista de seguidores */
.pp-seg{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.pp-seg-i{display:flex;align-items:center;gap:10px;border:1px solid var(--line,#e6ecf2);border-radius:12px;padding:8px 10px;
          background:var(--panel,#fff);text-decoration:none;color:inherit;min-width:0}
.pp-seg-i:hover{border-color:var(--acc,#0a7d52)}
.pp-seg-i .mp-av{width:36px;height:36px}
.pp-seg-i b{display:block;font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pp-seg-i small{color:var(--muted,#667);font-size:.75rem;direction:ltr;unicode-bidi:isolate}
.pp-seg-mas{font-size:.84rem;color:var(--muted,#667);margin:10px 0 0}

/* Botón seguir (persona) */
.btn-seguir.on{background:#e8f6ee;color:#0a7d52;border-color:#7fb79b}

/* Directorio y red: tarjeta reservada */
.cc-reservada{font-size:.8rem;color:#8a6100;background:#fdefd2;border-radius:999px;padding:2px 10px;display:inline-block;margin-top:6px;font-weight:700}
[data-theme="dark"] .cc-reservada{background:#3a2d10;color:#f3d9a0}
.red-seg{display:flex;gap:6px;flex-wrap:wrap}

/* Borrar comentario */
.mp-com{position:relative}
.mp-com-del{margin:0;display:inline}
.mp-com-del button{border:0;background:transparent;color:var(--dim,#889);cursor:pointer;font-size:.8rem;padding:0 4px;border-radius:6px;margin-left:4px}
.mp-com-del button:hover{background:var(--bg-2,#f3f6f9);color:#c0392b}
.mp-fuente-p{font-size:.78rem;color:var(--muted,#667);margin:0 0 .45rem;font-weight:600}

/* 03/09 (auditoría UX) · Llamar / WhatsApp en la ficha y buscador de Mi red */
.pp-llamar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:-8px 0 18px}
.pp-llamar .btn{min-height:40px}
.pp-llamar .pp-rel{font-size:.8rem;color:var(--muted,#667)}
.pp-conectar .btn,.pp-conectar form button{min-height:40px}
.red-buscar-l{display:block;font-weight:800;margin:0 0 8px}
.red-buscar-c{display:flex;flex-wrap:wrap;gap:8px}
.red-buscar-c input[type=search]{flex:1 1 220px;min-width:0;min-height:42px;padding:8px 12px;border:1px solid var(--line,#dce5ea);border-radius:10px;font:inherit;background:var(--panel,#fff);color:inherit}
.red-buscar-c .btn{min-height:42px}
.red-acts .llam-llamar{min-width:40px;min-height:40px}
.red-acts .btn-sm,.red-acts .badge{min-height:40px;display:inline-flex;align-items:center}
@media(max-width:640px){
  .pp-llamar .btn{flex:1 1 45%;justify-content:center}
}