.search-section {
	background: var(--search-section-bg);
}

.search-section > .container {
	max-width: 1200px !important;
	margin-inline: auto;
	padding: 0 !important;
	display: grid;
	gap: 37px;
}

.search-section-title-container {
	
}

.search-section-title {
	font-weight: var(--fw-medium);
	font-size: clamp(1.375rem, 1.1989rem + 0.7512vw, 1.875rem);
	line-height: 33px;
	text-align: center;
	color: var(--neutral-1);
	text-wrap: balance;
}

.title-underline {
	max-width: clamp(10.9375rem, 8.1866rem + 11.7371vw, 18.75rem);
	margin-inline: auto;
	padding-right: 10px;
}

.search-nav {
	width: fit-content;
	background: var(--neutral-1);
	border-radius: 8px 8px 0 0;
	padding: 10px 21px 5px 21px;
	gap: 1rem;
}

.search-nav-items {
	cursor: pointer;
	margin: 0;
	padding: 0;
	padding-inline: 5px;
	font-weight: var(--fw-medium);
	font-size: 18px;
	line-height: 27px;
	letter-spacing: 3%;
}

input[type="radio"] {
  opacity:  0;
  position: absolute;
}

.nav-focus {
	color: var(--secondary);
	outline: none;
	border-bottom: 2px solid var(--fourthiary);
}

.search-form {
	width: fit-content;
	background: var(--neutral-1);
	border-radius: 0 16px 16px 16px;
	padding: 24px;
	display: grid;
	gap: 1rem;
}

.search-form-items {
	display: grid;
	grid-template-columns: 1.5fr 0.75fr 0.25fr;
	align-items: center;
	gap: 1rem;
}

.search-form-mapa {
	display: grid;
	grid-template-columns: 1.5fr 0.75fr 0.25fr;
	align-items: center;
	gap: 1rem;
}

.service-label, .ubication-label {
	width: 100%;
	font-size: 14px;
	line-height: 21px;
	border-radius: 8px;
	border: 1px solid rgba(121, 121, 124, 1);
	outline: none;
	
	display: flex;
	align-items: center;
	padding-left:  16px;
}

.service-input, .ubication-input {
	width: 100%;
	border: none;
	outline: none;
	padding-inline: 5px;

	display: flex;
	padding: 17px 16px 17px 0;
	border-radius: 8px;
}

.service-label::before {
	content: url('../../assets/img/icons/search2.png');
	margin-right: 10px;
	width: 20px;
	height: 20px;
}

.ubication-label::before {
	content: url('../../assets/img/icons/map-pin.png');
	margin-top: 5px;
	margin-right: 10px;
}

.search-form-btn {
	padding: 17px 16px;
	border-radius: 8px;
	background: var(--fourthiary);
	color: var(--neutral-1);

	display: flex;
	gap: 5px;
}

.search-form-btn::before {
	content: url('../../assets/img/icons/search.png');
	width: 20px;
	height: 20px;
	margin-top: 2px;
}

@media (max-width: 1250px) {
	.search-section-container {
		padding-inline: 2rem;
	}
}

@media (max-width: 850px) {
	.search-form-items {
		grid-template-columns: 1.35fr 0.90fr 0.25fr;
	}

	.service-input, .ubication-input {
		padding: 11px 10px 11px 0;
		border-radius: 8px;
	}

	.search-form-btn {
		padding: 11px 10px;
	}
}

@media (max-width: 600px) {
	.search-nav {
		width: 100%;
		padding: 10px 21px 5px 21px;
	}

	.search-nav-items {
		font-size: 16px;
		line-height: 27px;
		letter-spacing: 3%;
	}

	.search-form {
		width: 100%;
		border-radius: 0 0px 16px 16px;
	}

	.search-form-items {
		grid-template-columns: none;
		gap: 0.5rem;
	}

	.service-input, .ubication-input {
		padding: 5px 5px 8px 0;
		border-radius: 8px;
	}

	.search-form-btn {
		padding: 5px 8px;
		justify-content: center;
		align-items: center;
	}

	.map-container img {
		height: 250px;
		margin: auto;
		object-fit: cover;
	}
}