/* =====================================================================
   Página Canal de Ética — conteúdo institucional + formulário consolidado.
   Padrão visual herda da página /contato/: tipografia padrão, espaço generoso,
   formulário com campos grandes legíveis, flash de retorno em cor neutra.
   ===================================================================== */

.page-canal-etica .canal-etica {
	max-width: 880px;
	display: flex; flex-direction: column;
	gap: clamp(2rem, 1.4rem + 2vw, 44px);
}

.page-canal-etica .canal-etica__lead {
	font-size: clamp(16px, 14.5px + .5vw, 18.5px);
	line-height: 1.65;
	color: var(--leto-ink, #1a1a1a);
}

.page-canal-etica .canal-etica__bloco { display: flex; flex-direction: column; gap: 1rem; }
.page-canal-etica .canal-etica__h {
	font-size: clamp(18px, 16px + .8vw, 22px);
	font-weight: 600;
	line-height: 1.3;
	margin: 0 0 .25rem;
	color: var(--leto-ink, #1a1a1a);
}
.page-canal-etica .canal-etica__bloco p {
	font-size: 15.5px; line-height: 1.65; color: var(--leto-ink, #1a1a1a); margin: 0;
}
.page-canal-etica .canal-etica__mail {
	color: var(--leto-ink, #1a1a1a);
	text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 3px;
	font-weight: 500;
}
.page-canal-etica .canal-etica__mail:hover { color: var(--leto-green-deep, #5e6b3a); }

.page-canal-etica .canal-etica__bullets-intro { margin-bottom: .25rem; }
.page-canal-etica .canal-etica__bullets {
	list-style: none; padding: 0; margin: 0;
	display: flex; flex-direction: column; gap: .85rem;
}
.page-canal-etica .canal-etica__bullets li {
	position: relative; padding-left: 1.6rem;
	font-size: 15.5px; line-height: 1.6; color: var(--leto-ink, #1a1a1a);
}
.page-canal-etica .canal-etica__bullets li::before {
	content: "";
	position: absolute; left: 0; top: .65em;
	width: 8px; height: 1.5px;
	background: var(--leto-green-deep, #5e6b3a);
}

/* Form */
.page-canal-etica .canal-etica__form-bloco { gap: 1.4rem; }
.page-canal-etica .canal-etica__form {
	display: flex; flex-direction: column;
	gap: 1.2rem;
	background: var(--leto-paper, #f5f3ee);
	border: 1px solid rgba(0,0,0,.08);
	border-radius: 8px;
	padding: clamp(1.5rem, 1.2rem + 1vw, 32px);
	max-width: 680px;
}
.page-canal-etica .canal-etica__hp { display: none !important; }
.page-canal-etica .canal-etica__field { display: flex; flex-direction: column; gap: .35rem; }
.page-canal-etica .canal-etica__label { font-size: 13.5px; font-weight: 500; color: var(--leto-ink, #1a1a1a); }
.page-canal-etica .canal-etica__req { color: var(--leto-green-deep, #5e6b3a); }
.page-canal-etica .canal-etica__input {
	width: 100%; font: inherit; font-size: 15px;
	padding: 11px 14px;
	border: 1px solid rgba(0,0,0,.18); border-radius: 6px;
	background: #fff; color: var(--leto-ink, #1a1a1a);
	transition: border-color .2s, box-shadow .2s;
	font-family: inherit;
}
.page-canal-etica textarea.canal-etica__input { resize: vertical; min-height: 140px; line-height: 1.55; }
.page-canal-etica .canal-etica__input:focus {
	outline: 0; border-color: var(--leto-green-deep, #5e6b3a);
	box-shadow: 0 0 0 3px rgba(94,107,58,.18);
}
.page-canal-etica .canal-etica__hint { font-size: 12.5px; color: rgba(0,0,0,.55); margin-top: .15rem; }

.page-canal-etica .canal-etica__submit {
	align-self: flex-start;
	appearance: none; border: 0; cursor: pointer;
	background: var(--leto-ink, #1a1a1a); color: #fff;
	font: inherit; font-size: 14.5px; font-weight: 500;
	padding: 13px 28px; border-radius: 6px;
	transition: background .2s, transform .2s;
}
.page-canal-etica .canal-etica__submit:hover { background: var(--leto-green-deep, #5e6b3a); transform: translateY(-1px); }

/* Flash de retorno */
.page-canal-etica .canal-etica__flash {
	padding: 14px 18px; border-radius: 6px;
	font-size: 14.5px; line-height: 1.55;
	border: 1px solid;
}
.page-canal-etica .canal-etica__flash--ok {
	background: rgba(94,107,58,.08); border-color: rgba(94,107,58,.32); color: #3e4a26;
}
.page-canal-etica .canal-etica__flash--err {
	background: rgba(176,53,53,.06); border-color: rgba(176,53,53,.32); color: #7a2222;
}
.page-canal-etica .canal-etica__flash a { color: inherit; text-decoration: underline; }