/* =========================================================================
   Página de Contato (/contato/) — só carrega nessa página.

   Era um <style> dentro de inc/contato.php. Virou arquivo porque a página é
   pública (o visitante deslogado vê o formulário inteiro), então não corre o
   risco de RUCSS que obrigou o CSS da Minha Conta a ficar inline — e como
   arquivo o navegador guarda em cache entre visitas.
   ========================================================================= */

.edurad-contato { max-width: 1010px; margin: 0 auto; padding: 40px 20px 60px; }
.edurad-contato__hero { text-align: center; margin-bottom: 32px; }
.edurad-contato__hero h1 { font-size: 32px; font-weight: 700; color: #1a1a1a; margin: 0 0 10px; }
.edurad-contato__hero p { font-size: 16px; color: #666; margin: 0; }

.edurad-contato__whatsapp-cta {
	display: flex; align-items: center; gap: 16px;
	background: #0e7a42; color: #fff; text-decoration: none;
	padding: 20px 24px; border-radius: 14px; margin-bottom: 40px;
	box-shadow: 0 8px 20px rgba(37, 211, 102, .25);
	transition: transform .15s, box-shadow .15s;
}
.edurad-contato__whatsapp-cta:hover { color: #fff; text-decoration: none; transform: translateY(-2px); box-shadow: 0 10px 24px rgba(37, 211, 102, .35); }
.edurad-contato__whatsapp-cta__icon { flex-shrink: 0; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,.2); border-radius: 50%; }
.edurad-contato__whatsapp-cta__text { flex: 1 1 auto; }
.edurad-contato__whatsapp-cta__text strong { display: block; font-size: 18px; font-weight: 700; }
.edurad-contato__whatsapp-cta__text small { display: block; font-size: 14px; opacity: .95; margin-top: 2px; }
.edurad-contato__whatsapp-cta__arrow { flex-shrink: 0; opacity: .8; }

.edurad-contato__grid { display: grid; grid-template-columns: 1.3fr 1fr; gap: 28px; align-items: start; }

.edurad-contato__form-card { background: #fff; border: 1px solid #eaeaea; border-radius: 14px; padding: 28px; box-shadow: 0 2px 10px rgba(0,0,0,.04); }
.edurad-contato__form-card h2 { font-size: 20px; font-weight: 700; color: #1a1a1a; margin: 0 0 6px; }
.edurad-contato__form-card__sub { font-size: 14px; color: #6a6a6a; margin: 0 0 22px; }

.edurad-contato__field { margin-bottom: 18px; }
.edurad-contato__field label { display: block; font-size: 13px; font-weight: 600; color: #444; margin-bottom: 6px; }
.edurad-contato__field input,
.edurad-contato__field select,
.edurad-contato__field textarea {
	width: 100%; padding: 12px 14px; border: 1px solid #ddd; border-radius: 8px;
	font-size: 15px; font-family: inherit; color: #333; background: #fff;
	transition: border-color .15s;
}
.edurad-contato__field input:focus,
.edurad-contato__field select:focus,
.edurad-contato__field textarea:focus { outline: none; border-color: #25d366; }
.edurad-contato__field textarea { resize: vertical; min-height: 110px; }

.edurad-contato__submit {
	display: inline-flex; align-items: center; justify-content: center; gap: 10px;
	width: 100%; background: #0e7a42; color: #fff; border: 0; border-radius: 8px;
	padding: 14px 20px; font-size: 16px; font-weight: 700; cursor: pointer;
	transition: background .15s;
}
.edurad-contato__submit:hover { background: #0c6a39; }
.edurad-contato__erro { display: none; color: #cc0000; font-size: 13px; margin: -8px 0 16px; }
.edurad-contato__erro.is-visible { display: block; }

.edurad-contato__email-alt { text-align: center; font-size: 13px; color: #6a6a6a; margin: 18px 0 0; }
.edurad-contato__email-alt a { color: #444; font-weight: 600; }

.edurad-contato__info { display: flex; flex-direction: column; gap: 14px; }
.edurad-contato__info-card { display: flex; gap: 14px; background: #fff; border: 1px solid #eaeaea; border-radius: 12px; padding: 18px; box-shadow: 0 2px 10px rgba(0,0,0,.03); }
/* especificidade maior que ".edurad-contato__info-card span" (1 classe + 1 elemento)
	logo abaixo — sem o prefixo do card, o "display:block" genérico dos spans de texto
	vencia e sobrescrevia o "display:flex" daqui, tirando a centralização do ícone. */
.edurad-contato__info-card .edurad-contato__info-card__icon { flex-shrink: 0; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: #fdf0f0; color: #dd0000; border-radius: 50%; }
.edurad-contato__info-card strong { display: block; font-size: 13px; color: #6a6a6a; text-transform: uppercase; letter-spacing: .3px; margin-bottom: 3px; }
.edurad-contato__info-card span, .edurad-contato__info-card a { display: block; font-size: 15px; color: #333; text-decoration: none; line-height: 1.4; }
.edurad-contato__info-card a:hover { color: #dd0000; }
.edurad-contato__info-card .edurad-contato__maps-link { font-size: 13px; color: #dd0000; font-weight: 600; margin-top: 4px; }

@media (max-width: 860px) {
	.edurad-contato__grid { grid-template-columns: 1fr; }
	.edurad-contato__info { flex-direction: column-reverse; }
}
@media (max-width: 600px) {
	.edurad-contato { padding: 28px 16px 40px; }
	.edurad-contato__hero h1 { font-size: 26px; }
	.edurad-contato__whatsapp-cta { padding: 16px 18px; }
	.edurad-contato__whatsapp-cta__text strong { font-size: 16px; }
}