/* PCEX Buscador */
.pcex-search {
	position: fixed;
	inset: 0;
	z-index: 100001;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	padding: 14vh 1.5rem 2rem;
	background: rgba(23, 22, 18, 0.9);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0s linear 0.3s;
	overflow-y: auto;
}

.pcex-search.is-open { opacity: 1; visibility: visible; transition: opacity 0.3s ease; }

.pcex-search__box {
	position: relative;
	width: min(820px, 100%);
	transform: translateY(-14px);
	transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

.pcex-search.is-open .pcex-search__box { transform: none; }

.pcex-search .pcex-search__close {
	position: absolute;
	top: -3.4rem;
	right: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	padding: 0;
	border: 1px solid rgba(249, 249, 241, 0.3);
	border-radius: 7px;
	background: rgba(249, 249, 241, 0.06);
	color: #f9f9f1;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

.pcex-search .pcex-search__close:hover,
.pcex-search .pcex-search__close:focus,
.pcex-search .pcex-search__close:focus-visible { background-color: rgba(249, 249, 241, 0.18); color: #f9f9f1; border-color: rgba(249, 249, 241, 0.5); }
.pcex-search__close svg { width: 16px; height: 16px; stroke: currentColor; }

.pcex-search__form {
	position: relative;
	display: flex;
	align-items: center;
	margin: 0;
	border-bottom: 1px solid rgba(249, 249, 241, 0.35);
	transition: border-color 0.3s ease;
}

.pcex-search__form:focus-within { border-color: #b8e5af; }

.pcex-search__icon { flex: none; width: 22px; height: 22px; stroke: #f9f9f1; opacity: 0.7; }

.pcex-search .pcex-search__input {
	flex: 1;
	min-width: 0;
	height: 4.2rem;
	padding: 0 1rem;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: #f9f9f1;
	font: 500 clamp(1.4rem, 3.2vw, 2.1rem)/1.2 Quablo, sans-serif;
	letter-spacing: 0.01em;
	outline: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}

.pcex-search .pcex-search__input::placeholder { color: rgba(249, 249, 241, 0.4); }
.pcex-search .pcex-search__input::-webkit-search-cancel-button { display: none; }

.pcex-search__status { min-height: 1.4em; margin: 1rem 0 0; color: rgba(249, 249, 241, 0.55); font: 400 0.875rem/1.4 Manrope, sans-serif; }

.pcex-search__list { margin: 0.5rem 0 0; padding: 0; list-style: none; }
.pcex-search__list li { margin: 0; border-bottom: 1px solid rgba(249, 249, 241, 0.12); }

.pcex-search__list a {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 1.5rem;
	padding: 1rem 0.25rem;
	color: #f9f9f1;
	text-decoration: none;
	transition: color 0.3s ease, padding-left 0.3s ease;
}

.pcex-search__list a:hover,
.pcex-search__list a:focus-visible { color: #b8e5af; padding-left: 0.75rem; outline: none; }

.pcex-search__t { font: 500 1.125rem/1.35 Manrope, sans-serif; }
.pcex-search__k { flex: none; color: rgba(249, 249, 241, 0.5); font: 400 0.75rem/1 Manrope, sans-serif; text-transform: uppercase; letter-spacing: 0.08em; }

body.pcex-search-lock { overflow: hidden; }

@media (max-width: 767px) {
	.pcex-search { padding-top: 6rem; }
	.pcex-search .pcex-search__close { top: -3.2rem; }
}

@media (prefers-reduced-motion: reduce) {
	.pcex-search, .pcex-search__box { transition-duration: 0.01s !important; transition-delay: 0s !important; }
}