/* Bullking — encabezado negro (sitio público). Se carga después de site.css. */
.bkh{--h:84px;--ink:#09090b;--fg:#fafafa;--fg-2:rgba(250,250,250,.62);--glass:rgba(9,9,11,.94);--hair:rgba(255,255,255,.08);--brand:#6266f1;--brand-hi:#8b8ef8;
  position:sticky;top:0;z-index:70;background:var(--glass);-webkit-backdrop-filter:saturate(1.6) blur(20px);backdrop-filter:saturate(1.6) blur(20px);color:var(--fg);transition:background-color .35s,box-shadow .35s}
.bkh.is-scrolled{background:rgba(9,9,11,.97);box-shadow:0 10px 30px -12px rgba(0,0,0,.45)}
.bkh-bar{display:flex;align-items:center;gap:24px;height:var(--h);max-width:1240px;margin:0 auto;padding:0 max(24px,env(safe-area-inset-right,0px)) 0 max(24px,env(safe-area-inset-left,0px));transition:height .35s cubic-bezier(.2,.8,.2,1)}
.bkh-logo{flex:none;display:block;border-radius:10px}
.bkh-logo img{height:60px;width:auto;transition:height .35s cubic-bezier(.2,.8,.2,1)}
.bkh.is-scrolled .bkh-logo img{height:60px}
/* Navegación central con indicador deslizante */
.bkh-nav{position:relative;margin:0 auto;padding:4px;border-radius:999px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--hair)}
.bkh-links{position:relative;z-index:1;display:flex;gap:2px;margin:0;padding:0;list-style:none}
.bkh-links a{display:block;padding:9px 16px;border-radius:999px;color:var(--fg-2);font:500 14.5px/1.2 var(--font-body,Inter,system-ui,sans-serif);letter-spacing:-.005em;text-decoration:none;white-space:nowrap;transition:color .25s}
.bkh-links a:hover,.bkh-links a.is-active{color:var(--fg)}
.bkh-pill{position:absolute;z-index:0;top:4px;left:0;height:calc(100% - 8px);width:0;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.07));box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 6px 18px -8px rgba(98,102,241,.55);opacity:0;transition:transform .45s cubic-bezier(.3,1.25,.4,1),width .45s cubic-bezier(.3,1.25,.4,1),opacity .25s}
/* Acciones */
.bkh-cta{display:flex;align-items:center;gap:6px;flex:none}
.bkh-login{padding:10px 14px;border-radius:999px;color:var(--fg-2);font:600 14.5px/1 var(--font-body,Inter,system-ui,sans-serif);text-decoration:none;transition:color .2s,background-color .2s}
.bkh-login:hover{color:var(--fg);background:rgba(255,255,255,.06)}
.bkh-btn{position:relative;display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:999px;background:var(--brand);color:#fff;font:700 14.5px/1 var(--font-body,Inter,system-ui,sans-serif);text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 0 0 1px rgba(98,102,241,.6),0 8px 24px -8px rgba(98,102,241,.8);transition:transform .2s,box-shadow .25s,background-color .2s;overflow:hidden;isolation:isolate}
.bkh-btn::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(-120%);transition:transform .7s}
.bkh-btn:hover{color:#fff;background:#6f73f4;transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 0 0 1px rgba(139,142,248,.8),0 12px 30px -8px rgba(98,102,241,.95)}
.bkh-btn:hover::before{transform:translateX(120%)}
.bkh-btn svg{transition:transform .25s}
.bkh-btn:hover svg{transform:translateX(3px)}
/* Línea inferior con brillo que recorre */
.bkh-line{position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--hair) 15%,var(--hair) 85%,transparent)}
.bkh-line::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--brand-hi),transparent);background-size:30% 100%;background-repeat:no-repeat;animation:bkh-sweep 7s ease-in-out infinite}
@keyframes bkh-sweep{0%{background-position:-40% 0}55%,100%{background-position:140% 0}}
.bkh a:focus-visible,.bkh-burger:focus-visible,.bkh-menu a:focus-visible{outline:2px solid var(--brand-hi,#8b8ef8);outline-offset:3px}
/* Botón de menú móvil */
.bkh-burger{display:none;position:relative;width:44px;height:44px;margin-left:auto;border:0;border-radius:999px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px var(--hair);cursor:pointer;-webkit-tap-highlight-color:transparent}
.bkh-burger span{position:absolute;left:13px;width:18px;height:2px;border-radius:2px;background:var(--fg);transition:transform .45s cubic-bezier(.6,-0.3,.3,1.4),top .3s}
.bkh-burger span:first-child{top:17px}.bkh-burger span:last-child{top:25px}
.bkh-burger[aria-expanded="true"] span:first-child{top:21px;transform:rotate(45deg)}
.bkh-burger[aria-expanded="true"] span:last-child{top:21px;transform:rotate(-45deg)}
/* Menú móvil a pantalla completa */
.bkh-menu{--fg:#fafafa;--fg-2:rgba(250,250,250,.6);--hair:rgba(255,255,255,.1);--brand:#6266f1;
  position:fixed;inset:0;z-index:65;display:flex;flex-direction:column;justify-content:space-between;gap:32px;
  padding:calc(var(--bkh-h,72px) + 28px) max(24px,env(safe-area-inset-right,0px)) calc(24px + env(safe-area-inset-bottom,0px)) max(24px,env(safe-area-inset-left,0px));
  background:radial-gradient(120% 60% at 50% 115%,rgba(98,102,241,.45),transparent 60%),radial-gradient(80% 40% at 100% 0%,rgba(98,102,241,.16),transparent 70%),#09090b;
  color:var(--fg);overflow-y:auto;overscroll-behavior:contain;
  opacity:0;visibility:hidden;clip-path:inset(0 0 100% 0);transition:clip-path .6s cubic-bezier(.7,0,.2,1),opacity .3s,visibility 0s .6s}
.bkh-menu.is-open{opacity:1;visibility:visible;clip-path:inset(0 0 0 0);transition:clip-path .6s cubic-bezier(.7,0,.2,1),opacity .2s,visibility 0s}
.bkh-menu-nav{display:flex;flex-direction:column}
.bkh-menu-nav a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 2px;border-bottom:1px solid var(--hair);color:var(--fg);font:800 clamp(30px,8.5vw,44px)/1.05 var(--font-display,"Plus Jakarta Sans",system-ui,sans-serif);letter-spacing:-.035em;text-decoration:none;
  opacity:0;transform:translateY(24px);transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1),color .2s}
.bkh-menu-nav a i{flex:none;width:40px;height:40px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--hair);background:no-repeat center/18px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fafafa' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7M8 7h9v9'/%3E%3C/svg%3E");transition:background-color .25s,transform .25s}
.bkh-menu-nav a.is-active{color:var(--fg)}
.bkh-menu-nav a.is-active i,.bkh-menu-nav a:active i{background-color:var(--brand);box-shadow:none}
.bkh-menu-nav a:not(.is-active){color:rgba(250,250,250,.78)}
.bkh-menu.is-open .bkh-menu-nav a{opacity:1;transform:none}
.bkh-menu.is-open .bkh-menu-nav a:nth-child(1){transition-delay:.18s}
.bkh-menu.is-open .bkh-menu-nav a:nth-child(2){transition-delay:.24s}
.bkh-menu.is-open .bkh-menu-nav a:nth-child(3){transition-delay:.30s}
.bkh-menu.is-open .bkh-menu-nav a:nth-child(4){transition-delay:.36s}
.bkh-menu-foot{display:flex;flex-direction:column;gap:10px;opacity:0;transform:translateY(16px);transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1)}
.bkh-menu.is-open .bkh-menu-foot{opacity:1;transform:none;transition-delay:.42s}
.bkh-btn-lg{justify-content:center;padding:18px 22px;font-size:17px}
.bkh-ghost{display:flex;justify-content:center;padding:17px 22px;border-radius:999px;color:var(--fg);font:600 17px/1 var(--font-body,Inter,system-ui,sans-serif);text-decoration:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);background:rgba(255,255,255,.04)}
.bkh-ghost:hover{color:var(--fg)}
.bkh-note{margin-top:6px;text-align:center;font-size:13px;color:var(--fg-2)}
html.bkh-lock,html.bkh-lock body{overflow:hidden}
html.bkh-lock .bkh{background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
html.bkh-lock .bkh-line{opacity:0}
/* Las anclas no quedan debajo del encabezado */
#inicio,#beneficios,#precios,#faq,#producto,#app,#video,#para-quien,#comparar{scroll-margin-top:96px}
@media (max-width:960px){
  .bkh{--h:72px}
  .bkh-nav,.bkh-cta{display:none}
  .bkh-burger{display:block}
  .bkh-logo img,.bkh.is-scrolled .bkh-logo img{height:52px}
  .bkh-bar{padding:0 max(16px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px))}
}
@media (min-width:961px){.bkh-menu{display:none}}
@media (prefers-reduced-motion:reduce){
  .bkh,.bkh *,.bkh-menu,.bkh-menu *{transition:none!important;animation:none!important}
}