/*
Title: Midesof Dashboard
Autor: Ministerio de Desarrollo Social y Familia - División de Información Social 
Year: 2026
Version 1.0
*/
#sidebar .sidebar-ancho {width: 17.75rem;}
.sombra-sidebar {box-shadow: 0 1px 10px #62676e40; }
.h-sidebar {height: calc(100vh - 100px); }
.max-h-sidebar {max-height: calc(100vh - 18rem); }
.min-h-screen {min-height: calc(100vh - 370px)!important}
.w-71 {width: 17.75rem;}
.top-100 {top: 100px !important;}
.max-h-80vh {max-height: 80vh!important}

/*MENU*/
#menu-ciudadano a {color: var(--color-negro); font-size: .875rem; text-decoration: none;}
#menu-ciudadano .nav-item .nav-link.active {background-color: var(--color-primario); color: var(--color-blanco) !important;}
#menu-ciudadano .nav-item .nav-link:hover, 
.btn-cerrar-sesion:hover {background-color: var(--color-primario-claro-1); color: var(--color-primario-oscuro-4) !important}

#menu-ciudadano .nav-item.submenu .nav-link > div::after {content: '\e5cf'; font-weight: 900; font-family: Material Icons, Material Symbols Outlined}
#menu-ciudadano .nav-item.submenu .nav-link.collapsed > div::after {content: '\e5cc'; font-weight: 900; font-family: Material Icons, Material Symbols Outlined}

#menu-ciudadano .submenu-list {padding-left: 32px;}
#menu-ciudadano .submenu-list a.submenu-item {padding: 8px; color: var(--color-negro); display: block;}
#menu-ciudadano .submenu-list a.submenu-item:hover {background-color: var(--color-primario-claro-1); color: var(--color-primario-oscuro-4) !important}

/*--------------------------------------------------------------
#  contraste 
--------------------------------------------------------------*/
.a11y-contrast #sidebar a {background-color: var(--color-negro); color: var(--color-blanco);}