/* NewSouls Web v2.4 · Identidad y rango visibles desde cualquier sección. */
.nav-actions { margin-left:auto;gap:14px;flex-shrink:0; }
.nav-signin { display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 17px;border:1px solid #ad8749;border-radius:12px;background:#b9945222;color:#f5dfb3;font-size:11px;font-weight:700;letter-spacing:.025em;transition:background .2s,border-color .2s;white-space:nowrap; }
.nav-signin:hover,.nav-signin:focus-visible { background:#e4b96d35;border-color:#f0cb86; }
.nav-profile { --rank:#bba684; --glow:rgba(187,166,132,.3);position:relative;isolation:isolate; }
.nav-profile[data-tier="plus"] { --rank:#cbdfff;--glow:rgba(157,196,255,.45); }
.nav-profile[data-tier="vip"] { --rank:#e9c47a;--glow:rgba(245,187,75,.45); }
.nav-profile[data-tier="staff"] { --rank:#ff86da;--glow:rgba(239,85,199,.42); }
.nav-profile[data-tier="ceo"] { --rank:#ffe354;--glow:rgba(255,215,51,.55); }
.nav-profile-trigger { position:relative;display:flex;align-items:center;gap:11px;min-width:173px;max-width:240px;padding:6px 12px 6px 7px;min-height:52px;cursor:pointer;border:1px solid color-mix(in srgb,var(--rank) 68%,transparent);border-radius:15px;background:linear-gradient(110deg,#161718,#111212);color:#f6f5ef;box-shadow:0 0 13px var(--glow),inset 0 0 11px color-mix(in srgb,var(--rank) 12%,transparent);text-align:left;transition:border-color .25s,box-shadow .25s,transform .25s; }
.nav-profile-trigger:hover,.nav-profile-trigger[aria-expanded="true"] { transform:translateY(-1px);border-color:var(--rank);box-shadow:0 0 25px var(--glow),inset 0 0 16px color-mix(in srgb,var(--rank) 15%,transparent); }
.nav-profile-trigger:focus-visible,.nav-profile-menu-link:focus-visible { outline:2px solid var(--rank);outline-offset:3px; }
.nav-profile-avatar { width:37px;height:37px;position:relative;display:grid;place-items:center;flex:none;overflow:hidden;border:1.5px solid var(--rank);border-radius:50%;background:radial-gradient(circle at 40% 30%,#534a30,#201d15 80%);color:var(--rank);font-size:15px;font-weight:800;text-shadow:0 0 8px var(--glow); }
.nav-profile-avatar img { width:100%;height:100%;object-fit:cover; }
.nav-profile-copy { display:flex;flex:1;min-width:0;flex-direction:column;gap:3px; }
.nav-profile-copy strong { display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;letter-spacing:.01em;color:#fff; }
.nav-profile-rank { font-size:10px;font-weight:900;letter-spacing:.1em;line-height:1.1;color:var(--rank);text-shadow:0 0 5px var(--glow),0 0 14px var(--glow); }
.nav-profile-chevron { margin-left:3px;color:var(--rank);font-size:16px;line-height:1; }
.nav-profile-menu { position:absolute;right:0;top:calc(100% + 12px);width:min(258px,calc(100vw - 34px));padding:10px;border-radius:16px;border:1px solid color-mix(in srgb,var(--rank) 48%,#363128);background:linear-gradient(145deg,#20211f,#0c0e0e 76%);box-shadow:0 20px 46px #000c,0 0 28px var(--glow);z-index:150; }
.nav-profile-menu-heading { display:flex;align-items:center;justify-content:space-between;padding:10px 11px 13px;border-bottom:1px solid #a08a5536;color:#aaa295;font-size:9px;font-weight:700;letter-spacing:.12em; }
.nav-profile-menu-mark { color:var(--rank);font-size:18px;line-height:0; }
.nav-profile-menu-link { display:block;width:100%;padding:12px 13px;margin-top:3px;border:0;border-radius:9px;background:transparent;font-family:inherit;font-size:12px;line-height:1.3;letter-spacing:.02em;color:#eee6d6;text-align:left;cursor:pointer; }
.nav-profile-menu-link:hover { color:var(--rank);background:color-mix(in srgb,var(--rank) 10%,transparent); }
.nav-profile-signout { color:#daa5a5;margin-top:9px;border-top:1px solid #58514b4d;border-radius:0 0 8px 8px; }
.nav-profile[data-tier="ceo"] .nav-profile-trigger::after { content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid #ffe35465;pointer-events:none; }
@media(prefers-reduced-motion:no-preference) {
  .nav-profile[data-tier="ceo"] .nav-profile-trigger::after { animation:ceo-profile-halo 4.5s ease-in-out infinite; }
  @keyframes ceo-profile-halo { 0%,100% { opacity:.25;box-shadow:0 0 1px #ffe354; } 50% { opacity:.95;box-shadow:0 0 13px #f4cb4560; } }
}
@media(max-width:1140px) { .nav-wrap { gap:16px; }.nav-links { gap:16px; }.nav-profile-trigger { min-width:165px; } }
@media(max-width:800px) { .nav-actions { margin-left:auto; }.nav-profile-trigger { min-width:155px; } }
@media(max-width:480px) { .nav-profile-trigger { min-width:0;max-width:180px;padding:5px 8px 5px 5px;gap:7px; }.nav-profile-avatar { width:32px;height:32px; }.nav-profile-copy strong { font-size:11px;max-width:86px; }.nav-profile-rank { font-size:9px; }.nav-profile-chevron { margin-left:0; }.nav-actions { gap:8px; } }