p{
    margin-block-end: 0em !important;
    margin-bottom: 0rem !important;
}
.content-intranet{
    padding: 0vw 2vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.side-menu-intranet{
    display: flex;
    flex-direction: column;
   align-items: center;
   width: 23% !important;
}

.menu-intranet{
   background-image: url(../../assets/images/intranet/nav-backgrounds.png);
   background-position: top center;
   background-size: 100% 100%;
   background-repeat: no-repeat;
   height: 95vh;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: space-around;
  width: 95%;
  padding: 0vw 2vw;
}

.logo-intranet{
    width: 60%;
}

.subject-intranet{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-top: -3vw;
}

.pic-intranet{
    width: 25%;
}

.subject-info{
    padding-left: 1vw;
}

.subject-info h1{
 font-size: 18px;
 margin-bottom: -0.5rem !important;
 font-family: 'OgilvySansBold'!important;
 color: white;
}

.subject-info p{
    font-family: 'OgilvySansRegular'!important;
    font-size: 12px !important;
    color: white;
    margin-block-end: 0em !important;
    margin-bottom: 0rem !important;
    padding-top: 0.5vw;
}

.nav-intranet{
    width: 100%;
    margin-top: -3vw;
}

.nav-intranet h1{
    font-size: 1rem;
    color: white;
    font-family: 'OgilvySansBold'!important;
    padding-bottom: 1vw;
}

.nav-intranet ul{
    padding-left: 0rem !important;
    margin-block-start: 0em !important;
}

.nav-intranet ul li{
    display:flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1vw;
    padding-left: 9px;
    border-left: 2px solid rgba(255, 255, 255, 0);
    transition: border-left 0.3s ease; /* Efecto de transición: cambio de color en 0.3 segundos con efecto 'ease' */
}

.nav-intranet ul li:hover{
    border-left: 2px solid white;
    color: white;
    
}
.nav-intranet ul li img{
    width: 22px;
}

.nav-intranet ul li p{
    margin-block-end: 0em !important;
    margin-bottom: 0rem !important;
    padding-left: 10px !important;
    color: rgba(255, 255, 255, 0.379);
    font-family: 'OgilvySansBold'!important;
    transition: color 0.3s ease; /* Efecto de transición: cambio de color en 0.3 segundos con efecto 'ease' */

}
.nav-intranet ul li:hover > .nav-main-item p{
    color: white;
    
}
.nav-intranet ul li:hover >p{
    color: white;
    
}
.menu-icon{
    width: 24.447px;
    fill: rgba(255, 255, 255, 0.379);
    height: 22.153px;
    stroke: rgba(255, 255, 255, 0.379); /* Color de contorno */
    transition: stroke 0.3s ease; /* Transición suave para el cambio de color */
  }
  
  /* Estilo al pasar el ratón (hover) */
  .nav-intranet ul li:hover >.nav-main-item .menu-icon {
    stroke: #FFF; /* Cambia el color al pasar el ratón */
    fill: #FFF;
  }
 
  .nav-main-item{
    display: flex;
  }
  
  .menu-intranet button{
    background-color: #101011;
    border-radius: 20px;
    border: none;
    color: #fff;
    width: 70%;
    padding: 0.5rem 0vw;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .menu-intranet button img{
   width: 13%;
  }
  .menu-intranet button p{
    padding-left: 7px;
   }
   .main-section-intranet{
    background-color: #F0F0F0;
    border-radius: 20px;
   }
   .main-section-first{
    background: #FFF;
   }
   .oficina-titulo{
    width: 40%;
   }