/* ================================================================
 * Proyecto Isaías v6.13.48 — Navegación lateral unificada Dinastas + Staff
 * ================================================================ */
:root{--fj-nav-breakpoint:1180px}
.fj-app-shell{--fj-sidebar-w:272px}
.fj-app-shell>.fj-app-sidebar{flex-basis:var(--fj-sidebar-w)!important;width:var(--fj-sidebar-w)!important;min-width:var(--fj-sidebar-w)!important;max-width:var(--fj-sidebar-w)!important}
.fj-app-sidebar{display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:0!important;background:linear-gradient(160deg,#061225 0%,#0b1d3a 64%,#09162b 100%)!important}
.fj-sidebar-brand{flex:0 0 auto;margin:0!important;padding:16px 14px 12px;border-bottom:1px solid rgba(255,255,255,.08)}
.fj-sidebar-brand>a{min-height:44px}
.fj-sidebar-brand .fj-profile-brand-mark{width:40px;height:40px;flex:0 0 40px}
.fj-sidebar-brand strong{font-size:15px!important}
.fj-sidebar-brand small{font-size:11px!important}
.fj-sidebar-user{flex:0 0 auto;margin:12px 12px 2px!important;padding:12px!important;border-radius:16px!important;align-items:center!important;background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.05))!important}
.fj-sidebar-user-avatar{flex:0 0 auto;display:block}
.fj-sidebar-user-avatar>.fj-front-avatar{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;margin:0!important;border-radius:50%!important;overflow:visible!important;text-decoration:none!important}
.fj-sidebar-user-avatar .fj-avatar,.fj-sidebar-user-avatar img{width:42px!important;height:42px!important;min-width:42px!important;max-width:42px!important;border-radius:50%!important;object-fit:cover!important}
.fj-sidebar-user-copy{min-width:0;display:grid;gap:2px}
.fj-sidebar-user-copy>small{font-size:9px;font-weight:850;letter-spacing:.08em;color:rgba(234,242,255,.48)}
.fj-sidebar-user-copy>strong{font-size:13px!important;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fj-sidebar-user-copy>span{font-size:10px;color:rgba(234,242,255,.68);line-height:1.25}
.fj-sidebar-nav{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain;padding:4px 10px 14px!important;scrollbar-width:thin;scrollbar-color:rgba(246,213,138,.35) transparent}
.fj-sidebar-nav::-webkit-scrollbar{width:6px}.fj-sidebar-nav::-webkit-scrollbar-thumb{background:rgba(246,213,138,.32);border-radius:99px}
.fj-sidebar-group{margin-top:13px!important}
.fj-sidebar-group p{position:sticky;top:0;z-index:2;margin:0 0 5px!important;padding:7px 8px 5px!important;background:linear-gradient(180deg,#0a1a34 65%,rgba(10,26,52,.92));font-size:9px!important;letter-spacing:.09em!important}
.fj-sidebar-nav a{min-height:44px!important;padding:10px 11px!important;border-radius:13px!important;gap:10px!important}
.fj-sidebar-nav a strong{font-size:12.5px!important;line-height:1.2}
.fj-sidebar-nav a .dashicons{width:20px!important;height:20px!important;font-size:20px!important;line-height:20px!important}
.fj-sidebar-nav a:focus-visible,.fj-sidebar-close:focus-visible,.fj-hamburger:focus-visible{outline:3px solid #f6d58a!important;outline-offset:2px!important}
.fj-sidebar-footer{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.08);color:rgba(234,242,255,.55);font-size:10px}
.fj-sidebar-footer span{font-weight:760}.fj-sidebar-footer small{font-size:10px;color:rgba(246,213,138,.78)}
.fj-app-sidebar-staff .fj-sidebar-user{box-shadow:inset 3px 0 0 rgba(232,171,51,.9)}
.fj-app-sidebar-staff .fj-sidebar-group[data-fj-sidebar-group="staff_home"] a.is-active,.fj-app-sidebar-staff .fj-sidebar-group[data-fj-sidebar-group="staff_ops"] a.is-active{background:linear-gradient(135deg,rgba(232,171,51,.25),rgba(255,255,255,.10))!important}

/* Appbar móvil/tablet: una sola identidad para Staff y Dinastas. */
.fj-mobile-appbar{min-height:58px}
.fj-hamburger{min-width:48px!important;min-height:44px!important;justify-content:center!important;gap:8px!important;padding:8px 10px!important}
.fj-hamburger-icon{display:grid!important;width:20px!important;height:16px!important;align-content:space-between!important;flex:0 0 20px!important;background:none!important}
.fj-hamburger-icon i{display:block;width:20px;height:2px;background:#fff;border-radius:99px;transition:transform .2s ease,opacity .2s ease}
.fj-hamburger b{margin:0!important;font-size:12px!important}
.fj-mobile-brand{flex:1 1 auto;justify-content:center;min-width:0;max-width:360px;margin:0 auto}
.fj-mobile-brand-copy{min-width:0;display:grid!important;gap:1px;overflow:hidden}
.fj-mobile-brand-copy strong{font-size:13px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fj-mobile-brand-copy small{font-size:10px;color:rgba(234,242,255,.66);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fj-mobile-appbar>.fj-front-avatar{display:grid!important;place-items:center!important;flex:0 0 40px;width:40px!important;height:40px!important;border-radius:50%;overflow:visible;text-decoration:none!important}
.fj-mobile-appbar>.fj-front-avatar .fj-avatar,.fj-mobile-appbar>.fj-front-avatar img{width:38px!important;height:38px!important;max-width:38px!important;border-radius:50%!important;object-fit:cover!important}
.fj-sidebar-close{width:44px!important;height:44px!important;min-width:44px!important;border-radius:13px!important}
body.fj-nav-lock{overflow:hidden!important;touch-action:none}

@media (min-width:1181px){
  .fj-mobile-appbar,.fj-sidebar-backdrop{display:none!important}
  .fj-app-sidebar{transform:none!important;visibility:visible!important}
}

@media (max-width:1180px){
  .fj-app-shell{display:block!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;min-height:0!important}
  .fj-app-shell>.fj-app-main{width:100%!important;max-width:100%!important;margin:0!important;padding:0 12px 22px!important}
  .fj-mobile-appbar{display:flex!important;position:sticky!important;top:8px!important;z-index:900!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:0 12px 14px!important;padding:7px 9px!important;border-radius:16px!important;background:linear-gradient(135deg,#061225,#0b1d3a)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 12px 32px rgba(2,6,23,.20)!important}
  .admin-bar .fj-mobile-appbar{top:54px!important}
  .fj-app-shell>.fj-app-sidebar,.fj-app-sidebar{position:fixed!important;z-index:1101!important;left:0!important;top:0!important;bottom:0!important;width:min(88vw,390px)!important;min-width:0!important;max-width:390px!important;height:100dvh!important;min-height:0!important;max-height:100dvh!important;margin:0!important;border-radius:0 20px 20px 0!important;border:0!important;box-shadow:18px 0 55px rgba(0,0,0,.38)!important;transform:translate3d(-105%,0,0)!important;transition:transform .24s cubic-bezier(.2,.8,.2,1)!important;visibility:visible!important;padding-top:env(safe-area-inset-top)!important}
  .admin-bar .fj-app-sidebar{top:46px!important;height:calc(100dvh - 46px)!important;max-height:calc(100dvh - 46px)!important;padding-top:0!important}
  .fj-app-shell.fj-sidebar-open>.fj-app-sidebar{transform:translate3d(0,0,0)!important}
  .fj-sidebar-close{display:inline-flex!important;align-items:center!important;justify-content:center!important}
  .fj-sidebar-backdrop{display:block!important;position:fixed!important;z-index:1100!important;inset:0!important;background:rgba(2,6,23,.62)!important;backdrop-filter:blur(2px);opacity:0!important;pointer-events:none!important;transition:opacity .2s ease!important}
  .fj-app-shell.fj-sidebar-open>.fj-sidebar-backdrop{opacity:1!important;pointer-events:auto!important}
  .fj-sidebar-nav a{min-height:48px!important;font-size:14px!important}
  .fj-sidebar-nav a strong{font-size:13.5px!important}
  .fj-sidebar-group p{font-size:10px!important}
}

@media (max-width:782px){
  .admin-bar .fj-mobile-appbar{top:50px!important}
  .admin-bar .fj-app-sidebar{top:46px!important;height:calc(100dvh - 46px)!important}
}

@media (max-width:640px){
  .fj-app-shell>.fj-app-main{padding:0 8px 18px!important}
  .fj-mobile-appbar{margin:0 8px 12px!important;padding:7px!important;border-radius:14px!important}
  .fj-mobile-brand{justify-content:flex-start}
  .fj-mobile-brand .fj-profile-brand-mark{width:34px!important;height:34px!important;flex:0 0 34px!important}
  .fj-hamburger b{display:none!important}
  .fj-app-shell>.fj-app-sidebar,.fj-app-sidebar{width:min(91vw,360px)!important;max-width:360px!important}
  .fj-sidebar-brand{padding:12px 12px 10px!important}
  .fj-sidebar-user{margin:10px 10px 0!important}
  .fj-sidebar-nav{padding-left:8px!important;padding-right:8px!important}
}

@media (max-width:420px){
  .fj-mobile-brand-copy small{max-width:145px}
  .fj-mobile-appbar>.fj-front-avatar{flex-basis:36px;width:36px!important;height:36px!important}
  .fj-mobile-appbar>.fj-front-avatar .fj-avatar,.fj-mobile-appbar>.fj-front-avatar img{width:34px!important;height:34px!important;max-width:34px!important}
  .fj-app-shell>.fj-app-sidebar,.fj-app-sidebar{width:94vw!important;max-width:94vw!important}
}

@media (prefers-reduced-motion:reduce){.fj-app-sidebar,.fj-sidebar-backdrop,.fj-hamburger-icon i{transition:none!important}.fj-sidebar-nav a:hover{transform:none!important}}
.fj-front-avatar-staff .fj-staff646-avatar,.fj-sidebar-user-avatar .fj-staff646-avatar{--fj-staff-avatar-size:42px!important;width:42px!important;height:42px!important;min-width:42px!important}
.fj-mobile-appbar>.fj-front-avatar-staff .fj-staff646-avatar{--fj-staff-avatar-size:38px!important;width:38px!important;height:38px!important;min-width:38px!important}
@media(max-width:420px){.fj-mobile-appbar>.fj-front-avatar-staff .fj-staff646-avatar{--fj-staff-avatar-size:34px!important;width:34px!important;height:34px!important;min-width:34px!important}}
@media (min-width:783px) and (max-width:1180px){
  .admin-bar .fj-mobile-appbar{top:40px!important}
  .admin-bar .fj-app-sidebar{top:32px!important;height:calc(100dvh - 32px)!important;max-height:calc(100dvh - 32px)!important}
}

/* v6.13.59 — salida visible al final del menú lateral */
.fj-sidebar-logout-wrap{flex:0 0 auto;padding:9px 10px 7px;border-top:1px solid rgba(255,255,255,.07)}
.fj-sidebar-logout{display:flex!important;align-items:center!important;gap:10px!important;min-height:46px!important;padding:10px 11px!important;border-radius:13px!important;text-decoration:none!important;background:rgba(255,255,255,.055)!important;color:rgba(255,255,255,.84)!important;border:1px solid rgba(255,255,255,.07)!important;transition:background .18s ease,border-color .18s ease,color .18s ease!important}
.fj-sidebar-logout:hover{background:rgba(199,68,56,.16)!important;border-color:rgba(239,142,132,.28)!important;color:#fff!important}
.fj-sidebar-logout .dashicons{width:20px!important;height:20px!important;font-size:20px!important;line-height:20px!important;color:#f2a59b!important}
.fj-sidebar-logout strong{font-size:12.5px!important;line-height:1.2}
.fj-sidebar-logout:focus-visible{outline:3px solid #f6d58a!important;outline-offset:2px!important}
@media(max-width:1180px){.fj-sidebar-logout{min-height:50px!important}.fj-sidebar-logout strong{font-size:13.5px!important}}