/* =====================================================================
   MENU LATERAL POR SECCIONES
   Se carga despues de ingelan-ui.css y va acotado a body.ing-shell.
   Bootstrap 3 fija html{font-size:10px}: aqui se usan px, no rem.
   ===================================================================== */
:root{
  --ing-sb-fondo:#F5F5F6;
  --ing-sb-borde:#E4E4E7;
  --ing-sb-texto:#3F3F46;
  --ing-sb-icono:#71717A;
  --ing-sb-titulo:#63636B;
  --ing-sb-acento:#A50000;
  --ing-sb-activo:#FBEAEA;
}

body.ing-shell .navbar-static-top{box-shadow:inset 0 3px 0 var(--ing-sb-acento)}
body.ing-shell .sidebar{background:var(--ing-sb-fondo);border-right:1px solid var(--ing-sb-borde)}
body.ing-shell #side-menu{padding:8px}
body.ing-shell #side-menu > li{border:0}

body.ing-shell #side-menu .ing-seccion{padding:16px 12px 6px;color:var(--ing-sb-titulo);font-size:11.2px;font-weight:700;letter-spacing:.08em;line-height:1.3;text-transform:uppercase}

body.ing-shell #side-menu > li > a{display:flex;align-items:center;gap:12px;margin:1px 0;padding:9px 12px;border-radius:8px;background:transparent;color:var(--ing-sb-texto);font-size:14px;line-height:1.3}
body.ing-shell #side-menu > li > a .ing-menu__icono{flex:none;width:18px;color:var(--ing-sb-icono);font-size:15px;text-align:center}
body.ing-shell #side-menu > li > a:hover,body.ing-shell #side-menu > li > a:focus{background:#FFFFFF;color:var(--ing-sb-acento)}
body.ing-shell #side-menu > li > a:hover .ing-menu__icono,body.ing-shell #side-menu > li > a:focus .ing-menu__icono{color:var(--ing-sb-acento)}
body.ing-shell #side-menu > li > a.active{background:var(--ing-sb-activo);box-shadow:inset 3px 0 0 var(--ing-sb-acento);color:var(--ing-sb-acento);font-weight:600}
body.ing-shell #side-menu > li > a.active .ing-menu__icono{color:var(--ing-sb-acento)}
body.ing-shell #side-menu > li > a:focus{outline:0}
body.ing-shell #side-menu > li > a:focus-visible{outline:2px solid var(--ing-sb-acento);outline-offset:-2px}

body.ing-shell .ing-menu-pie{padding:12px 20px;border-top:1px solid var(--ing-sb-borde);background:var(--ing-sb-fondo);color:var(--ing-sb-texto);font-size:13px;line-height:1.35;overflow-wrap:anywhere}
body.ing-shell .ing-menu-pie small{display:block;margin-bottom:2px;color:var(--ing-sb-titulo);font-size:11.2px}
body.ing-shell .ing-menu-pie strong{display:block;font-weight:600}
@media (max-width:767px){
  body.ing-shell .ing-menu-pie{display:none}
}
@media (min-width:768px){
  body.ing-shell .sidebar{display:flex;flex-direction:column}
  body.ing-shell .sidebar .sidebar-nav{flex:1 0 auto}
  body.ing-shell .ing-menu-pie{position:sticky;bottom:0}
}