.container {
	display: flex;
	flex-direction: column;
	gap: 30px;

	.titulo-principal {
		position: relative;

		font-size: 3rem;
		text-align: center;
		width: 100%;

		margin-block: 60px 30px;
		margin-inline: auto;
		padding-bottom: 15px;

		&::after {
			content: "";
			position: absolute;
			bottom: 0;
			left: 50%;
			transform: translateX(-50%);
			width: 60px;
			height: 4px;
			border-radius: 4px;
			background-color: var(--cor-azul);
		}
	}

	.titulo-secundario {
		font-size: 2rem;
		text-align: center;
		width: 100%;
		margin-block: 30px 30px;
		margin-inline: auto;
	}

	.titulo-terciario {
		font-size: 1.5rem;
		margin: 0;
	}

	p {
		font-size: 1rem;
		line-height: 1.6;
		margin: 0;

		text-align: justify;

		a {
			display: inline;

			font-weight: 200;
			text-decoration: none;
			color: inherit;

			--reversed-link-gap: min(100%, 1.35em);
			background: linear-gradient(to right, currentColor, currentColor) 0 var(--reversed-link-gap)/0 1px no-repeat;
			background-position-x: right;
			transition: background-size .5s cubic-bezier(.3, 1, .3, 1);

			&:hover {
				background-position-x: left;
				background-size: 100% 1px;
			}
		}
	}

	.aviso-atencao {
		text-indent: 25px;

		margin: 0;
		margin-block: 30px;
		padding: 20px;
		border: 2px solid #ff010126;
		border-radius: 20px;

		background-color: #ff000008;

		p {
			margin: 0;
		}
	}

	.container-itens {
		display: flex;
		flex-direction: column;
		gap: 20px;

		padding-left: 20px;

		list-style: disc;

		.item-passo {
			display: flex;
			align-items: center;
			gap: 20px;

			.conteudo-passo {

				p {
					margin-bottom: 5px;
				}
			}
		}
	}

	.container-instrucoes {
		display: flex;
		flex-direction: column;
		gap: 20px;

		margin-block: 30px;
		padding: 20px;
		/* border: 1px solid #979797; */
		border-radius: 20px;

		list-style: none;
		counter-reset: passo;

		.item-passo {
			display: flex;
			align-items: center;
			gap: 20px;


			&::before {
				counter-increment: passo;
				content: "Passo " counter(passo) ": ";
				min-width: 100px;
				text-align: center;
			}

			.linha {
				width: 1px;
				height: stretch;
				background-color: #979797;
			}

			.conteudo-passo {

				p {
					margin-bottom: 5px;
				}
			}
		}
	}

	.lista-anexos {
		margin: 0;
		padding: 0;

		--cor-fundo-anexo-impar: #f2f2f2;
		--cor-fundo-anexo-par: #fff;

		@media (prefers-color-scheme: dark) {
			--cor-fundo-anexo-impar: #171717;
			--cor-fundo-anexo-par: #212529;
		}

		.anexo {
			display: flex;
			height: 60px;

			a {
				all: unset;

				position: relative;
				left: 0;

				display: flex;
				align-items: center;
				text-align: justify;
				box-sizing: border-box;

				height: 100%;
				width: 100%;

				padding-inline: 70px;

				color: var(--cor-fonte-secundaria);
				background: var(--cor-fundo-anexo-impar);

				transition: var(--delay-default);
				cursor: pointer;

				&::before {
					content: '';
					height: 0;
					width: 2px;

					position: absolute;
					left: 0;

					background-color: #7f7d00;
					transition: var(--delay-default);
				}

				&:hover,
				&:focus-visible {
					left: 10px;
					text-decoration: none;

					&::before {
						content: '';
						height: 100%;
					}
				}
			}

			p {
				margin: 0px;
				font-size: 1rem;

				overflow: hidden;
				text-overflow: ellipsis;
				text-wrap-mode: nowrap;
			}

			&:nth-child(even) a {
				background: var(--cor-fundo-anexo-par);
			}
		}
	}

	.banner {
		width: 100%;
		height: 290px;

		object-fit: cover;
		border-radius: 5px;
		margin: 0;
	}

	.imagem {
		height: 290px;

		object-fit: contain;
		border-radius: 5px;
		margin: 0;
	}
}