/* Configuracion de barra de navegación de redes */
.navbar-redes {
    background-color: #DF2112;
    color: white;
    padding: 0 1rem 0 1rem;
    height: var(--height-header);
    align-items: center;
    z-index: 2000;
  }

#navbar {
  /*Transición para los cambios al scrollear*/
  transition: top 0.3s; 
}
 
/* Estilos para un botón genérico */
.btn {
  padding: 0.5rem 1rem;
  background-color: #A1A7A9;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  margin-left: 1rem;
}

/* Ajusta la altura del logotipo en relación a la altura del encabezado */
.logo_header{
  height: calc(80/100 * var(--height-header));
}

/* Establece un margen izquierdo automático para el último botón dentro de su contenedor */
.btn:last-child {
  margin-left: auto;
}

/* Establece la posición fija de un elemento */
.sticky {
  position: fixed;
  top: 0;
  width: 100%
}

/* Estilos para el botón de cierre de sesión */
/* Utiliza un contenedor flexible para alinear los elementos horizontalmente */
.logout-btn{
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background-color: #ffffff;
  border-radius: 15px;
  margin: 0 1rem;
  padding: 0.5rem 1rem;
}

/* Estilos para la sección de navegación de usuario */
/* Utiliza un contenedor flexible para alinear los elementos horizontalmente */
.navbar-user-section{
  display: flex;
  align-items: center;
}

/* Estilos para encabezado de advertencia */
/* Elimina el subrayado del texto y establece el color del texto en blanco */
.header-warning{
  text-decoration: none;
  color: white;
}

/* Define cómo se verá el encabezado de advertencia cuando el cursor del mouse esté sobre él */
.header-warning:hover{
  text-decoration: none;
  color: rgb(218, 218, 218);
}

/* Estilos para el enlace de cierre de sesión */

/* Estilos predeterminados del enlace de cierre de sesión */
.logout{
  text-decoration: none;
  color: white;
}

/* Estilos para el enlace de cierre de sesión cuando el cursor del mouse esté sobre él */
.logout:hover{
  text-decoration: none;
  color: rgb(218, 218, 218);
  transform: scale(1.2);
}

/* Estilos para una caja desplegable */
/* Establece el color del texto en negro y el color de fondo en blanco */
.drop-div{
  color: black !important;
  background-color: #ffffff;
  border-radius: 5px;
  padding: 0.5rem 2rem !important;
}