/*
Theme Name: Huaka Digital Theme
Description: Custom WordPress theme for Huaka Digital inspired by Stitch design system. Built with Tailwind CSS.
Author: Huaka Digital
Version: 1.0
*/

/* Consultoria — scoped Contact Form 7 styling */
.consultoria-form .wpcf7-form {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.consultoria-form .wpcf7-form p {
	margin: 0;
}

.consultoria-form .wpcf7-form label {
	display: block;
	margin-bottom: 0.5rem;
	font-size: 0.75rem;
	line-height: 1;
	letter-spacing: 0.1em;
	font-weight: 700;
	color: rgb(68 71 78);
}

.consultoria-form .wpcf7-form label .wpcf7-form-control-wrap {
	display: block;
	margin-top: 0.5rem;
}

.consultoria-form .wpcf7-form .wpcf7-form-control {
	width: 100%;
	background-color: #fff;
	border: 1px solid rgba(29, 53, 87, 0.2);
	border-radius: 0.25rem;
	padding: 0.5rem 1rem;
	font-size: 1rem;
	line-height: 1.6;
	color: rgb(25 28 29);
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.consultoria-form .wpcf7-form textarea.wpcf7-form-control {
	min-height: 72px;
	height: 72px;
	resize: vertical;
}

.consultoria-form .wpcf7-form .wpcf7-form-control:focus {
	border-color: rgb(29 53 87);
	box-shadow: 0 0 0 1px rgba(194, 233, 243, 0.9);
	outline: none;
}

.consultoria-form .wpcf7-form input[type="submit"] {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	background-color: #99193a;
	color: #fff;
	padding: 0.75rem 1.5rem;
	border-radius: 0.25rem;
	font-family: Inter, sans-serif;
	font-size: 1rem;
	line-height: 1.6;
	font-weight: 600;
	border: none;
	cursor: pointer;
	transition: background-color 0.2s ease, transform 0.1s ease;
}

.consultoria-form .wpcf7-form input[type="submit"]:hover {
	background-color: #801430;
}

.consultoria-form .wpcf7-form input[type="submit"]:active {
	transform: scale(0.98);
}

.consultoria-form .form-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
}

@media (max-width: 640px) {
	.consultoria-form .form-grid {
		grid-template-columns: 1fr;
	}
}

/* Front page form — reuse consultoria form styles but keep scope separate */
.frontpage-form .wpcf7-form {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.frontpage-form .wpcf7-form p {
	margin: 0;
}

.frontpage-form .wpcf7-form label {
	display: block;
	margin-bottom: 0.5rem;
	font-size: 0.75rem;
	line-height: 1;
	letter-spacing: 0.1em;
	font-weight: 700;
	color: rgb(68 71 78);
}

.frontpage-form .wpcf7-form label .wpcf7-form-control-wrap {
	display: block;
	margin-top: 0.5rem;
}

.frontpage-form .wpcf7-form .wpcf7-form-control {
	width: 100%;
	background-color: #fff;
	border: 1px solid rgba(29, 53, 87, 0.2);
	border-radius: 0.25rem;
	padding: 0.5rem 1rem;
	font-size: 1rem;
	line-height: 1.6;
	color: rgb(25 28 29);
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.frontpage-form .wpcf7-form textarea.wpcf7-form-control {
	min-height: 72px;
	height: 72px;
	resize: vertical;
}

.frontpage-form .wpcf7-form .wpcf7-form-control:focus {
	border-color: rgb(29 53 87);
	box-shadow: 0 0 0 1px rgba(194, 233, 243, 0.9);
	outline: none;
}

.frontpage-form .wpcf7-form input[type="submit"] {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	background-color: #99193a;
	color: #fff;
	padding: 0.75rem 1.5rem;
	border-radius: 0.25rem;
	font-family: Inter, sans-serif;
	font-size: 1rem;
	line-height: 1.6;
	font-weight: 600;
	border: none;
	cursor: pointer;
	transition: background-color 0.2s ease, transform 0.1s ease;
}

.frontpage-form .wpcf7-form input[type="submit"]:hover {
	background-color: #801430;
}

.frontpage-form .wpcf7-form input[type="submit"]:active {
	transform: scale(0.98);
}

.frontpage-form .form-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
}

@media (max-width: 640px) {
	.frontpage-form .form-grid {
		grid-template-columns: 1fr;
	}
}