/* =========================================================
   BUSCADOR GLOBAL DEL PORTAL
   ========================================================= */

.peuca-search-page {
	padding-bottom: 4rem;
}

.peuca-search-hero {
	padding: 2.4rem 0 2rem;
	background: #eef6fb;
	border-bottom: 1px solid #dce7ef;
}

.peuca-search-eyebrow {
	margin: 0 0 0.35rem;
	font-size: 0.78rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #176b87;
}

.peuca-search-title {
	margin: 0;
	font-size: clamp(2rem, 4vw, 3.2rem);
	line-height: 1.08;
	color: #0d1b4c;
}

.peuca-search-lead {
	max-width: 780px;
	margin: 0.8rem 0 0;
	color: #46536b;
}

.peuca-search-form {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 0.7rem;
	max-width: 820px;
	margin-top: 1.35rem;
}

.peuca-search-form input {
	width: 100%;
	min-height: 50px;
	padding: 0 1rem;
	border: 1px solid #b9cbd8;
	border-radius: 10px;
	background: #ffffff;
	color: #0d1b4c;
	outline: none;
}

.peuca-search-form input:focus {
	border-color: #176b87;
	box-shadow: 0 0 0 3px rgba(23, 107, 135, 0.12);
}

.peuca-search-form button {
	min-height: 50px;
	padding: 0 1.35rem;
	border: 0;
	border-radius: 10px;
	background: #0d1b4c;
	color: #ffffff;
	font-weight: 800;
	cursor: pointer;
}

.peuca-search-form button:hover,
.peuca-search-form button:focus-visible {
	background: #174a8b;
}

.peuca-search-results {
	padding: 2rem 0 0;
}

.peuca-search-summary {
	margin-bottom: 1rem;
	color: #334155;
}

.peuca-search-list {
	display: grid;
	gap: 1rem;
}

.peuca-search-card {
	padding: 1.25rem 1.35rem;
	border: 1px solid #dfe5eb;
	border-radius: 14px;
	background: #ffffff;
	box-shadow: 0 5px 18px rgba(13, 27, 76, 0.035);
}

.peuca-search-card__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.45rem;
	margin-bottom: 0.65rem;
}

.peuca-search-chip {
	display: inline-flex;
	align-items: center;
	min-height: 26px;
	padding: 0.2rem 0.65rem;
	border-radius: 999px;
	background: #f1f5f9;
	font-size: 0.78rem;
	font-weight: 700;
	color: #45546a;
}

.peuca-search-chip--type {
	background: #dff2f4;
	color: #0f6173;
}

.peuca-search-card__title {
	margin: 0;
	font-size: 1.25rem;
	line-height: 1.25;
	color: #0d1b4c;
}

.peuca-search-card__title a {
	text-decoration: none;
}

.peuca-search-card__title a:hover,
.peuca-search-card__title a:focus-visible {
	text-decoration: underline;
}

.peuca-search-card__excerpt {
	max-width: 920px;
	margin: 0.55rem 0 0;
	color: #526075;
}

.peuca-search-card__link {
	display: inline-flex;
	gap: 0.35rem;
	margin-top: 0.75rem;
	font-weight: 800;
	color: #174a8b;
	text-decoration: none;
}

.peuca-search-card__link:hover,
.peuca-search-card__link:focus-visible {
	text-decoration: underline;
}

.peuca-search-page .navigation.pagination {
	margin-top: 1.6rem;
}

.peuca-search-page .nav-links {
	display: flex;
	flex-wrap: wrap;
	gap: 0.45rem;
	align-items: center;
}

.peuca-search-page .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 38px;
	min-width: 38px;
	padding: 0.35rem 0.7rem;
	border: 1px solid #d7e0e8;
	border-radius: 8px;
	background: #ffffff;
	text-decoration: none;
}

.peuca-search-page .page-numbers.current {
	background: #0d1b4c;
	border-color: #0d1b4c;
	color: #ffffff;
}

.peuca-search-empty {
	padding: 1.5rem;
	border: 1px solid #dfe5eb;
	border-radius: 14px;
	background: #ffffff;
}

.peuca-search-empty h2 {
	margin: 0 0 0.45rem;
	font-size: 1.35rem;
}

.peuca-search-empty p {
	margin: 0;
	color: #526075;
}

.peuca-search-empty__links {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
	margin-top: 1rem;
}

.peuca-search-empty__links a {
	display: inline-flex;
	align-items: center;
	padding: 0.5rem 0.8rem;
	border-radius: 8px;
	background: #eef6fb;
	font-weight: 800;
	color: #174a8b;
	text-decoration: none;
}

@media (max-width: 640px) {
	.peuca-search-hero {
		padding-top: 1.6rem;
	}

	.peuca-search-form {
		grid-template-columns: 1fr;
	}

	.peuca-search-form button {
		width: 100%;
	}

	.peuca-search-card {
		padding: 1rem;
	}
}

.peuca-search-chip--demo {
	border-color: rgba(245, 158, 11, 0.28);
	background: rgba(245, 158, 11, 0.14);
	color: #92400e;
}