/*
 * Contato (RF33–RF36).
 * Pattern: patterns/contato.php
 */

.almar-contato {
	background-color: var(--wp--preset--color--fundo-principal);
}

.almar-contato .wp-block-columns {
	max-width: 56rem;
	margin-inline: auto;
	gap: 64px;
}

.almar-contato__intro {
	color: rgb(244 241 236 / 0.8);
}

.almar-contato__email {
	color: var(--wp--preset--color--branco-quente);
	text-decoration: none;
}

.almar-contato__email:hover {
	color: var(--wp--preset--color--teal-destaque);
}

/* O botão do WhatsApp ocupa a largura toda no celular, como no design. */
.almar-contato .is-style-almar-whatsapp,
.almar-contato .is-style-almar-whatsapp .wp-block-button__link {
	width: auto;
}

@media (max-width: 767px) {
	.almar-contato .is-style-almar-whatsapp,
	.almar-contato .is-style-almar-whatsapp .wp-block-button__link {
		width: 100%;
	}
}

@media (min-width: 2080px) {
	.almar-contato {
		padding-block: 128px !important;
	}

	.almar-contato .wp-block-columns {
		gap: 80px;
	}
}