/* Misma tipografía en los cuatro accesos y barra reducida de iconos. */
body .clara-topnav .top-nav .nav-item{display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:12px 11px;font-family:inherit;font-size:14px;font-weight:650;line-height:1.4;min-height:44px;width:100%;text-align:left;min-width:0}
body .clara-topnav .top-nav .nav-item>.navigation-label{font-family:inherit;font-size:14px;font-weight:650;line-height:1.4;min-width:0;color:inherit}
body .clara-topnav .navigation-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px;color:inherit}
body .clara-topnav .navigation-icon svg{display:block;width:20px;height:20px}
body .clara-topnav .top-nav .nav-item>.movements-nav-chevron{font-size:14px;line-height:1;margin-left:auto;flex:0 0 auto}
.navigation-toggle svg{width:20px;height:20px;display:block}
body.navigation-collapsed .clara-topnav{display:flex;position:fixed;inset:0 auto 0 0;transform:none;visibility:visible;width:72px;height:100dvh;height:100vh;padding:66px 12px 18px;gap:24px;align-items:center;flex-direction:column;flex-wrap:nowrap;overflow-x:hidden;overflow-y:auto;background:#282f2c}
body.navigation-collapsed .clara-topnav .brand{padding:0;min-width:0;width:40px;justify-content:center;margin:0}
body.navigation-collapsed .clara-topnav .brand>div:not(.brand-mark){display:none}
body.navigation-collapsed .clara-topnav .brand-mark{width:36px;height:36px;font-size:20px;border-radius:12px}
body.navigation-collapsed .clara-topnav .top-nav{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;order:initial;overflow:visible;flex-wrap:nowrap}
body.navigation-collapsed .clara-topnav .movements-nav-group{width:100%;margin:0;flex:none}
body.navigation-collapsed .clara-topnav .top-nav .nav-item{width:46px;height:46px;padding:0;justify-content:center;gap:0;border-radius:12px}
body.navigation-collapsed .clara-topnav .top-nav .nav-item>.navigation-label,
body.navigation-collapsed .clara-topnav .top-nav .nav-item>.movements-nav-chevron,
body.navigation-collapsed .clara-topnav .movements-nav-options{display:none!important}
body.navigation-collapsed .clara-topnav .navigation-icon,body.navigation-collapsed .clara-topnav .navigation-icon svg{width:22px;height:22px;flex-basis:22px}
body.navigation-collapsed .clara-topnav>.avatar{margin:auto 0 0;width:36px;height:36px;min-height:36px;flex-shrink:0;font-size:12px}
body.navigation-collapsed .content{margin-left:72px;margin-right:0;padding-top:28px;max-width:1500px}
body.navigation-collapsed .navigation-toggle{left:19px;top:18px}
@media(min-width:551px) and (max-width:800px){body .clara-topnav{width:190px}body .content{margin-left:190px}body .navigation-toggle{left:140px}body.navigation-collapsed .content{margin-left:72px}body.navigation-collapsed .navigation-toggle{left:19px}}
@media(max-width:550px){body .clara-topnav .top-nav{flex-wrap:wrap;overflow:visible}body .clara-topnav .top-nav>.nav-item{width:auto}body .clara-topnav .top-nav .nav-item>.navigation-label{font-size:14px}body.navigation-collapsed .clara-topnav{width:64px;padding:62px 9px 16px;gap:20px}body.navigation-collapsed .clara-topnav .top-nav{flex-wrap:nowrap}body.navigation-collapsed .clara-topnav .top-nav .nav-item{width:44px;height:44px}body.navigation-collapsed .content{margin-left:64px;padding:20px 10px 36px}body.navigation-collapsed .navigation-toggle{left:15px;top:12px}}
@media(prefers-reduced-motion:reduce){body .clara-topnav,body .content,.movements-nav-chevron{transition:none}}
