#linksUteis {

	.container-links {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
		gap: 12px;

		&:first-child {
			margin-top: 0px;
		}

		h3 {
			grid-column: 1 / -1;

			font-size: 18px;
			margin: 25px 0 5px 0;
			padding-bottom: 8px;

			&:first-child {
				margin-top: 0;
			}
		}

		p {
			border: 1px solid var(--cor-borda-contraste);
			background: transparent;
			background: var(--cor-fundo-contraste);
			padding: 15px;
			border-radius: 8px;
			margin: 0;
			font-weight: 400;
			transition: background-color 0.2s ease, transform 0.2s ease;

			&:hover {
				background: var(--cor-fundo-contraste);
				transform: translateY(-2px);
			}

			a {
				color: #00569c;
				font-weight: bold;
				word-break: break-word;
			}
		}
	}

	ul {
		padding-left: 20px;

		li {
			margin-bottom: 10px;
		}
	}
}

@media (prefers-color-scheme: dark) {
	#linksUteis {

		.container-links {

			p {

				a.link {
					color: #31a2ff;
				}
			}
		}
	}
}