/* Formularios (contacto, newsletter) y comentarios del blog. */
.form-row {
	display: flex;
	flex-direction: column;
	gap: var(--space-2);
	margin-bottom: var(--space-4);
}

.form-row label {
	font-weight: 600;
	font-size: var(--fs-sm);
}

.form-row input,
.form-row textarea {
	padding: var(--space-3) var(--space-4);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-sm);
	background: var(--color-surface);
}

.form-row input:focus,
.form-row textarea:focus {
	border-color: var(--color-accent);
}

.form-row--honeypot {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.form-notice {
	padding: var(--space-4);
	border-radius: var(--radius-sm);
	margin-bottom: var(--space-6);
}

.form-notice--success {
	background: #e6f3e8;
	color: #1e5f2c;
}

.form-notice--error {
	background: #f3e6e6;
	color: #7a1e1e;
}

.contact-list {
	display: grid;
	gap: var(--space-3);
	margin-top: var(--space-6);
}

.contact-map {
	margin-top: var(--space-6);
	border-radius: var(--radius-md);
	overflow: hidden;
}

.contact-map iframe {
	width: 100%;
	height: 320px;
	border: 0;
}

.tag-list {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2);
	margin-top: var(--space-6);
}

.tag-list a {
	background: var(--color-bg-alt);
	padding: var(--space-1) var(--space-3);
	border-radius: 999px;
	font-size: var(--fs-sm);
}

.pagination__list {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-2);
	justify-content: center;
	margin-top: var(--space-10);
}

.pagination__list a,
.pagination__list span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 40px;
	height: 40px;
	padding-inline: var(--space-2);
	border-radius: var(--radius-sm);
	border: 1px solid var(--color-border);
}

.pagination__list .current {
	background: var(--color-primary);
	color: var(--color-on-primary);
	border-color: var(--color-primary);
}

.error-404 {
	text-align: center;
	max-width: 640px;
	margin-inline: auto;
	display: grid;
	gap: var(--space-6);
	padding-block: var(--space-16);
}

.error-404__search {
	max-width: 480px;
	margin-inline: auto;
	width: 100%;
}