/* ── Blog · experiencia de lectura (Belseo, 2026-09-04) ── */
.ns-progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:99999;
  background:linear-gradient(90deg,#6D4BF0,#AE78FF);transition:width .12s linear;pointer-events:none}

.ns-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 30px;
  padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.09);
  font-size:13.5px;color:#8E9AB8}
.ns-meta .ns-av{width:30px;height:30px;border-radius:50%;object-fit:cover}
.ns-meta b{color:#E6EAF7;font-weight:600}
.ns-meta .ns-sep{opacity:.4}

.ns-toc{margin:0 0 34px;border:1px solid rgba(174,120,255,.24);border-radius:14px;
  background:rgba(109,75,240,.07);padding:16px 20px}
.ns-toc summary{cursor:pointer;list-style:none;font-size:11px;letter-spacing:2px;
  text-transform:uppercase;color:#AE78FF;font-weight:700}
.ns-toc summary::-webkit-details-marker{display:none}
.ns-toc summary::after{content:"+";float:right;font-size:15px;line-height:1}
.ns-toc[open] summary::after{content:"–"}
.ns-toc ol{margin:14px 0 0;padding-left:18px}
.ns-toc li{margin:7px 0;font-size:14px}
.ns-toc a{color:#C3CBE4;text-decoration:none}
.ns-toc a:hover{color:#fff}

.ns-rail{display:none}
@media (min-width:1360px){
  .ns-toc{display:none}
  .ns-rail{display:block;position:fixed;top:170px;left:34px;width:210px;z-index:20}
  .ns-rail .ns-rail-t{font-size:10px;letter-spacing:2px;text-transform:uppercase;
    color:#6E7899;margin-bottom:12px}
  .ns-rail ol{list-style:none;margin:0;padding:0;border-left:1px solid rgba(255,255,255,.10)}
  .ns-rail li{margin:0}
  .ns-rail a{display:block;padding:6px 0 6px 14px;font-size:12.5px;line-height:1.35;
    color:#7E88A8;text-decoration:none;border-left:2px solid transparent;margin-left:-1px;
    transition:color .15s,border-color .15s}
  .ns-rail a:hover{color:#C3CBE4}
  .ns-rail a.is-active{color:#fff;border-left-color:#6D4BF0}
}
@media (prefers-reduced-motion:reduce){.ns-progress{transition:none}}