/* About me: detalles nuevos (presencia, previews, stack). La musica vive ahora en css/music-pill.css. */

/* punto diminuto (mas chico que el status-dot) */
.tiny-dot{display:inline-block;width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.75;flex:none;vertical-align:middle}

/* "last active 1 hour ago" cuando estas offline en Discord */
.bio-last-seen{display:inline-flex;align-items:center;gap:5px;margin-left:4px;color:#7f8b92;font:9px ui-monospace,monospace}

/* nota bajo el apodo del cursor (Settings) */
.settings-note{display:flex;align-items:center;gap:6px;margin-top:6px;color:#7f8b92;font:10px ui-monospace,monospace}

/* preview tipo icono (el de "discord bots") */
.bio-preview.bio-preview--icon{display:flex;align-items:center;gap:9px;width:auto;padding:8px 12px 8px 8px;white-space:nowrap}
.bio-preview.bio-preview--icon img{width:32px;height:32px;border-radius:9px;object-fit:contain;background:#0b1116;padding:4px;flex:none}
.bio-preview.bio-preview--icon>span{padding:0;background:none}

/* stack: logos grises; al pasar el mouse, hacer click (mientras se mantiene) o enfocar con teclado recuperan su color original */
.bio-tool{color:#8f9ca3;opacity:.7;transition:color .18s,opacity .18s;-webkit-tap-highlight-color:transparent}
.bio-tool svg{transition:filter .18s,transform .18s}
.bio-tool:hover,.bio-tool:focus-visible,.bio-tool:active{color:var(--brand,#fff);opacity:1}
.bio-tool:hover svg,.bio-tool:focus-visible svg,.bio-tool:active svg{filter:drop-shadow(0 0 6px currentColor);transform:translateY(-1px)}
.bio-tool:hover .bio-tool-label,.bio-tool:focus-visible .bio-tool-label,.bio-tool:active .bio-tool-label{color:#f3f4f5}

@media (prefers-reduced-motion:reduce){
  .bio-tool svg{transition:none}
}