/* Home — "Fale com a Mentorar" (contato).
   Identidade visual Mentorar v1.0 (2026). Variáveis --mentorar-* no style.css. */

/* ================= Fale com a Mentorar ================= */
.mtr-contato {
	clear: both;
	width: 100%;
	box-sizing: border-box;
	background: var(--mentorar-fundo-claro);
	padding: 80px 0;
	font-family: Montserrat, Arial, sans-serif;
	color: var(--mentorar-texto);
}
.mtr-contato__container {
	max-width: 1180px;
	margin: 0 auto;
	padding: 0 20px;
}
.mtr-contato__cartao {
	display: grid;
	grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
	border-radius: 24px;
	overflow: hidden;
	background: #fff;
	box-shadow: 0 30px 70px -44px rgba(2, 26, 75, .5);
}

/* ---- Painel azul ---- */
.mtr-contato__painel {
	position: relative;
	overflow: hidden;
	padding: 48px 44px;
	background: linear-gradient(150deg, #043592 0%, #021A4B 70%);
	color: #fff;
}
/* hexágonos da marca, ao fundo */
.mtr-contato__hex {
	position: absolute;
	clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
	pointer-events: none;
}
.mtr-contato__hex--1 { width: 260px; height: 300px; right: -90px; bottom: -110px; background: rgba(9, 144, 237, .18); }
.mtr-contato__hex--2 { width: 64px; height: 74px; right: 40px; bottom: 190px; background: var(--mentorar-coral); opacity: .9; }

.mtr-contato .mtr-contato__sobretitulo {
	position: relative;
	margin: 0 0 12px;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .22em;
	text-transform: uppercase;
	color: #8CC8F6;
}
.mtr-contato .mtr-contato__titulo {
	position: relative;
	max-width: 400px;
	margin: 0 0 14px;
	font-family: Poppins, Arial, sans-serif;
	font-weight: 700;
	font-size: clamp(26px, 2.6vw, 34px);
	line-height: 1.18;
	letter-spacing: -.015em;
	color: #fff;
}
.mtr-contato .mtr-contato__subtitulo {
	position: relative;
	max-width: 420px;
	margin: 0 0 32px;
	font-size: 16px;
	line-height: 1.6;
	color: rgba(255, 255, 255, .82);
}

.mtr-contato .mtr-contato__canais {
	position: relative;
	display: grid;
	gap: 14px;
	margin: 0 0 30px;
	padding: 0;
	list-style: none;
}
.mtr-contato__canais li {
	display: flex;
	align-items: center;
	gap: 14px;
	margin: 0;
}
.mtr-contato__icone {
	flex: none;
	display: grid;
	place-items: center;
	width: 46px;
	height: 46px;
	border-radius: 12px;
	background: rgba(255, 255, 255, .1);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14);
	color: #fff;
}
.mtr-contato__icone svg { width: 22px; height: 22px; }
.mtr-contato__icone--zap { color: #5BE38A; }
.mtr-contato__canais small {
	display: block;
	font-size: 12px;
	color: rgba(255, 255, 255, .65);
}
.mtr-contato__canais a {
	font-family: Poppins, Arial, sans-serif;
	font-weight: 600;
	font-size: 17px;
	color: #fff;
	text-decoration: none;
	word-break: break-word;
}
.mtr-contato__canais a:hover { color: #8CC8F6; }

.mtr-contato a.mtr-contato__zap {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 13px 22px;
	border-radius: 10px;
	background: #25D366;
	color: #fff;
	font-weight: 600;
	font-size: 14px;
	text-decoration: none;
	transition: transform .15s ease, box-shadow .15s ease;
}
.mtr-contato a.mtr-contato__zap:hover { color: #fff; transform: translateY(-2px); box-shadow: 0 12px 24px -12px rgba(0, 0, 0, .5); }
.mtr-contato a.mtr-contato__zap svg { width: 20px; height: 20px; }
.mtr-contato a:focus-visible { outline: 3px solid var(--mentorar-luz); outline-offset: 3px; }

/* ---- Formulário (Contact Form 7 nº 87, só a aparência) ---- */
.mtr-contato__formulario { padding: 44px 44px 40px; }
.mtr-contato .mtr-contato__form-titulo {
	margin: 0 0 6px;
	font-family: Poppins, Arial, sans-serif;
	font-weight: 700;
	font-size: 22px;
	color: var(--mentorar-profundo);
}
.mtr-contato .mtr-contato__form-texto { margin: 0 0 22px; font-size: 14px; }

.mtr-contato form.mtr-form {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px 16px;
}
.mtr-contato form.mtr-form > * { grid-column: 1 / -1; }
.mtr-contato form.mtr-form > p:nth-of-type(1),
.mtr-contato form.mtr-form > p:nth-of-type(2) { grid-column: auto; }
.mtr-contato .mtr-form p { margin: 0; }
.mtr-contato .mtr-form label {
	display: block;
	font-size: 13px;
	font-weight: 600;
	color: var(--mentorar-profundo);
}
.mtr-contato .mtr-form label br { display: none; }
.mtr-contato .mtr-form .wpcf7-form-control-wrap { display: block; margin-top: 6px; }
.mtr-contato .mtr-form input[type="text"],
.mtr-contato .mtr-form input[type="email"],
.mtr-contato .mtr-form textarea {
	display: block;
	width: 100%;
	box-sizing: border-box;
	margin: 0;
	padding: 12px 14px;
	border: 1px solid #D8E0EC;
	border-radius: 10px;
	background: #F8FAFD;
	box-shadow: none;
	font-family: Montserrat, Arial, sans-serif;
	font-size: 15px;
	color: var(--mentorar-profundo);
	transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}
.mtr-contato .mtr-form textarea { height: 140px; min-height: 110px; resize: vertical; }
.mtr-contato .mtr-form input[type="text"]:focus,
.mtr-contato .mtr-form input[type="email"]:focus,
.mtr-contato .mtr-form textarea:focus {
	outline: none;
	border-color: var(--mentorar-luz);
	background: #fff;
	box-shadow: 0 0 0 4px rgba(9, 144, 237, .15);
}
/* o tema aplica aos botões de envio o estilo "contorno" e a forma de pílula,
   com !important: aqui o botão segue o padrão das seções novas */
.mtr-contato .mtr-form input[type="submit"] {
	display: inline-block;
	width: auto;
	margin: 0;
	padding: 15px 30px;
	border: 0 !important;
	border-radius: 10px !important;
	background: var(--mentorar-royal) !important;
	color: #fff !important;
	box-shadow: none;
	font-family: Montserrat, Arial, sans-serif;
	font-weight: 700;
	font-size: 13px;
	letter-spacing: .08em;
	cursor: pointer;
	transition: background-color .15s ease, transform .15s ease, box-shadow .15s ease;
}
.mtr-contato .mtr-form input[type="submit"]:hover {
	background: var(--mentorar-profundo) !important;
	transform: translateY(-2px);
	box-shadow: 0 12px 24px -12px rgba(2, 26, 75, .6);
}
.mtr-contato .mtr-form input[type="submit"]:focus-visible { outline: 3px solid var(--mentorar-luz); outline-offset: 3px; }
/* mensagens de validação e de envio do Contact Form 7 */
.mtr-contato .mtr-form .wpcf7-not-valid { border-color: var(--mentorar-coral); }
/* o tema troca o aviso por um ícone fora do campo (com !important): aqui volta a ser texto, embaixo do campo */
.mtr-contato .mtr-form .wpcf7-not-valid-tip {
	position: static !important;
	width: auto !important;
	height: auto !important;
	text-indent: 0 !important;
	background: none !important;
	overflow: visible;
	margin-top: 6px;
	font-size: 12px;
	line-height: 1.4;
	color: var(--mentorar-coral);
}
.mtr-contato .mtr-form .wpcf7-response-output {
	margin: 0;
	padding: 12px 14px;
	border: 1px solid #D8E0EC;
	border-radius: 10px;
	font-size: 14px;
}
.mtr-contato form.mtr-form.invalid .wpcf7-response-output,
.mtr-contato form.mtr-form.unaccepted .wpcf7-response-output { border-color: var(--mentorar-coral); background: #FFF5F4; color: #B3261E; }
.mtr-contato form.mtr-form.sent .wpcf7-response-output { border-color: #2E9E5B; background: #F1FBF4; color: #1E6B3D; }
.mtr-contato form.mtr-form.failed .wpcf7-response-output,
.mtr-contato form.mtr-form.spam .wpcf7-response-output { border-color: var(--mentorar-coral); background: #FFF5F4; color: #B3261E; }
.mtr-contato form.mtr-form.init .wpcf7-response-output,
.mtr-contato form.mtr-form.resetting .wpcf7-response-output,
.mtr-contato form.mtr-form.submitting .wpcf7-response-output { display: none; }

@media (prefers-reduced-motion: reduce) {
	.mtr-contato a.mtr-contato__zap,
	.mtr-contato .mtr-form input,
	.mtr-contato .mtr-form textarea { transition: none; }
}

/* ---- Seções antigas substituídas por estas (só escondidas) ---- */
/* "Acredite nos talentos…": a única com aquele bloco de margem 20px e só texto */
.home #Content .mcb-section:has(.mcb-wrap.column-margin-20px):not(:has(img, a, form, iframe)),
/* "Entre em Contato": a única do conteúdo com formulário */
.home #Content .mcb-section:has(.wpcf7),
/* "Política de Privacidade e Termos de Uso": a única com o link do PDF */
.home #Content .mcb-section:has(a[href*="privacidade.pdf"]) {
	display: none;
}

/* ---- Tablet e celular ---- */
@media (max-width: 959px) {
	.mtr-contato { padding: 56px 0; }
	.mtr-contato__cartao { grid-template-columns: 1fr; }
	.mtr-contato__painel { padding: 40px 28px; }
	.mtr-contato__formulario { padding: 36px 28px 32px; }
}
@media (max-width: 639px) {
	.mtr-contato { padding: 40px 0; }
	.mtr-contato__cartao { border-radius: 18px; }
	.mtr-contato__painel { padding: 34px 22px; }
	.mtr-contato__hex--2 { width: 48px; height: 55px; right: 20px; bottom: auto; top: 20px; }
	.mtr-contato__formulario { padding: 30px 22px 28px; }
	.mtr-contato form.mtr-form { grid-template-columns: 1fr; }
	.mtr-contato form.mtr-form > p:nth-of-type(1),
	.mtr-contato form.mtr-form > p:nth-of-type(2) { grid-column: 1 / -1; }
	.mtr-contato .mtr-form input[type="submit"] { width: 100%; }
}