/* MobiKey — navegación premium del portal público. Diseño aislado del panel admin. */
.topbar .mk-public-navigation {gap:8px;min-width:0;justify-content:center;}
.mk-public-navigation>.mk-nav-home,.mk-public-navigation>a,.mk-nav-dropdown>summary {display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:8px 13px;border-radius:12px;font-size:.88rem;color:var(--muted);line-height:1.2;white-space:nowrap;transition:color .16s,background .16s;}
.mk-public-navigation>a:hover,.mk-nav-dropdown>summary:hover,.mk-nav-dropdown[open]>summary,.mk-nav-dropdown.mk-nav-current>summary {background:var(--surface2);color:var(--text);}
.mk-nav-dropdown {position:relative;flex-shrink:0;}
.mk-nav-dropdown>summary {cursor:pointer;list-style:none;user-select:none;}
.mk-nav-dropdown>summary::-webkit-details-marker,.mk-client-profile-menu>summary::-webkit-details-marker {display:none;}
.mk-nav-chevron {font-size:1.15rem;color:var(--accent);transition:transform .18s;}
.mk-nav-dropdown[open] .mk-nav-chevron,.mk-client-profile-menu[open] .mk-client-menu-chevron {transform:rotate(180deg);}
.mk-nav-menu,.mk-client-profile-panel {position:absolute;top:calc(100% + 9px);background:var(--surface);border:1px solid var(--border);border-radius:17px;padding:9px;box-shadow:0 20px 55px rgba(15,21,45,.16);z-index:40;min-width:210px;animation:mk-nav-show .15s ease-out;}
.mk-nav-menu {left:0;}
.mk-nav-menu a {display:flex;align-items:center;gap:11px;border-radius:10px;padding:12px 13px;color:var(--text);font-size:.86rem;font-weight:600;text-decoration:none;line-height:1.25;white-space:nowrap;}
.mk-nav-menu a:hover,.mk-nav-menu a[aria-current="page"] {background:var(--surface2);color:var(--accent);}
.mk-client-profile-menu {position:relative;flex-shrink:0;}
.mk-client-profile-menu>summary {display:flex;align-items:center;gap:7px;cursor:pointer;list-style:none;padding:3px;border-radius:18px;user-select:none;}
.mk-client-avatar {width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#6366f1,#8b5cf6);border:2px solid var(--surface);box-shadow:0 0 0 1px var(--border),0 6px 14px rgba(99,102,241,.22);color:#fff;font-size:1rem;font-weight:800;}
.mk-client-menu-chevron {color:var(--muted);font-size:1.06rem;transition:transform .18s;}
.mk-client-profile-panel {right:0;width:260px;max-width:calc(100vw - 24px);}
.mk-client-profile-name {padding:11px 12px 14px;margin-bottom:5px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:2px;min-width:0;}
.mk-client-profile-name strong {font-size:.89rem;color:var(--text);overflow-wrap:anywhere;}
.mk-client-profile-name small {font-size:.73rem;color:var(--muted);overflow-wrap:anywhere;}
.mk-client-profile-panel>a,.mk-client-profile-panel form button {display:flex;align-items:center;gap:12px;width:100%;padding:12px 13px;border:0;border-radius:10px;background:transparent;color:var(--text);text-align:left;font-weight:550;font-size:.88rem;line-height:1.3;}
.mk-client-profile-panel>a:hover,.mk-client-profile-panel form button:hover {background:var(--surface2);color:var(--accent);}
.mk-client-profile-panel form {margin:0;border-top:1px solid var(--border);padding-top:5px;}
.mk-client-profile-panel form button {cursor:pointer;}
.mk-client-profile-panel a span,.mk-client-profile-panel form button span {color:var(--accent);width:19px;text-align:center;font-size:1.1rem;}
.mk-nav-dropdown>summary:focus-visible,.mk-nav-menu a:focus-visible,.mk-client-profile-menu>summary:focus-visible,.mk-client-profile-panel a:focus-visible,.mk-client-profile-panel button:focus-visible {outline:3px solid var(--accent);outline-offset:3px;}
@keyframes mk-nav-show{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){.mk-nav-menu,.mk-client-profile-panel{animation:none}.mk-nav-chevron,.mk-client-menu-chevron{transition:none}}
@media(max-width:950px){.mk-client-topbar .topbar-inner{flex-wrap:wrap;row-gap:0;padding:10px 0}.mk-client-topbar .mk-public-navigation{order:3;width:100%;justify-content:center;gap:8px;padding:7px 0 0;margin-top:8px;border-top:1px solid var(--border);}.mk-client-topbar .actions{margin-left:auto}.mk-client-topbar .mk-nav-menu{top:calc(100% + 5px)}}
@media(max-width:540px){.mk-client-topbar .topbar-inner{min-height:66px}.mk-client-topbar .mk-public-navigation{justify-content:space-evenly;gap:2px}.mk-client-topbar .mk-public-navigation>.mk-nav-home,.mk-client-topbar .mk-public-navigation>a,.mk-client-topbar .mk-nav-dropdown>summary{padding:9px 7px;font-size:.77rem}.mk-client-topbar .mk-nav-menu{min-width:185px}.mk-client-topbar .mk-nav-dropdown:last-of-type .mk-nav-menu{left:auto;right:0}.mk-client-topbar .mk-client-profile-panel{right:0}.mk-client-topbar .mk-client-avatar{height:35px;width:35px}.mk-client-topbar .actions{gap:8px}}
@media(max-width:360px){.mk-client-topbar .mk-public-navigation>.mk-nav-home,.mk-client-topbar .mk-public-navigation>a,.mk-client-topbar .mk-nav-dropdown>summary{font-size:.71rem;padding:9px 4px}.mk-client-topbar .mk-public-navigation{gap:0}}

/* Filtro contextual: cada sección del submenú mantiene su tipo. */
.mk-catalog-type-chip{align-self:center;display:inline-flex;padding:11px 15px;border-radius:12px;border:1px solid var(--border);color:var(--accent);background:var(--surface2);font-size:.83rem;font-weight:750;white-space:nowrap}