/* ============================================================
   KIKU FX — barra del cajon KIKU HUB (kiku-hubnav-*).

   La comparten Recursos, Blog, Cursos y Sesiones 1:1. Va en
   archivo propio, y no dentro de hub.css, porque hub.css es la
   maquetacion de /hub/ y esta barra vive en todas las paginas
   del cajon.
   ============================================================ */

body .elementor .kiku-hubnav{position:sticky;top:var(--kiku-subnav-top,0px);z-index:900;padding:0;display:block;background:#fff;border-bottom:1px solid var(--border);color:var(--kiku-ink)}
body .elementor .kiku-hubnav-in{position:relative;max-width:1360px;margin:0 auto;padding:0 clamp(24px,4vw,56px);height:56px;gap:16px;display:flex;flex-direction:row;align-items:center}
body .elementor .kiku-hubnav-home{flex:0 0 auto;height:28px;width:auto;padding:0 16px 0 0;gap:8px;display:flex;flex-direction:row;align-items:center;border-right:1px solid var(--border);color:var(--kiku-ink);text-decoration:none;font-size:14px;font-weight:900;transition:color .2s}
body .elementor .kiku-hubnav-home:hover{color:var(--kiku-magenta)}
body .elementor .kiku-hubnav-home-i{font-size:16px;color:inherit}
body .elementor .kiku-hubnav-scroll{flex:1 1 auto;min-width:0;width:auto;padding:0;gap:4px;overflow-x:auto;scrollbar-width:none;display:flex;flex-direction:row;align-items:center;-webkit-mask-image:linear-gradient(90deg,#000 90%,transparent);mask-image:linear-gradient(90deg,#000 90%,transparent)}
body .elementor .kiku-hubnav-scroll::-webkit-scrollbar{display:none}
body .elementor .kiku-hubnav-t{flex:0 0 auto;width:auto;padding:8px 14px;gap:8px;display:flex;flex-direction:row;align-items:center;white-space:nowrap;border-radius:999px;background:transparent;color:var(--kiku-ink);text-decoration:none;font-size:14px;font-weight:900;transition:background 220ms,color 220ms}
body .elementor .kiku-hubnav-t:hover{background:var(--bg-muted);color:var(--kiku-ink)}
body .elementor .kiku-hubnav-t.kiku-subnav-on,
body .elementor .kiku-hubnav-t.kiku-subnav-on:hover{background:var(--kiku-ink);color:#fff}
body .elementor .kiku-hubnav-bar{position:absolute;left:0;right:0;bottom:-1px;width:auto;height:3px;padding:0;background:var(--kiku-magenta);transform-origin:left center;transform:scaleX(0)}
html:not(.kiku-fx-ready) body .elementor .kiku-hubnav-bar{display:none}

@media (max-width:767px){
  body .elementor .kiku-hubnav-in{padding:0 16px;gap:10px}
  body .elementor .kiku-hubnav-home{padding-right:10px}
}