/**
 * Página de contacto.
 *
 * @package Groowleck
 */

.contact-page {
	display: grid;
	gap: var(--groowleck-space-8);
	padding-block: var(--groowleck-space-10);
}

.contact-form-message,
.contact-form-unavailable {
	padding: var(--groowleck-space-5);
	border: 1px solid currentColor;
	border-radius: var(--groowleck-radius-lg);
}

.contact-page form {
	display: grid;
	gap: var(--groowleck-space-4);
}

.contact-page input,
.contact-page textarea,
.contact-page select {
	width: 100%;
}