/* Estilos para la cabecera de la marca */
.app-header {
	background-color: #f8f9fa; /* Un gris muy claro, puedes cambiarlo */
	padding: 15px 20px;
	border-bottom: 1px solid #dee2e6;
	display: flex; /* Usamos flexbox para alinear fácilmente */
	align-items: center; /* Centra verticalmente los items */
}

.app-brand h1 {
	margin: 0;
	font-size: 1.8rem; /* Tamaño para MEDICINE+ */
	font-weight: bold;
	color: #0d6efd; /* Un azul primario de Bootstrap */
}

.app-brand .slogan {
	margin: 0;
	font-size: 0.9rem; /* Tamaño más pequeño para el eslogan */
	color: #6c757d; /* Un color gris secundario */
	line-height: 1; /* Ajusta el espacio entre líneas */
}