.sisalud-header {
    background: linear-gradient(135deg, 
         var(--uesca-primary-dark) 0%,
         var(--uesca-primary-medium) 40%,
         var(--uesca-primary-light) 100%);
    box-shadow: 0 4px 20px rgba(0, 124, 145, 0.15);
    position: fixed;
    width: 100%;
    z-index: 200;
}

 .sisalud-logo {
     display: flex;
     align-items: center;
     font-weight: 700;
     font-size: 1.5rem;
     color: var(--uesca-light);
     text-decoration: none;
     transition: .3s
 }

 .sisalud-logo:hover {
     transform: scale(1.05);
 }

 .sisalud-nav-item {
     position: relative;
     padding: 12px 20px;
     font-weight: 600;
     font-size: .95rem;
     color: var(--uesca-nav-color);
     text-decoration: none;
     border-radius: 8px;
     transition: .3s;
     background: transparent;
     border: 2px solid transparent;
 }

 .sisalud-nav-item:hover {
     background: rgba(255, 255, 255, .1);
     transform: translateY(-2px);
 }
 .item-link div{
    display: flex;
    justify-content: center;
    align-items: center;
 }
 .sisalud-nav-item i {
     margin-right: 8px;
     font-size: 1.1rem;
     color: var(--uesca-nav-color);
 }

 .sisalud-icon-desplegable{
    color: var(--uesca-neutral) !important;
 }

 /* ⬇️ NUEVO: estado activo igual al hover para top-level */
 .sisalud-nav-item.is-active {
     background: rgba(255, 255, 255, .1);
     /* transform: translateY(-2px); */
 }

 .sisalud-dropdown {
     background: var(--uesca-light);
     border: 1px solid #E5E5E5;
     border-radius: 12px;
     box-shadow: 0 10px 40px rgba(0, 124, 145, .15);
     overflow: visible;
     backdrop-filter: blur(10px);
 }

 .sisalud-dropdown-item {
     padding: 14px 25px;
     color: var(--uesca-dark);
     text-decoration: none;
     font-weight: 500;
     font-size: .9rem;
     border-bottom: 1px solid #F0F0F0;
     transition: .3s;
     position: relative;
 }

 .sisalud-dropdown-item:last-child {
     border-bottom: none;
 }

 .sisalud-dropdown-item>span {
     display: inline-block;
     transition: transform .2s ease;
 }

 .sisalud-dropdown-item:hover {
background: linear-gradient(90deg, 
    color-mix(in srgb, var(--uesca-primary) 10%, transparent) 0%, 
    color-mix(in srgb, var(--uesca-primary-light) 10%, transparent) 100%);
     color: var(--uesca-primary);
 }

 .sisalud-dropdown-item:hover>span {
     transform: translateX(4px);
 }

 .sisalud-dropdown-item::before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     bottom: 0;
     width: 4px;
     background: linear-gradient(180deg, var(--uesca-secondary), var(--uesca-accent));
     opacity: 0;
     transition: opacity .2s;
 }

 .sisalud-dropdown-item:hover::before {
     opacity: 1;
 }

 /* ⬇️ NUEVO: estado activo igual al hover para items del dropdown */
 .sisalud-dropdown-item.active {
     background: linear-gradient(90deg, rgba(43, 174, 102, .1) 0%, rgba(0, 188, 212, .1) 100%);
     color: var(--uesca-primary);
 }

 .sisalud-dropdown-item.active>span {
     transform: translateX(4px);
 }

 .sisalud-dropdown-item.active::before {
     opacity: 1;
 }

 .sisalud-mobile-header {
     background: linear-gradient(135deg, var(--uesca-primary) 0%, #005A6B 100%);
     border-bottom: 3px solid var(--uesca-secondary);
 }

 .sisalud-mobile-nav {
     background: var(--uesca-neutral);
     width: 95%;
 }

 .sisalud-mobile-item {
     padding: 14px 16px;
     font-weight: 600;
     color: var(--uesca-dark);
     border-radius: 8px;
     margin: 2px 8px;
     transition: .3s;
     text-decoration: none;
 }

 .sisalud-mobile-item:hover {
background: linear-gradient(90deg, 
    color-mix(in srgb, var(--uesca-primary) 10%, transparent) 0%, 
    color-mix(in srgb, var(--uesca-primary-light) 10%, transparent) 100%);
     color: var(--uesca-primary);
     transform: translateX(5px);
 }

 .sisalud-mobile-item i {
     color: var(--uesca-secondary);
     margin-right: 10px;
     font-size: 1.1rem;
 }

 .sisalud-mobile-sub {
     background: linear-gradient(90deg, 
    color-mix(in srgb, var(--uesca-primary) 1%, transparent) 0%, 
    color-mix(in srgb, var(--uesca-primary-light) 10%, transparent) 100%);
     border-left: 2px solid var(--uesca-accent);
     margin: 4px 0;
     border-radius: 0 8px 8px 0;
 }

 .sisalud-mobile-sub a {
     padding: 10px 20px;
     font-size: .9rem;
     color: #555;
     font-weight: 500;
 }

 .sisalud-mobile-sub a:hover {
    background: linear-gradient(90deg, 
    color-mix(in srgb, var(--uesca-primary) 10%, transparent) 0%, 
    color-mix(in srgb, var(--uesca-primary-light) 10%, transparent) 100%);
     color: var(--uesca-primary);
 }

 .dark .sisalud-dropdown {
     background: #1F2937;
     border-color: #374151;
 }

 .dark .sisalud-dropdown-item {
     color: #F3F4F6;
     border-color: #374151;
 }

 .dark .sisalud-dropdown-item:hover {
     background: rgba(43, 174, 102, .15);
     color: var(--uesca-accent);
 }

 .dark .sisalud-mobile-nav {
     background: #1F2937;
 }

 .dark .sisalud-mobile-item {
     color: #F3F4F6;
 }

 .dark .sisalud-mobile-sub {
     background: rgba(0, 124, 145, .1);
 }

 /* Quita el subrayado que pone Flux al item activo */
 .sisalud-nav-item.is-active,
 .sisalud-nav-item[aria-current="page"],
 .sisalud-nav-item[data-current="true"] {
     border-bottom: none !important;
     box-shadow: none !important;
 }

 /* Por si Flux usa un pseudo-elemento para la línea */
 .sisalud-nav-item.is-active::after,
 .sisalud-nav-item[aria-current="page"]::after,
 .sisalud-nav-item[data-current="true"]::after {
     content: none !important;
 }