.pill-nav{--nav-h:44px;--pill-pad-x:18px;--pill-gap:4px;box-sizing:border-box;align-items:center;width:max-content;display:flex}.pill-nav-items{height:var(--nav-h);background:linear-gradient(180deg, color-mix(in srgb, var(--color-acento,#2e5bff) 18%, transparent) 0%, color-mix(in srgb, var(--color-acento,#2e5bff) 8%, transparent) 100%), color-mix(in srgb, var(--color-superficie,#0f1116) 55%, transparent);-webkit-backdrop-filter:blur(18px)saturate(160%);box-shadow:inset 0 1px 0 #ffffff24, inset 0 -1px 0 #00000059, 0 10px 28px #00000059, 0 0 0 1px color-mix(in srgb, var(--color-acento,#2e5bff) 18%, transparent);border:1px solid #ffffff1f;border-radius:9999px;align-items:center;padding:4px;display:flex;position:relative}.pill-list{align-items:stretch;gap:var(--pill-gap);height:100%;margin:0;padding:0;list-style:none;display:flex}.pill-list>li{height:100%;display:flex}.pill{height:100%;padding:0 var(--pill-pad-x);color:var(--pill-text,var(--color-texto,#f2f4f8));box-sizing:border-box;letter-spacing:.2px;white-space:nowrap;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:9999px;justify-content:center;align-items:center;font-size:13px;font-weight:600;line-height:0;text-decoration:none;transition:background-color .18s,border-color .18s,color .18s,box-shadow .18s;display:inline-flex;position:relative;overflow:hidden}.pill:hover,.pill.is-active{background:var(--color-acento,#2e5bff);color:#fff;box-shadow:0 0 0 1px #ffffff2e, 0 6px 18px color-mix(in srgb, var(--color-acento,#2e5bff) 35%, transparent);border-color:#ffffff38}.pill .hover-circle{background:radial-gradient(circle, color-mix(in srgb, var(--color-acento-texto,#5b8cff) 45%, transparent) 0%, transparent 70%);z-index:1;pointer-events:none;opacity:0;transform-origin:50% 100%;border-radius:50%;transition:opacity .2s,transform .3s cubic-bezier(.16,1,.3,1);display:block;position:absolute;inset:-75%;transform:translateY(70%)scale(.35)}.pill:hover .hover-circle{opacity:1;transform:translateY(30%)scale(1)}.pill .label-stack{z-index:2;line-height:1;display:inline-block;position:relative}.pill .pill-label{z-index:2;line-height:1;transition:opacity .18s,transform .26s cubic-bezier(.16,1,.3,1);display:inline-block;position:relative}.pill .pill-label-hover{color:var(--hover-text,#fff);z-index:3;opacity:0;transition:opacity .18s,transform .26s cubic-bezier(.16,1,.3,1);display:inline-block;position:absolute;top:0;left:0;transform:translateY(120%)}.pill:hover .pill-label,.pill.is-active .pill-label{opacity:0;transform:translateY(-120%)}.pill:hover .pill-label-hover,.pill.is-active .pill-label-hover{opacity:1;transform:translateY(0)}