.on100{position:absolute;left:50%;top:100%;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:7px 16px 7px 13px;border-radius:999px;background:rgba(8,20,11,.88);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 0 0 1px rgba(74,222,128,.55),0 0 18px rgba(34,197,94,.28),0 6px 18px rgba(0,0,0,.5);color:#dcfce7;text-decoration:none;white-space:nowrap;font:700 12.5px/1 var(--titulo, Georgia, serif);letter-spacing:.14em;opacity:0;transform:translate(-50%,-80%);transition:opacity .5s ease,transform .5s ease,box-shadow .25s}.on100[hidden]{display:none}.on100.on100-ve{opacity:1;transform:translate(-50%,-50%)}.on100{cursor:default}.on100:hover,.on100:focus-visible{box-shadow:inset 0 0 0 1px rgba(134,239,172,.9),0 0 24px rgba(34,197,94,.45),0 6px 18px rgba(0,0,0,.5);color:#fff;outline:none}.on100-num{font-weight:700;color:#86efac;font-variant-numeric:tabular-nums;letter-spacing:.06em}.on100-txt{color:#e7fbe9}.on100-punto{position:relative;flex:none;width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e}.on100-punto::after{content:"";position:absolute;inset:0;border-radius:50%;background:#22c55e;animation:on100-latido 1.6s ease-out infinite}@keyframes on100-latido{0%{transform:scale(1);opacity:.75}100%{transform:scale(2.8);opacity:0}}@media(prefers-reduced-motion:reduce){.on100-punto::after{animation:none}.on100{transition:none}}.barra.con-menu .on100,.cabecera:has(.menu.abierto) .on100{display:none}@media(max-width:600px){.on100{padding:6px 13px 6px 11px;font-size:11.5px;gap:7px}.on100-punto{width:8px;height:8px}}