/**
 * Instituto Hesed Caravanas — página de exceção, autocontida.
 * Cores replicam os tokens de marca do tema `hesed` (brand-brown / brand-gold),
 * sem depender do CSS do tema.
 */

:root {
	--brand-brown: #29241d;
	--brand-gold: #bc9c52;
	--color-fg: #f2ede4;
	--color-muted: #b8afa0;
}

* {
	box-sizing: border-box;
}

body {
	margin: 0;
	min-height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 2rem;
	background: var(--brand-brown);
	color: var(--color-fg);
	font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial,
		sans-serif;
	text-align: center;
}

.card {
	max-width: 32rem;
}

.logo {
	width: 160px;
	height: auto;
	margin-bottom: 2rem;
}

h1 {
	margin: 0 0 1rem;
	font-size: 1.75rem;
	line-height: 1.2;
}

.lead {
	margin: 0 0 2rem;
	color: var(--color-muted);
	font-size: 1.05rem;
	line-height: 1.5;
}

.whatsapp {
	display: inline-block;
	padding: 0.9rem 1.8rem;
	border-radius: 999px;
	background: var(--brand-gold);
	color: var(--brand-brown);
	font-weight: 600;
	text-decoration: none;
}

.whatsapp:hover,
.whatsapp:focus {
	opacity: 0.9;
}