:root {
	--verde: #4f8a2a;
	--verde-escuro: #355e1b;
	--creme: #fbf3e2;
	--texto: #3b2a17;
	--dourado: #f2b52c;
}

* { box-sizing: border-box; }

body {
	margin: 0;
	font-family: "Fredoka", "Segoe UI", Arial, sans-serif;
	background: var(--verde);
	color: var(--texto);
	line-height: 1.55;
}

main {
	max-width: 880px;
	margin: 0 auto;
	padding: 24px 16px 48px;
}

.cartao {
	background: var(--creme);
	border-radius: 18px;
	padding: 28px 24px;
	box-shadow: 0 6px 0 var(--verde-escuro);
	margin-bottom: 24px;
}

.logo { display: block; width: 100%; max-width: 560px; margin: 0 auto 8px; }

h1, h2, h3 { line-height: 1.25; }
h1 { font-size: 1.7rem; margin-top: 0; }
h2 { font-size: 1.3rem; margin-top: 1.8em; }

a { color: var(--verde-escuro); font-weight: 600; }

.botao {
	display: inline-block;
	background: var(--dourado);
	color: var(--texto);
	text-decoration: none;
	padding: 14px 28px;
	border-radius: 14px;
	font-size: 1.15rem;
	box-shadow: 0 4px 0 #b9831a;
}

.centro { text-align: center; }

.fotos {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 12px;
	margin: 20px 0;
}
.fotos img { width: 100%; border-radius: 12px; display: block; }

.idiomas { text-align: right; margin-bottom: 12px; }
.idiomas a { color: #fff; margin-left: 12px; }

footer { text-align: center; color: #fff; font-size: 0.95rem; }
footer a { color: #fff; }