input, textarea {
	width: 100%;
	padding: 0.8em;
	border: 0;
	border-bottom: 2px solid #7f7f7f7f;
	box-sizing: border-box;
	margin-bottom: 10px;
	font-family: inherit;
	background: none;
	transition: border-bottom 0.2s ease;
	color: #dfdfdf;
}

input:focus, textarea:focus {
	outline: none;
	border-bottom: 2px solid #cd2025;
}

input[type="submit"] {
	background-color: #cd2025;
	color: white;
	font-weight: 600;
	border: none;
	cursor: pointer;
	<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d623.6339588572081!2d22.884864269673326!3d51.301265398235444!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4723b2a5ba2005ad%3A0x77bbc7581d489ed5!2zxZpyw7NkbWllanNrYSAxMiwgMjEtMDEwIMWBxJljem5h!5e0!3m2!1spl!2spl!4v1758615606002!5m2!1spl!2spl" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>transition: background-color 0.2s ease;
}

input[type="submit"]:hover, input[type="submit"]:focus {
	background-color: #a81a1faf;
}

#navtous {
	/* display: block;
	padding: 0.8em; */
	display: inline-block;
	padding: 0.8em 1.2em;
	background-color: #cd2025;
	color: white;
	font-weight: 600;
	border: none;
	cursor: pointer;
	transition: background-color 0.2s ease;
}

#navtous:hover, #navtous:focus {
	background-color: #a81a1faf;
}

#mapa {
	margin-top: 2em;
	border: 2px solid #7f7f7f7f;
	width: 100%;
	height: 60vh;
}