/* CSS da barra de títulos */
	.servicos-em-destaque-header {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 8px;
	}

   .servico-destaque-item {
		display: flex;
		align-items: center;
		gap: 8px;
	}

	.servico-destaque-item h3 {
		margin: 0;
		font-size:  20 px;
		font-weight: bold;
		color: inherit;
		text-align: left;
	}

	.titulodestaque {
		background-color: #f9f9f9;
		background: linear-gradient(to right, #003366, #66ccff);
		border-radius: 3px;
		--padding: 8px;
		--border-radius: 6px;
		box-shadow: 0 1px 3px rgba(0,0,0,0.08);
		margin: 16px 0;
		font-family: "Open Sans", sans-serif;
		font-size:  2em;
		font-weight: bold;
		color: white;
		max-width: 1216px;
		width: 100%;
		--bs-gutter-x: 1.5rem;
		--bs-gutter-y: 0;
		padding-right: calc(var(--bs-gutter-x) * .5);
		padding-left: calc(var(--bs-gutter-x) * .5);
		margin-right: auto;
		margin-left: auto;
	}

	.gradiente-azul-linha {
		height: 3px;
		background: linear-gradient(to right, #003366, #66ccff);
		margin: 8px 0 16px 0;
		border-radius: 2px;
	}