/* Estilos completos del bloque Home Search */
.homeSearch {
	background-color: #d3d3d3;
	border-radius: .75rem;
	box-shadow: 0 10px 25px rgba(0,0,0,.1);
	padding: 1.5rem;
	max-width: 56rem;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	position: relative;
	z-index: 10;
}

.homeSearchTitle {
	color: #2563eb;
	font-size: 1.25rem;
	font-weight: 700;
	margin-bottom: 1.5rem;
	text-align: left;
}

@media (min-width: 768px) {
	.homeSearchTitle { font-size: 1.5rem; }
}

.homeSearchForm {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	margin-bottom: 1.5rem;
}

@media (min-width: 768px) {
	.homeSearchForm { flex-direction: row; }
}

.homeSearchField { flex: 1; position: relative; }

.homeSearchField input,
.homeSearchField select {
	width: 100%;
	padding: .75rem 1rem;
	border: 1px solid #d1d5db;
	border-radius: .5rem;
	outline: none;
	background-color: #ffffff;
	color: #111827;
	transition: box-shadow .15s ease, border-color .15s ease;
	appearance: none;
}

.homeSearchField input:focus,
.homeSearchField select:focus {
	border-color: transparent;
	box-shadow: 0 0 0 3px rgba(37, 99, 235, .4);
}

.homeSearchSelect .selectChevron {
	position: absolute;
	right: .75rem;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
	color: #9ca3af;
	font-size: 1rem;
	line-height: 1;
}

.homeSearchBtn {
	padding: .75rem 1.5rem;
	background-color: #2563eb;
	color: #ffffff;
	font-weight: 500;
	border-radius: .5rem;
	border: none;
	cursor: pointer;
	transition: background-color .2s ease;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.homeSearchBtn:hover { background-color: #1d4ed8; }

.homeSearchLinks {
	display: flex;
	flex-direction: row;
	gap: 2rem;
	justify-content: flex-start;
	margin-top: 2rem;
	flex-wrap: wrap;
}

.homeSearchLink {
	color: #111827;
	text-decoration: none;
	font-weight: 500;
	transition: color .2s ease;
}

.homeSearchLink:hover { color: #374151; }