/* Add here all your CSS customizations */
.etiqueta{
	font-size: 15px;
	min-height: 45px;
	display: flex;
	font-weight: bold;
	justify-content: flex-start;
	align-items: flex-end;
}
.header {
	height: 100px;

/*	background: #ffffff; */
background-image: linear-gradient(to top, rgb(247, 176, 28) 0%, rgb(247, 176, 28) 5%, rgb(36, 23, 50) 5%, rgb(38, 24, 57) 100%);

}
.titulo-sistema{
	color:#fff;
}
.userbox .name {
	color: #231630;
}
.userbox .role {
	color: #231630;
}

.nav-active{
	background: linear-gradient(to right, #149bb7, #f7b01c);

}
.userbox {
	margin: 20px 17px 0 0;
	background: linear-gradient(to right, #149bb7, #f7b01c);
	padding: 5px;
	border-radius: 5px;
  }
  .linea-amarilla {
	border: none;
	height: 4px;
	background: linear-gradient(to right, #149bb7, #f7b01c);
	margin: 10px 0;
  }
  


	.img-centrada-vertical {
	  display: flex;
	  align-items: center;
	  justify-content: center; /* también centrado horizontal, opcional */
	  min-height: 300px; /* ajusta según lo que necesites */
	}
  
	.img-centrada-vertical img {
	  max-height: 100%;
	  width: auto;
	}
  
  


  @media only screen and (max-width: 767px) {
	.header .logo-container {
	  background-color: #231630;
	  background-image: linear-gradient(to top, rgb(247, 176, 28) 0%, rgb(247, 176, 28) 5%, rgb(36, 23, 50) 5%, rgb(38, 24, 57) 100%);

	  border-bottom: 1px solid #f7b01c;
	  border-top: 3px solid #231630;
	}
	.header{
		background-image: linear-gradient(to top, rgb(247, 176, 28) 0%, rgb(247, 176, 28) 5%, rgb(36, 23, 50) 5%, rgb(38, 24, 57) 100%);
		height: 60px;
	}
	.header .header-right {
		background: #FFF;
		background-image: linear-gradient(to top, rgb(247, 176, 28) 0%, rgb(247, 176, 28) 5%, rgb(36, 23, 50) 5%, rgb(38, 24, 57) 100%);
		float: none !important;
		height: 60px;
		margin-top: 60px;
		width: 100%;
	  }
	  .userbox {
		margin: 10px 10px 10px 10px;
	  }

  }