/*HEADER - 2025/02____________________________________________________________*/
/* Línea verde del nav  */
nav#header-fondo_blanco-linea_verde {
    background-color: white;
    border-bottom: 5px solid var(--primary);
}
.navbar {
    padding: 5.5px 0px !important;
	position: fixed; /* Fijar el nav en la parte superior al bajar el scroll*/
    width: 100%; /* Fijar el nav en la parte superior al bajar el scroll*/
    z-index: 1000; /* Fijar el nav en la parte superior al bajar el scroll*/
}
div#page-wrapper {
    padding-top: 62px; /* Añadir padding al contenido para que no se quede debajo del nav fijado al bajar el scroll*/
}
/* Logo princiapl del sitio  */
div#nav-icono-imserso {
    max-width: 100%;
    width: 100%;
    display: flex;
    justify-content: flex-start;
}
img.logo.mr-1 {
    margin-top: 2px!important;
    margin-bottom: 2px!important;
    margin-left: 5px!important;
    width: 49px!important;
    display: block!important;
}
/*Posición rrss*/
nav #social-icons {
	left: initial !important;
    right: 0% !important;
    transform: translateX(0%) !important;
    padding: 0px 15px 0px 0px !important;
}

/*BODY - 2025/02____________________________________________________________*/
/*Quitarle el fondo - 2023/09*/
div#page {
    background: rgba(0, 0, 0, 0)!important;
    background-repeat: no-repeat!important;
}
/*Logo y título - 2023/09*/
.header-logo-titulo {
    background-color: white;
    margin-bottom: 15px;
    border-radius: 3px;
}
.page-header-logo-titulo {
    display: flex;
    flex-direction: row-reverse;
    background-image: url(/moodle/img/img-header-logos-titulo-2024.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 100px;
    width: 100%;
    margin: 10px;
}
/*Permite la visibilidad del logo del Imserso*/
.mr-auto, .mx-auto{
    width: 100%;
}
/* Icono animado  */
.icon_nav {
  transition: transform 0.2s ease-in-out;
}
.icon_nav:hover {
  transform: scale(1.05);
}
.icon_nav:active {
  transform: scale(1);
}