/* Logros (chapitas), avatares bloqueados, verificar visita y la ventana de celebración */
.dist{display:inline-block;cursor:help;font-size:.95em;line-height:1;margin-left:2px;border-radius:6px;outline-offset:2px}
.dist:focus-visible{outline:2px solid #ffa94d}
#distTip{position:fixed;z-index:100000;max-width:min(270px,82vw);background:#26211d;color:#fff;padding:7px 11px;border-radius:10px;font-size:.8rem;font-weight:400;line-height:1.35;box-shadow:0 4px 14px rgba(0,0,0,.35);pointer-events:none;text-align:left}
#distTip[hidden]{display:none}
:root[data-tema=dark] #distTip{background:#f1e9e0;color:#26211d}
/* Avatares bloqueados */
.avOp{position:relative}
.avOp.bloq img{filter:grayscale(1) brightness(.78);opacity:.6}
.avOp.bloq .cand{position:absolute;right:0;bottom:0;font-size:.95rem;line-height:1;background:rgba(255,255,255,.92);border-radius:50%;padding:2px}
:root[data-tema=dark] .avOp.bloq .cand{background:rgba(38,32,25,.92)}
/* Mis chapitas */
.logrosBox{margin:12px 0 6px}
.lgGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0 2px}
.lgOp{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border:1.5px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);font:inherit;cursor:pointer;text-align:center}
.lgOp .e{font-size:1.5rem;line-height:1.1}
.lgOp .n{font-size:.72rem;font-weight:700;line-height:1.15}
.lgOp[aria-pressed=true]{border-color:#d9480f;box-shadow:0 0 0 2px rgba(217,72,15,.25)}
.lgOp.bloq{opacity:.5;filter:grayscale(1)}
#cDist{margin-left:2px}
/* Verificar visita en la ventana del lugar */
.btn.verificar{display:block;width:100%;margin:6px 0 0;border-color:#2b8a3e;background:rgba(43,138,62,.1);font-weight:700}
.btn.verificar:hover{background:rgba(43,138,62,.22)}
.verif{margin:6px 0 0;font-size:.85rem;color:var(--muted)}
.verif.ok{color:#2b8a3e;font-weight:700}
/* Ventana «¡Lo lograste!» */
#lgLista .celeb{display:flex;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid var(--line)}
#lgLista .celeb img{border-radius:50%;flex:none}
#lgLista .bigDist{font-size:2.6rem;line-height:1;width:72px;text-align:center;flex:none;animation:pop .5s ease-out}
#lgLista .celeb .btn{margin-top:6px}
@keyframes pop{0%{transform:scale(.3);opacity:0}70%{transform:scale(1.2)}100%{transform:scale(1);opacity:1}}
@media (prefers-reduced-motion:reduce){#lgLista .bigDist{animation:none}}

/* Aura del administrador («El Jefe» 🔱): nombre dorado que brilla y chapita con halo */
.nomAura{font-weight:800;background:linear-gradient(100deg,#b8860b,#ffd43b 35%,#fff3bf 50%,#ffd43b 65%,#b8860b);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:auraBrillo 3.2s linear infinite;text-shadow:0 0 12px rgba(255,212,59,.35)}
.dist.aura{font-size:1.1em;filter:drop-shadow(0 0 4px rgba(255,200,40,.9));animation:auraPulso 2.4s ease-in-out infinite}
@keyframes auraBrillo{to{background-position:-220% 0}}
@keyframes auraPulso{50%{filter:drop-shadow(0 0 9px rgba(255,200,40,1)) drop-shadow(0 0 2px #fff)}}
@media (prefers-reduced-motion:reduce){.nomAura,.dist.aura{animation:none}}