/* =========================================================================
   Viajes y Sabores — main.css (child de Twenty Seventeen)
   1. Variables y base
   2. Botones, títulos y utilidades
   3. Cabecera y navegación
   4. Hero y franja de ventajas
   5. Secciones de portada (split, tarjetas, destinos, consejos, buscador, lo último, banda)
   6. Archivos, búsqueda y 404
   7. Post individual y páginas
   8. Pie
   9. Animación al scroll (solo CSS)
   10. Responsive
   ========================================================================= */

/* 1. Variables y base ---------------------------------------------------- */
:root {
	--vys-navy: #0b2a4a;
	--vys-navy-900: #061a30;
	--vys-navy-700: #12406b;
	--vys-ocean: #0b5f73;
	--vys-yellow: #ffc21a;
	--vys-yellow-2: #ffd75a;
	--vys-gold-ink: #835500;    /* texto dorado accesible sobre claro */
	--vys-cream: #fbf8f1;
	--vys-sand: #f3ead7;
	--vys-line: #e8dcc4;
	--vys-ink: #10233a;
	--vys-muted: #4a5a6e;
	--vys-on-dark: #d3dce7;
	--vys-wood: #7a4a22;

	--vys-display: "Bebas Neue", Impact, Haettenschweiler, "Arial Narrow Bold", "Franklin Gothic Bold", sans-serif-condensed, "Arial Narrow", sans-serif;
	--vys-script: "Segoe Script", "Brush Script MT", "Lucida Handwriting", "Snell Roundhand", "Apple Chancery", cursive;
	--vys-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

	--vys-radius: 14px;
	--vys-shadow: 0 14px 34px -16px rgba(6, 26, 48, .45);
	--vys-swash: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 14'%3E%3Cpath d='M3 10C40 3 100 1 157 6' fill='none' stroke='%23ffc21a' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E");
}

html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

body.vys,
.vys button,
.vys input,
.vys select,
.vys textarea {
	font-family: var(--vys-body);
}
body.vys {
	background: var(--vys-cream);
	color: var(--vys-ink);
	font-size: 1rem;
	line-height: 1.6;
	overflow-x: hidden;
}
.vys .site-content-contain { background: transparent; }
.vys .site-content { padding: 0; }
.vys a { box-shadow: none; }
.vys a:focus-visible,
.vys button:focus-visible,
.vys summary:focus-visible {
	outline: 3px solid var(--vys-yellow);
	outline-offset: 3px;
}

.vys-wrap {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 24px;
}
.vys-icon {
	width: 1em;
	height: 1em;
	flex: none;
	vertical-align: -.125em;
}

/* 2. Botones, títulos y utilidades ---------------------------------------- */
.vys .vys-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .55em;
	padding: .9em 1.6em;
	border: 2px solid transparent;
	border-radius: 999px;
	font-size: .95rem;
	font-weight: 800;
	line-height: 1;
	text-decoration: none;
	text-shadow: none;
	cursor: pointer;
	transition: transform .2s ease, background-color .2s ease, color .2s ease, box-shadow .2s ease;
}
.vys .vys-btn:hover { transform: translateY(-2px); }
.vys .vys-btn--primary {
	background: var(--vys-yellow);
	color: var(--vys-navy-900);
	box-shadow: 0 8px 20px -10px rgba(255, 194, 26, .9);
}
.vys .vys-btn--primary:hover,
.vys .vys-btn--primary:focus { background: var(--vys-yellow-2); color: var(--vys-navy-900); }
.vys .vys-btn--ghost {
	background: rgba(6, 26, 48, .25);
	border-color: rgba(255, 255, 255, .85);
	color: #fff;
}
.vys .vys-btn--ghost:hover,
.vys .vys-btn--ghost:focus { background: #fff; color: var(--vys-navy-900); }
.vys .vys-btn--sm { padding: .7em 1.2em; font-size: .88rem; }
.vys .vys-btn--block { width: 100%; }

.vys-kicker {
	display: inline-block;
	margin-bottom: .6rem;
	color: var(--vys-gold-ink);
	font-size: .78rem;
	font-weight: 800;
	letter-spacing: .14em;
	text-transform: uppercase;
}
.vys .vys-title {
	margin: 0 0 .9rem;
	padding: 0;
	color: var(--vys-navy);
	font-family: var(--vys-display);
	font-size: clamp(2rem, 3.3vw, 2.9rem);
	font-weight: 400;
	letter-spacing: .01em;
	line-height: 1;
	text-transform: uppercase;
	overflow-wrap: normal;
	word-break: normal;
}
.vys-split .vys-title { font-size: clamp(2rem, 2.9vw, 2.6rem); }
.vys-title--swash::after {
	content: "";
	display: block;
	width: 150px;
	height: 14px;
	margin-top: .35em;
	background: var(--vys-swash) no-repeat left center / contain;
}
.vys-lead {
	margin: 0 0 1.5rem;
	color: var(--vys-muted);
	font-size: 1rem;
	line-height: 1.6;
}
.vys-script {
	font-family: var(--vys-script);
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
}

/* Formulario de búsqueda compacto */
.vys-searchform {
	position: relative;
	display: flex;
	margin: 0;
}
.vys .vys-searchform input[type="search"] {
	width: 100%;
	height: 48px;
	margin: 0;
	padding: 0 56px 0 18px;
	border: 1px solid var(--vys-line);
	border-radius: 999px;
	background: #fff;
	color: var(--vys-ink);
	font-size: .95rem;
}
.vys .vys-searchform button {
	position: absolute;
	top: 5px;
	right: 5px;
	display: grid;
	place-items: center;
	width: 38px;
	height: 38px;
	padding: 0;
	border-radius: 50%;
	background: var(--vys-yellow);
	color: var(--vys-navy-900);
	font-size: 1.05rem;
}
.vys .vys-searchform button:hover { background: var(--vys-yellow-2); }

/* 3. Cabecera y navegación ------------------------------------------------ */
.vys-header {
	position: relative;
	z-index: 30;
	background: var(--vys-navy-900);
}
.home .vys-header {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	background: linear-gradient(180deg, rgba(6, 26, 48, .85), rgba(6, 26, 48, 0));
}
.admin-bar.home .vys-header { top: 32px; }
.vys-header__inner {
	display: flex;
	align-items: center;
	gap: 20px;
	min-height: 84px;
}
.vys-brand {
	display: inline-flex;
	align-items: center;
	flex: none;
}
/* Logo SVG: pin (viaje) + plato con cubiertos (sabores) + órbita con avión */
.vys .vys-logo {
	--logo: 50px;
	gap: 10px;
	color: #fff;
	text-decoration: none;
}
.vys-logo--footer { --logo: 60px; }
.vys-logo__mark {
	flex: none;
	width: var(--logo);
	height: var(--logo);
	overflow: visible;
	transition: transform .4s ease;
}
.vys-logo:hover .vys-logo__mark { transform: rotate(-6deg) scale(1.04); }
.vys-logo__orbit {
	fill: none;
	stroke: #fff;
	stroke-width: 1.6;
	stroke-dasharray: 3 3.2;
	opacity: .85;
}
.vys-logo__pin { fill: var(--vys-yellow); }
.vys-logo__plate { fill: var(--vys-navy-900); }
.vys-logo__rim { fill: none; stroke: var(--vys-yellow); stroke-width: 1.1; opacity: .55; }
.vys-logo__cutlery {
	fill: none;
	stroke: #fff;
	stroke-width: 1.7;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.vys-logo__plane { fill: #fff; }
.vys-logo__text {
	display: flex;
	flex-direction: column;
	line-height: 1;
}
.vys-logo__a {
	color: #fff;
	font-family: var(--vys-display);
	font-size: calc(var(--logo) * .6);
	letter-spacing: .06em;
	line-height: .9;
	text-transform: uppercase;
}
.vys-logo__b {
	margin: -.05em 0 0 .9em;
	color: var(--vys-yellow);
	font-family: var(--vys-script);
	font-size: calc(var(--logo) * .36);
	white-space: nowrap;
	transform: rotate(-4deg);
	transform-origin: left;
}
.vys-nav { margin-left: auto; }
.vys .vys-menu {
	display: flex;
	align-items: center;
	gap: 2px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.vys .vys-menu a {
	position: relative;
	display: block;
	padding: .55em .7em;
	color: #fff;
	font-size: .92rem;
	font-weight: 600;
	text-decoration: none;
}
.vys .vys-menu a::after {
	content: "";
	position: absolute;
	right: .7em;
	bottom: .15em;
	left: .7em;
	height: 3px;
	border-radius: 3px;
	background: var(--vys-yellow);
	transform: scaleX(0);
	transition: transform .2s ease;
}
.vys .vys-menu a:hover::after,
.vys .vys-menu .current-menu-item > a::after { transform: scaleX(1); }
.vys .vys-menu a:hover { color: var(--vys-yellow); }
.vys .vys-nav__toggle { display: none; }

.vys-header__tools {
	display: flex;
	align-items: center;
	gap: 12px;
}
.vys-search-pop { position: relative; }
.vys-search-pop summary {
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	color: #fff;
	font-size: 1.15rem;
	list-style: none;
	cursor: pointer;
	transition: background-color .2s ease;
}
.vys-search-pop summary::-webkit-details-marker { display: none; }
.vys-search-pop summary:hover,
.vys-search-pop[open] summary { background: rgba(255, 255, 255, .14); }
.vys-search-pop__panel {
	position: absolute;
	top: 54px;
	right: 0;
	width: min(340px, calc(100vw - 32px));
	padding: 10px;
	border-radius: var(--vys-radius);
	background: #fff;
	box-shadow: var(--vys-shadow);
}

/* 4. Hero y franja de ventajas -------------------------------------------- */
.vys-hero {
	position: relative;
	overflow: hidden;
	padding: 150px 0 40px;
	background: var(--vys-navy-900);
	color: #fff;
}
.vys-hero__bg {
	position: absolute;
	inset: 0;
}
.vys .vys-hero__bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.vys-hero__bg::after {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(6, 26, 48, .92) 0%, rgba(6, 26, 48, .7) 42%, rgba(6, 26, 48, .15) 75%),
		linear-gradient(0deg, rgba(6, 26, 48, .95) 0%, rgba(6, 26, 48, 0) 40%);
}
.vys-hero__inner {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
	gap: 40px;
	align-items: center;
	min-height: 470px;
}
.vys-hero__eyebrow {
	margin: 0 0 .2rem;
	color: var(--vys-yellow);
	font-size: clamp(1.4rem, 2.4vw, 1.9rem);
	transform: rotate(-4deg);
	transform-origin: left;
}
.vys .vys-hero__title {
	margin: 0 0 1.2rem;
	padding: 0;
	color: #fff;
	font-family: var(--vys-display);
	font-size: clamp(3rem, 7vw, 5.6rem);
	font-weight: 400;
	letter-spacing: .005em;
	line-height: .92;
	text-transform: uppercase;
	text-shadow: 0 4px 24px rgba(0, 0, 0, .35);
}
.vys-hero__title .vys-script {
	display: block;
	margin-top: .2em;
	color: var(--vys-yellow);
	font-size: .46em;
	line-height: 1.15;
	transform: rotate(-3deg);
	transform-origin: left;
}
.vys-hero__lead {
	max-width: 520px;
	margin: 0 0 1.8rem;
	color: #e6edf5;
	font-size: 1.05rem;
}
.vys-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
}

/* Polaroids */
.vys .vys-polaroids {
	position: relative;
	height: 440px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.vys-polaroid {
	position: absolute;
	width: 46%;
	transition: transform .3s ease;
}
.vys-polaroid a {
	display: block;
	padding: 10px 10px 40px;
	border-radius: 4px;
	background: #fff;
	box-shadow: 0 22px 40px -14px rgba(0, 0, 0, .6);
	text-decoration: none;
}
.vys .vys-polaroid img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}
.vys-polaroid .vys-script {
	position: absolute;
	right: 14px;
	bottom: 8px;
	color: var(--vys-navy);
	font-size: 1.05rem;
}
.vys-polaroid:nth-child(1) { top: 0; right: 4%; transform: rotate(6deg); z-index: 2; }
.vys-polaroid:nth-child(2) { top: 44%; left: 2%; transform: rotate(-7deg); z-index: 1; }
.vys-polaroid:nth-child(3) { top: 50%; right: 0; transform: rotate(4deg); z-index: 3; }
.vys-polaroid:hover { transform: rotate(0) scale(1.04); z-index: 4; }

/* Franja de ventajas */
.vys .vys-perks {
	position: relative;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin: 30px 0 0;
	padding: 22px 10px;
	border: 1px solid rgba(255, 194, 26, .45);
	border-radius: 18px;
	background: rgba(6, 26, 48, .78);
	backdrop-filter: blur(6px);
	list-style: none;
}
.vys-perks li {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 4px 18px;
	color: var(--vys-on-dark);
	font-size: .86rem;
	line-height: 1.4;
}
.vys-perks li + li { border-left: 1px solid rgba(255, 255, 255, .15); }
.vys-perks strong {
	display: block;
	color: #fff;
	font-size: 1rem;
}
.vys-perks__icon {
	display: grid;
	place-items: center;
	flex: none;
	width: 54px;
	height: 54px;
	border: 2px solid var(--vys-yellow);
	border-radius: 50%;
	color: var(--vys-yellow);
	font-size: 1.5rem;
}

/* 5. Secciones de portada ------------------------------------------------- */
.vys-section {
	position: relative;
	padding: clamp(56px, 7vw, 92px) 0;
}
.vys-section--light {
	background:
		radial-gradient(ellipse at 0% 100%, rgba(255, 194, 26, .12), transparent 50%),
		linear-gradient(180deg, var(--vys-cream), var(--vys-sand));
}
.vys-section--cream { background: var(--vys-cream); }
.vys-section--dark,
.vys-pagehead {
	background:
		radial-gradient(ellipse at 85% 0%, rgba(18, 64, 107, .9), transparent 55%),
		radial-gradient(ellipse at 0% 100%, rgba(11, 95, 115, .55), transparent 50%),
		linear-gradient(160deg, var(--vys-navy), var(--vys-navy-900));
	color: #fff;
}
.vys-section--dark .vys-title,
.vys-plan .vys-title,
.vys-pagehead .vys-pagehead__title { color: #fff; }
.vys-section--dark .vys-kicker,
.vys-plan .vys-kicker,
.vys-pagehead .vys-kicker,
.vys-inspire .vys-kicker { color: var(--vys-yellow); }
.vys-section--dark .vys-lead,
.vys-plan .vys-lead { color: var(--vys-on-dark); }

.vys-split {
	display: grid;
	grid-template-columns: minmax(260px, 320px) minmax(0, 1fr);
	gap: 48px;
	align-items: center;
}
.vys-head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 24px;
	margin-bottom: 28px;
}

/* Tarjeta de post */
.vys-cards {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
}
.vys-card {
	position: relative;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border-radius: var(--vys-radius);
	background: #fff;
	box-shadow: var(--vys-shadow);
	transition: transform .25s ease, box-shadow .25s ease;
}
.vys-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 22px 40px -18px rgba(6, 26, 48, .55);
}
.vys-card__media {
	position: relative;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: var(--vys-sand);
}
.vys .vys-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .5s ease;
}
.vys-card:hover .vys-card__media img { transform: scale(1.06); }
.vys-card__ph {
	display: grid;
	place-items: center;
	height: 100%;
	color: var(--vys-gold-ink);
	font-size: 2.4rem;
}
.vys-card__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	padding: 14px 14px 16px;
}
.vys .vys-card__title {
	display: -webkit-box;
	overflow: hidden;
	margin: 0 0 8px;
	padding: 0;
	color: var(--vys-navy);
	font-family: var(--vys-body);
	font-size: 1rem;
	font-weight: 800;
	letter-spacing: 0;
	line-height: 1.3;
	text-transform: none;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.vys .vys-card__title:not(:has(+ .vys-card__meta)) { margin-bottom: 14px; }
.vys .vys-card__title a {
	color: inherit;
	text-decoration: none;
}
.vys-card__title a::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
}
.vys-card__meta {
	display: flex;
	align-items: center;
	gap: 6px;
	margin: 0 0 14px;
	color: var(--vys-muted);
	font-size: .8rem;
}
.vys-card__cta {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: .45em;
	margin-top: auto;
	padding: .55em 1em;
	border-radius: 999px;
	background: var(--vys-yellow);
	color: var(--vys-navy-900);
	font-size: .82rem;
	font-weight: 800;
	transition: background-color .2s ease;
}
.vys-card:hover .vys-card__cta { background: var(--vys-yellow-2); }

/* Destinos (tarjeta de categoría) */
.vys-dests__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
}
.vys .vys-dest {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border-radius: 12px;
	background: #fff;
	box-shadow: var(--vys-shadow);
	color: var(--vys-ink);
	text-decoration: none;
	transition: transform .25s ease;
}
.vys .vys-dest:hover { transform: translateY(-5px); }
.vys-dest__media {
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: var(--vys-sand);
}
.vys .vys-dest__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .5s ease;
}
.vys-dest:hover .vys-dest__media img { transform: scale(1.07); }
.vys-dest__body {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 12px;
	color: var(--vys-navy);
}
.vys-dest__text {
	display: flex;
	flex-direction: column;
	min-width: 0;
}
.vys .vys-dest__name {
	margin: 0;
	padding: 0;
	color: var(--vys-navy);
	font-size: .95rem;
	font-weight: 800;
	letter-spacing: 0;
	line-height: 1.2;
	text-transform: none;
	overflow-wrap: normal;
}
.vys-dest__tag {
	display: flex;
	align-items: center;
	gap: 4px;
	color: var(--vys-muted);
	font-size: .76rem;
	line-height: 1.3;
}
.vys-dest__tag .vys-icon { color: var(--vys-gold-ink); }
.vys-dest__go {
	display: grid;
	place-items: center;
	flex: none;
	width: 30px;
	height: 30px;
	margin-left: auto;
	border-radius: 50%;
	background: var(--vys-yellow);
	color: var(--vys-navy-900);
	font-size: .9rem;
}

/* Consejos de viaje (formato editorial) */
.vys-tips__inner {
	display: grid;
	grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
	gap: 64px;
	align-items: center;
}
.vys-tips__media { position: relative; }
.vys .vys-tips__media img {
	display: block;
	width: 100%;
	aspect-ratio: 5 / 4;
	object-fit: cover;
	border: 10px solid #fff;
	border-radius: 20px;
	box-shadow: var(--vys-shadow);
	transform: rotate(-2deg);
}
.vys-tips__note {
	position: absolute;
	right: -10px;
	bottom: -18px;
	padding: .35em .9em;
	border-radius: 10px;
	background: var(--vys-navy);
	color: var(--vys-yellow);
	font-size: 1.35rem;
	box-shadow: var(--vys-shadow);
	transform: rotate(-5deg);
}
.vys .vys-tips__list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0 28px;
	margin: 0 0 1.8rem;
	padding: 0;
	list-style: none;
}
.vys-tip {
	position: relative;
	display: flex;
	gap: 14px;
	padding: 16px 0;
	border-bottom: 1px solid var(--vys-line);
}
.vys-tip__icon {
	display: grid;
	place-items: center;
	flex: none;
	width: 50px;
	height: 50px;
	border: 2px solid var(--vys-yellow);
	border-radius: 50%;
	background: #fff;
	color: var(--vys-gold-ink);
	font-size: 1.3rem;
}
.vys .vys-tip__title {
	margin: 0 0 4px;
	padding: 0;
	color: var(--vys-navy);
	font-size: .95rem;
	font-weight: 800;
	letter-spacing: 0;
	line-height: 1.3;
	text-transform: none;
}
.vys .vys-tip__title a { color: inherit; text-decoration: none; }
.vys-tip__title a::after { content: ""; position: absolute; inset: 0; }
.vys-tip:hover .vys-tip__title { color: var(--vys-navy-700); text-decoration: underline; text-decoration-color: var(--vys-yellow); text-decoration-thickness: 2px; }
.vys-tip__text {
	display: block;
	color: var(--vys-muted);
	font-size: .84rem;
	line-height: 1.45;
}

/* Planea tu viaje (buscador) */
.vys-plan {
	background:
		radial-gradient(ellipse at 100% 100%, rgba(11, 95, 115, .9), transparent 55%),
		linear-gradient(120deg, var(--vys-navy-900), var(--vys-navy-700));
	color: #fff;
}
.vys-plan__inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
	grid-template-areas: "intro board" "form board";
	gap: 28px 48px;
	align-items: start;
}
.vys-plan__inner > :first-child { grid-area: intro; }
.vys-plan__form { grid-area: form; }
.vys-plan__board { grid-area: board; align-self: center; }
/* Panel compacto (portada): sin columna de vuelo */
.vys .vys-board--compact .vys-board__cols,
.vys .vys-board--compact .vys-board__row { grid-template-columns: 64px minmax(0, 1fr) 140px; }
.vys-board--compact .vys-board__cols span:nth-child(3),
.vys-board--compact .vys-board__flight { display: none; }
.vys-plan .vys-board { border-color: rgba(255, 194, 26, .3); }
.vys-plan__note {
	margin: 0;
	color: var(--vys-yellow);
	font-size: 1.8rem;
	transform: rotate(-6deg);
	transform-origin: left;
}
.vys-plan__form {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr);
	gap: 16px;
	align-items: end;
	margin: 0;
	padding: 26px;
	border: 1px solid rgba(255, 255, 255, .25);
	border-radius: 20px;
	background: rgba(255, 255, 255, .08);
	box-shadow: 0 24px 50px -24px rgba(0, 0, 0, .6);
}
.vys-plan__form .vys-btn { grid-column: 1 / -1; }
.vys .vys-field label {
	display: block;
	margin: 0 0 6px;
	color: #fff;
	font-size: .85rem;
	font-weight: 700;
}
.vys .vys-field select,
.vys .vys-field input {
	width: 100%;
	height: 50px;
	margin: 0;
	padding: 0 14px;
	border: 0;
	border-radius: 10px;
	background-color: #fff;
	color: var(--vys-ink);
	font-size: .95rem;
}
.vys .vys-signs {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin: 0;
	padding: 0 0 0 18px;
	list-style: none;
}
.vys .vys-signs a {
	position: relative;
	display: block;
	padding: .5em 1.8em .45em 1em;
	background: linear-gradient(180deg, #8d5a2c, var(--vys-wood));
	clip-path: polygon(0 0, 88% 0, 100% 50%, 88% 100%, 0 100%);
	color: #fff6e2;
	font-family: var(--vys-display);
	font-size: 1.25rem;
	letter-spacing: .04em;
	text-decoration: none;
	text-transform: uppercase;
	transition: background .2s ease, color .2s ease;
}
.vys-signs li:nth-child(odd) a { transform: rotate(-3deg); }
.vys-signs li:nth-child(even) a { transform: rotate(2deg); }
.vys .vys-signs a:hover { background: var(--vys-yellow); color: var(--vys-navy-900); }
.vys .vys-signs--inline {
	flex-direction: row;
	flex-wrap: wrap;
	padding: 0;
}
.vys .vys-signs--inline a { font-size: 1.05rem; }

/* Lo último */
.vys-latest {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 18px;
}
.vys-mini {
	position: relative;
	padding: 20px;
	border: 1px solid var(--vys-line);
	border-radius: var(--vys-radius);
	background: #fff;
	transition: transform .25s ease, box-shadow .25s ease;
}
.vys-mini:hover { transform: translateY(-4px); box-shadow: var(--vys-shadow); }
.vys-mini__head {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 12px;
	color: var(--vys-muted);
	font-size: .8rem;
	line-height: 1.3;
}
.vys-mini__thumb {
	flex: none;
	width: 54px;
	height: 54px;
	overflow: hidden;
	border: 3px solid var(--vys-yellow);
	border-radius: 50%;
	background: var(--vys-sand);
}
.vys .vys-mini__thumb img { width: 100%; height: 100%; object-fit: cover; }
.vys-mini__cat {
	display: block;
	color: var(--vys-gold-ink);
	font-size: .74rem;
	font-weight: 800;
	letter-spacing: .1em;
	text-transform: uppercase;
}
.vys .vys-mini__title {
	margin: 0 0 8px;
	padding: 0;
	color: var(--vys-navy);
	font-size: 1rem;
	font-weight: 800;
	letter-spacing: 0;
	line-height: 1.3;
	text-transform: none;
}
.vys .vys-mini__title a { color: inherit; text-decoration: none; }
.vys-mini__title a::after { content: ""; position: absolute; inset: 0; }
.vys-mini__text {
	margin: 0;
	color: var(--vys-muted);
	font-size: .88rem;
	line-height: 1.5;
}

/* Banda final */
.vys-inspire {
	padding: 56px 0;
	background:
		radial-gradient(ellipse at 50% 120%, rgba(255, 194, 26, .18), transparent 60%),
		linear-gradient(90deg, var(--vys-ocean), var(--vys-navy) 50%, var(--vys-ocean));
	color: #fff;
}
.vys-inspire__inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr) minmax(0, 1fr);
	gap: 24px;
	align-items: center;
}
.vys-inspire__side {
	margin: 0;
	color: #fff;
	font-size: 2rem;
	line-height: 1.1;
	text-align: center;
	transform: rotate(-6deg);
}
.vys-inspire__side:last-child { transform: rotate(5deg); }
.vys-inspire__box {
	padding: 28px 32px;
	border: 1px solid rgba(255, 194, 26, .5);
	border-radius: 18px;
	background: rgba(6, 26, 48, .78);
	text-align: center;
}
.vys .vys-inspire__title {
	margin: 0 0 18px;
	padding: 0;
	color: #fff;
	font-size: 1.6rem;
	font-weight: 800;
	letter-spacing: 0;
	line-height: 1.2;
	text-transform: none;
}
.vys-inspire__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
}

/* 6. Archivos, búsqueda y 404 --------------------------------------------- */
.vys-pagehead { padding: 56px 0 64px; }
.vys .vys-pagehead__title {
	margin: 0 0 1rem;
	padding: 0;
	font-family: var(--vys-display);
	font-size: clamp(2.6rem, 6vw, 4.4rem);
	font-weight: 400;
	letter-spacing: .01em;
	line-height: .95;
	text-transform: uppercase;
}
.vys-pagehead__desc {
	max-width: 760px;
	color: var(--vys-on-dark);
	font-size: 1.05rem;
}
.vys-pagehead__desc p { margin: 0 0 .8em; }
.vys-archive__body { padding-top: 48px; padding-bottom: 80px; }
.vys-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 24px;
}
.vys-empty { max-width: 640px; }
.vys-empty .vys-signs { margin-top: 1rem; }

.vys .vys-pagination {
	margin: 48px 0 0;
	padding: 0;
	border: 0;
}
.vys .vys-pagination .nav-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	padding: 0;
}
.vys .vys-pagination .page-numbers {
	position: static;
	display: inline-grid;
	place-items: center;
	min-width: 44px;
	height: 44px;
	padding: 0 12px;
	border-radius: 999px;
	background: #fff;
	box-shadow: inset 0 0 0 1px var(--vys-line);
	color: var(--vys-navy);
	font-weight: 800;
	text-decoration: none;
}
.vys .vys-pagination .page-numbers.current,
.vys .vys-pagination a.page-numbers:hover {
	background: var(--vys-yellow);
	box-shadow: none;
	color: var(--vys-navy-900);
}


/* 6b. Categoría: viaje + sabores ------------------------------------------ */
.vys-cathero {
	position: relative;
	overflow: hidden;
	padding: 64px 0 112px;
	background: var(--vys-navy-900);
	color: #fff;
}
.vys-cathero__bg { position: absolute; inset: 0; }
.vys .vys-cathero__bg img { width: 100%; height: 100%; object-fit: cover; }
.vys-cathero__bg::after {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(90deg, rgba(6, 26, 48, .94) 0%, rgba(6, 26, 48, .74) 48%, rgba(6, 26, 48, .3) 100%),
		linear-gradient(0deg, rgba(6, 26, 48, .9) 0%, rgba(6, 26, 48, 0) 45%);
}
.vys-cathero__inner {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 40px;
	align-items: center;
}
.vys-crumbs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 22px;
	color: var(--vys-on-dark);
	font-size: .84rem;
}
.vys .vys-crumbs a { color: #fff; text-decoration: none; }
.vys .vys-crumbs a:hover { color: var(--vys-yellow); }
.vys-crumbs [aria-current] { color: var(--vys-yellow); font-weight: 700; }
.vys-cathero__eyebrow {
	margin: 0;
	color: var(--vys-yellow);
	font-size: clamp(1.4rem, 2.6vw, 1.9rem);
	transform: rotate(-3deg);
	transform-origin: left;
}
.vys .vys-cathero__title {
	margin: 0 0 18px;
	padding: 0;
	color: #fff;
	font-family: var(--vys-display);
	font-size: clamp(3.2rem, 8vw, 6.2rem);
	font-weight: 400;
	letter-spacing: .01em;
	line-height: .9;
	text-transform: uppercase;
	text-shadow: 0 4px 24px rgba(0, 0, 0, .35);
	overflow-wrap: normal;
}
.vys-cathero__desc {
	max-width: 640px;
	color: #e6edf5;
	font-size: 1.06rem;
	line-height: 1.6;
}
.vys-cathero__desc p { margin: 0; }
.vys-cathero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 26px;
}

/* Sello de pasaporte */
.vys-passport {
	display: grid;
	place-content: center;
	justify-items: center;
	gap: 4px;
	width: 220px;
	height: 220px;
	border: 3px solid var(--vys-yellow);
	border-radius: 50%;
	background: rgba(6, 26, 48, .55);
	box-shadow: inset 0 0 0 9px rgba(6, 26, 48, .55), inset 0 0 0 11px var(--vys-yellow);
	color: var(--vys-yellow);
	text-align: center;
	transform: rotate(-10deg);
	backdrop-filter: blur(3px);
}
.vys-passport__top {
	font-size: .66rem;
	font-weight: 800;
	letter-spacing: .22em;
	text-transform: uppercase;
}
.vys-passport__name {
	max-width: 168px;
	font-family: var(--vys-display);
	font-size: 2.2rem;
	line-height: 1;
	text-transform: uppercase;
	white-space: nowrap;
}
/* Nombres largos (p. ej. Norteamérica, Centroamérica): más pequeños para caber en el sello. */
.vys-passport__name--mid { font-size: 1.85rem; }
.vys-passport__name--long { font-size: 1.45rem; letter-spacing: .01em; }
.vys-passport__plane { font-size: 1.3rem; }
.vys-passport__tag { max-width: 140px; color: #fff; font-size: .92rem; line-height: 1.15; }

/* Post destacado (se monta sobre el hero) */
.vys .vys-featured {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
	gap: 36px;
	align-items: center;
	width: calc(100% - 48px);
	max-width: 1152px;
	margin: -64px auto 0;
	padding: 18px;
	border-radius: 22px;
	background: #fff;
	box-shadow: var(--vys-shadow);
}
.vys .vys-featured__media {
	position: relative;
	display: block;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	border-radius: 16px;
	background: var(--vys-sand);
}
.vys .vys-featured__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .6s ease;
}
.vys-featured__media:hover img { transform: scale(1.05); }
.vys-featured__badge {
	position: absolute;
	top: 14px;
	left: 14px;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: .45em .9em;
	border-radius: 999px;
	background: var(--vys-yellow);
	color: var(--vys-navy-900);
	font-size: .8rem;
	font-weight: 800;
}
.vys-featured__body { padding: 10px 22px 10px 0; }
.vys .vys-featured__title {
	margin: 0 0 12px;
	padding: 0;
	color: var(--vys-navy);
	font-size: clamp(1.35rem, 2.4vw, 1.75rem);
	font-weight: 800;
	letter-spacing: 0;
	line-height: 1.2;
	text-transform: none;
}
.vys .vys-featured__title a { color: inherit; text-decoration: none; }
.vys .vys-featured__title a:hover { text-decoration: underline; text-decoration-color: var(--vys-yellow); text-decoration-thickness: 3px; }
.vys-featured__excerpt { margin: 0 0 22px; color: var(--vys-muted); line-height: 1.6; }

/* Cabecera de sección con icono */
.vys-catsec { padding-top: 64px; padding-bottom: 8px; }
.vys-catsec__head,
.vys-sabores__head {
	display: flex;
	align-items: center;
	gap: 18px;
	margin-bottom: 26px;
}
.vys-catsec__head .vys-title,
.vys-sabores__head .vys-title { margin-bottom: 0; }
.vys-sabores__head .vys-lead { margin: 8px 0 0; }
.vys-catsec__icon {
	display: grid;
	place-items: center;
	flex: none;
	width: 60px;
	height: 60px;
	border: 2px solid var(--vys-yellow);
	border-radius: 50%;
	background: #fff;
	color: var(--vys-gold-ink);
	font-size: 1.6rem;
	box-shadow: 0 8px 18px -12px rgba(6, 26, 48, .5);
}
.vys-cat .vys-pagination { margin-bottom: 8px; }

/* Banda "Sabores de …": carta de restaurante + platos */
.vys-sabores {
	margin-top: 64px;
	padding: 72px 0;
	background:
		radial-gradient(rgba(131, 85, 0, .09) 1.5px, transparent 1.7px) 0 0 / 22px 22px,
		linear-gradient(180deg, #f6eedc, #efe2c6);
}
.vys-sabores__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
	gap: 40px;
	align-items: start;
}
.vys-sabores__grid--solo { grid-template-columns: minmax(0, 820px); justify-content: center; }
.vys-menu-card {
	position: relative;
	padding: 40px 42px 36px;
	border-radius: 6px;
	background: #fffdf7;
	box-shadow:
		inset 0 0 0 10px #fffdf7,
		inset 0 0 0 11px #d9c49a,
		0 22px 44px -26px rgba(6, 26, 48, .55);
	text-align: center;
}
.vys-menu-card__eyebrow {
	display: block;
	color: var(--vys-gold-ink);
	font-size: 1.35rem;
}
.vys .vys-menu-card__title {
	margin: 2px 0 6px;
	padding: 0;
	color: var(--vys-navy);
	font-family: var(--vys-display);
	font-size: clamp(1.7rem, 3vw, 2.2rem);
	font-weight: 400;
	letter-spacing: .02em;
	line-height: 1.05;
	text-transform: uppercase;
}
.vys-menu-card__title::after {
	content: "— ✦ —";
	display: block;
	margin-top: 8px;
	color: var(--vys-gold-ink);
	font-family: var(--vys-body);
	font-size: .9rem;
	letter-spacing: .3em;
}
.vys-menu-card__body {
	color: var(--vys-ink);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.04rem;
	line-height: 1.75;
	text-align: left;
}
.vys-menu-card__body p { margin: 0 0 .9em; }
.vys-menu-card__body p:last-child { margin: 0; }
.vys-menu-card__body > p:first-child::first-letter {
	float: left;
	margin: 6px 10px 0 0;
	color: var(--vys-gold-ink);
	font-family: var(--vys-display);
	font-size: 3.4rem;
	line-height: .8;
}
.vys .vys-menu-card__body h2,
.vys .vys-menu-card__body h3 {
	margin: 1.2em 0 .4em;
	padding: 0;
	color: var(--vys-navy);
	font-family: var(--vys-body);
	font-size: 1.1rem;
	font-weight: 800;
	letter-spacing: 0;
	text-transform: none;
}
.vys-dishes {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
	gap: 22px;
}
.vys-dish {
	position: relative;
	padding: 26px 20px 22px;
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 16px 34px -24px rgba(6, 26, 48, .55);
	text-align: center;
	transition: transform .25s ease;
}
.vys-dish:hover { transform: translateY(-4px); }
.vys-dish__plate {
	display: block;
	width: 160px;
	height: 160px;
	margin: 0 auto 18px;
	overflow: hidden;
	border: 10px solid #fff;
	border-radius: 50%;
	background: var(--vys-sand);
	box-shadow: 0 0 0 1px #e2d3b3, 0 0 0 7px #fbf6ea, 0 0 0 8px #e2d3b3, 0 18px 30px -14px rgba(6, 26, 48, .5);
	transition: transform .5s ease;
}
.vys .vys-dish__plate img { width: 100%; height: 100%; object-fit: cover; }
.vys-dish:hover .vys-dish__plate { transform: rotate(10deg); }
.vys .vys-dish__title {
	margin: 0 0 8px;
	padding: 0;
	color: var(--vys-navy);
	font-size: 1.02rem;
	font-weight: 800;
	letter-spacing: 0;
	line-height: 1.3;
	text-transform: none;
}
.vys .vys-dish__title a { color: inherit; text-decoration: none; }
.vys-dish__title a::after { content: ""; position: absolute; inset: 0; }
.vys-dish__text { margin: 0 0 12px; color: var(--vys-muted); font-size: .86rem; line-height: 1.5; }
.vys-dish__cta {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--vys-gold-ink);
	font-size: .84rem;
	font-weight: 800;
}

/* 6d. Búsqueda: billete, ideas y filtro por destino ----------------------- */
.vys-card__badge {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: .35em .75em;
	border-radius: 999px;
	background: var(--vys-yellow);
	color: var(--vys-navy-900);
	font-size: .74rem;
	font-weight: 800;
	box-shadow: 0 6px 14px -8px rgba(6, 26, 48, .7);
}
.vys-search__hero { padding-bottom: 64px; }
.vys-search__inner { position: relative; }
.vys .vys-search__title {
	font-size: clamp(2.4rem, 6vw, 4.6rem);
	overflow-wrap: anywhere;
}
.vys-search__title span {
	display: block;
	margin-top: .15em;
	color: var(--vys-yellow);
	font-size: .5em;
}
.vys-search__summary {
	display: flex;
	align-items: center;
	gap: 8px;
	max-width: 640px;
	margin: 0 0 26px;
	color: #e6edf5;
	font-size: 1.06rem;
}
.vys-search__summary .vys-icon { color: var(--vys-yellow); font-size: 1.2rem; }

/* Buscador tipo billete */
.vys-ticket {
	display: grid;
	grid-template-columns: auto minmax(160px, 230px) minmax(0, 1fr) auto;
	gap: 14px;
	align-items: end;
	max-width: 940px;
	margin: 0;
	padding: 16px 18px 16px 0;
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 24px 50px -24px rgba(0, 0, 0, .7);
	color: var(--vys-ink);
}
.vys-ticket__stub {
	display: grid;
	place-items: center;
	align-self: stretch;
	gap: 2px;
	padding: 0 18px;
	border-right: 2px dashed var(--vys-line);
	color: var(--vys-navy);
	font-size: 1.6rem;
}
.vys-ticket__stub small {
	color: var(--vys-gold-ink);
	font-family: var(--vys-display);
	font-size: .9rem;
	letter-spacing: .1em;
}
.vys .vys-ticket__field label {
	display: block;
	margin: 0 0 6px;
	color: var(--vys-gold-ink);
	font-size: .7rem;
	font-weight: 800;
	letter-spacing: .14em;
	text-transform: uppercase;
}
.vys .vys-ticket select,
.vys .vys-ticket input[type="search"] {
	width: 100%;
	height: 50px;
	margin: 0;
	padding: 0 14px;
	border: 1px solid var(--vys-line);
	border-radius: 10px;
	background-color: var(--vys-cream);
	color: var(--vys-ink);
	font-size: .98rem;
}
.vys .vys-ticket input[type="search"]:focus,
.vys .vys-ticket select:focus {
	border-color: var(--vys-yellow);
	outline: none;
	background-color: #fff;
	box-shadow: 0 0 0 4px rgba(255, 194, 26, .3);
}
.vys .vys-ticket .vys-btn { height: 50px; }

/* Ideas rápidas */
.vys .vys-ideas {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 18px 0 0;
	padding: 0;
	list-style: none;
}
.vys .vys-ideas a {
	display: inline-block;
	padding: .45em 1em;
	border: 1px solid rgba(255, 255, 255, .35);
	border-radius: 999px;
	background: rgba(6, 26, 48, .45);
	color: #fff;
	font-size: .86rem;
	font-weight: 700;
	text-decoration: none;
	transition: background-color .2s ease, color .2s ease;
}
.vys .vys-ideas a:hover,
.vys .vys-ideas a:focus { border-color: var(--vys-yellow); background: var(--vys-yellow); color: var(--vys-navy-900); }

/* Filtro por destino */
.vys-filter {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 16px;
	padding-top: 32px;
}
.vys-filter__label {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: var(--vys-navy);
	font-size: .92rem;
	font-weight: 800;
}
.vys-filter__label .vys-icon { color: var(--vys-gold-ink); font-size: 1.15rem; }
.vys .vys-filter ul {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.vys .vys-filter a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: .4em .5em .4em .95em;
	border: 1px solid var(--vys-line);
	border-radius: 999px;
	background: #fff;
	color: var(--vys-navy);
	font-size: .88rem;
	font-weight: 700;
	text-decoration: none;
	transition: background-color .2s ease, border-color .2s ease;
}
.vys-filter a span {
	min-width: 24px;
	padding: .1em .5em;
	border-radius: 999px;
	background: var(--vys-sand);
	font-size: .76rem;
	text-align: center;
}
.vys .vys-filter a:hover { border-color: var(--vys-yellow); }
.vys .vys-filter a.is-active { border-color: var(--vys-navy); background: var(--vys-navy); color: #fff; }
.vys-filter a.is-active span { background: var(--vys-yellow); color: var(--vys-navy-900); }
.vys-archive__body.vys-search__results { padding-top: 28px; }

/* 6e. Autor: pasaporte del viajero ---------------------------------------- */
.vys-author__hero { padding-bottom: 80px; }
.vys-author__inner {
	position: relative;
	display: grid;
	grid-template-columns: 300px minmax(0, 1fr);
	gap: 56px;
	align-items: center;
}
.vys-author__photo {
	position: relative;
	width: 300px;
	height: 300px;
	display: grid;
	place-items: center;
}
.vys-author__orbit {
	position: absolute;
	inset: -14px;
	width: calc(100% + 28px);
	height: calc(100% + 28px);
	overflow: visible;
	fill: none;
	stroke: rgba(255, 255, 255, .8);
	stroke-width: 2;
	stroke-dasharray: 6 7;
}
.vys .vys-author__avatar {
	position: relative;
	z-index: 1;
	width: 230px;
	height: 230px;
	border: 6px solid var(--vys-yellow);
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 0 0 10px rgba(6, 26, 48, .55), 0 24px 50px -20px rgba(0, 0, 0, .8);
	object-fit: cover;
}
.vys-author__plane {
	position: absolute;
	top: 22px;
	right: 4px;
	z-index: 2;
	color: #fff;
	font-size: 1.7rem;
	transform: rotate(-20deg);
}
.vys-author__badge {
	position: absolute;
	right: 40px;
	bottom: 34px;
	z-index: 2;
	display: grid;
	place-items: center;
	width: 56px;
	height: 56px;
	border: 4px solid var(--vys-navy-900);
	border-radius: 50%;
	background: var(--vys-yellow);
	color: var(--vys-navy-900);
	font-size: 1.4rem;
}
.vys .vys-author__name { font-size: clamp(2.6rem, 6vw, 4.8rem); }
.vys-author__bio p { margin: 0 0 .7em; }
.vys .vys-author__stats {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 22px 0 0;
	padding: 0;
	list-style: none;
}
.vys-author__stats li {
	padding: .5em 1em;
	border: 1px solid rgba(255, 194, 26, .45);
	border-radius: 999px;
	background: rgba(6, 26, 48, .6);
	color: var(--vys-on-dark);
	font-size: .9rem;
}
.vys-author__stats strong { color: var(--vys-yellow); font-size: 1.05rem; }

/* Redes sociales */
.vys .vys-socials {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 18px 0 0;
	padding: 0;
	list-style: none;
}
.vys .vys-socials__link {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border: 1px solid rgba(255, 255, 255, .45);
	border-radius: 50%;
	background: rgba(6, 26, 48, .5);
	color: #fff;
	font-size: 1.15rem;
	text-decoration: none;
	transition: background-color .2s ease, color .2s ease, transform .2s ease;
}
.vys .vys-socials__link:hover,
.vys .vys-socials__link:focus {
	border-color: var(--vys-yellow);
	background: var(--vys-yellow);
	color: var(--vys-navy-900);
	transform: translateY(-2px);
}

/* Sellos de pasaporte por destino */
.vys .vys-stamps {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	gap: 18px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.vys .vys-stamp {
	display: grid;
	place-content: center;
	justify-items: center;
	gap: 2px;
	aspect-ratio: 1;
	border: 3px solid var(--vys-gold-ink);
	border-radius: 50%;
	background: #fff;
	box-shadow: inset 0 0 0 6px #fff, inset 0 0 0 8px rgba(131, 85, 0, .45), 0 12px 24px -18px rgba(6, 26, 48, .6);
	color: var(--vys-gold-ink);
	text-align: center;
	text-decoration: none;
	transition: transform .25s ease, background-color .2s ease;
}
.vys-stamps li:nth-child(3n + 1) .vys-stamp { transform: rotate(-8deg); }
.vys-stamps li:nth-child(3n + 2) .vys-stamp { transform: rotate(5deg); border-color: var(--vys-navy); color: var(--vys-navy); box-shadow: inset 0 0 0 6px #fff, inset 0 0 0 8px rgba(11, 42, 74, .4), 0 12px 24px -18px rgba(6, 26, 48, .6); }
.vys-stamps li:nth-child(3n) .vys-stamp { transform: rotate(-3deg); }
.vys .vys-stamp:hover { background: #fff8e1; transform: rotate(0) scale(1.05); }
.vys-stamp__top { font-size: .56rem; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.vys-stamp__name {
	max-width: 120px;
	font-family: var(--vys-display);
	font-size: 1.3rem;
	line-height: 1;
	text-transform: uppercase;
	overflow-wrap: normal;
	word-break: keep-all;
}
.vys-stamp__name--mid { font-size: 1.1rem; }
.vys-stamp__name--long { font-size: .95rem; }
.vys-stamp__n { font-family: var(--vys-script); font-size: .9rem; }
.vys-author__posts { padding-bottom: 72px; }
.vys-author .vys-sabores { margin-top: 56px; }

/* 6f. Bloque «Planifica tu visita» (enlace de afiliado, sin marca) -------- */
.vys-aff {
	position: relative;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	gap: 22px;
	align-items: center;
	margin: 2.5em 0;
	padding: 24px 26px;
	overflow: hidden;
	border-radius: 18px;
	background:
		radial-gradient(ellipse at 100% 0%, rgba(18, 64, 107, .95), transparent 60%),
		linear-gradient(150deg, var(--vys-navy), var(--vys-navy-900));
	box-shadow: var(--vys-shadow);
	color: #fff;
}
/* Perforación de billete a la izquierda */
.vys-aff::before {
	content: "";
	position: absolute;
	top: 12px;
	bottom: 12px;
	left: 0;
	border-left: 3px dashed rgba(255, 194, 26, .55);
}
.vys-aff__icon {
	display: grid;
	place-items: center;
	width: 60px;
	height: 60px;
	border: 2px solid var(--vys-yellow);
	border-radius: 50%;
	color: var(--vys-yellow);
	font-size: 1.6rem;
}
.vys-aff__kicker {
	display: block;
	margin-bottom: 4px;
	color: var(--vys-yellow);
	font-size: .72rem;
	font-weight: 800;
	letter-spacing: .16em;
	text-transform: uppercase;
}
.vys .vys-aff__title {
	margin: 0 0 4px;
	color: #fff;
	font-family: var(--vys-display);
	font-size: clamp(1.35rem, 2.4vw, 1.75rem);
	letter-spacing: .01em;
	line-height: 1.1;
	text-transform: uppercase;
}
.vys .vys-aff__text { margin: 0; color: var(--vys-on-dark); font-size: .92rem; line-height: 1.5; }
.vys-aff__cta {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	max-width: 230px;
	text-align: center;
}
.vys .vys-aff .vys-btn { box-shadow: 0 8px 20px -10px rgba(255, 194, 26, .9); }
.vys .vys-aff .entry-content a,
.vys .entry-content .vys-aff a { box-shadow: none; }
.vys-aff__note { color: #b9c6d6; font-size: .72rem; line-height: 1.35; }
.vys-aff-wrap { margin-top: 8px; }
.vys-aff-wrap .vys-aff { margin: 40px 0 0; }

/* Versión compacta (widget de la barra lateral) */
.vys .vys-aff--compact {
	grid-template-columns: minmax(0, 1fr);
	gap: 12px;
	margin: 0;
	padding: 22px 20px 20px 24px;
	text-align: left;
}
.vys-aff--compact .vys-aff__icon { width: 48px; height: 48px; font-size: 1.3rem; }
.vys-aff--compact .vys-aff__cta { align-items: stretch; max-width: none; }
.vys #secondary .widget_vys_aff { padding: 0; border: 0; background: none; box-shadow: none; }
.vys #secondary .vys-aff a { color: var(--vys-navy-900); text-decoration: none; }

/* 6c. 404 / 410: panel de aeropuerto -------------------------------------- */
.vys-lost__hero {
	position: relative;
	overflow: hidden;
	padding: 72px 0 88px;
	background: var(--vys-navy-900);
	color: #fff;
}
.vys-lost__inner {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
	gap: 48px;
	align-items: center;
}
.vys-lost__script {
	margin: 0;
	color: var(--vys-yellow);
	font-size: clamp(1.5rem, 2.8vw, 2rem);
	transform: rotate(-3deg);
	transform-origin: left;
}
.vys .vys-lost__title {
	margin: 0 0 16px;
	padding: 0;
	color: #fff;
	font-family: var(--vys-display);
	font-size: clamp(2.8rem, 6.4vw, 5rem);
	font-weight: 400;
	letter-spacing: .01em;
	line-height: .95;
	text-transform: uppercase;
	text-shadow: 0 4px 24px rgba(0, 0, 0, .35);
}
.vys-lost__text {
	max-width: 560px;
	margin: 0 0 22px;
	color: #e6edf5;
	font-size: 1.06rem;
}
.vys-lost__search { max-width: 520px; margin-bottom: 18px; }
.vys-lost__actions { display: flex; flex-wrap: wrap; gap: 12px; }

/* Fichas tipo panel de aeropuerto (split-flap) */
.vys-flaps {
	position: relative;
	display: grid;
	justify-items: center;
	gap: 12px;
	padding: 26px 26px 30px;
	border: 1px solid rgba(255, 255, 255, .1);
	border-radius: 22px;
	background: rgba(6, 12, 22, .78);
	box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .8);
	backdrop-filter: blur(4px);
}
.vys-flaps__label {
	color: var(--vys-on-dark);
	font-family: Consolas, "Courier New", ui-monospace, monospace;
	font-size: .8rem;
	letter-spacing: .4em;
	text-transform: uppercase;
}
.vys-flaps__row { display: flex; gap: 12px; perspective: 600px; }
.vys-flap {
	position: relative;
	display: grid;
	place-items: center;
	width: clamp(78px, 9vw, 116px);
	height: clamp(104px, 12vw, 152px);
	border-radius: 12px;
	background: linear-gradient(180deg, #1d2738 0%, #18202f 49.5%, #0f1622 50.5%, #141c2a 100%);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 12px 24px -12px rgba(0, 0, 0, .9);
	color: var(--vys-yellow);
	font-family: var(--vys-display);
	font-size: clamp(4.4rem, 8vw, 6.6rem);
	line-height: 1;
}
.vys-flap::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	height: 2px;
	background: rgba(0, 0, 0, .7);
}
@media (prefers-reduced-motion: no-preference) {
	.vys-flap { animation: vys-flip .9s cubic-bezier(.3, 1.4, .5, 1) both; transform-origin: 50% 50%; }
	.vys-flap:nth-child(2) { animation-delay: .15s; }
	.vys-flap:nth-child(3) { animation-delay: .3s; }
}
@keyframes vys-flip {
	0% { transform: rotateX(-90deg); opacity: 0; }
	60% { opacity: 1; }
	100% { transform: rotateX(0); }
}
.vys-flaps__stamp {
	position: absolute;
	top: 50%;
	left: 50%;
	padding: .1em .5em;
	border: 4px solid #ff6b5a;
	border-radius: 10px;
	background: rgba(6, 12, 22, .55);
	color: #ff6b5a;
	font-family: var(--vys-display);
	font-size: clamp(2rem, 4vw, 2.8rem);
	letter-spacing: .08em;
	text-transform: uppercase;
	transform: translate(-50%, -50%) rotate(-14deg);
	box-shadow: 0 0 0 3px rgba(6, 12, 22, .55);
}

/* Panel de salidas */
.vys-board-wrap { margin-top: -44px; position: relative; z-index: 2; }
.vys-board {
	padding: 22px 24px 14px;
	border: 1px solid rgba(255, 255, 255, .08);
	border-radius: 20px;
	background: #0a1019;
	box-shadow: var(--vys-shadow);
	color: var(--vys-yellow);
	font-family: Consolas, "Courier New", ui-monospace, monospace;
}
.vys-board__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding-bottom: 14px;
	border-bottom: 2px solid rgba(255, 194, 26, .3);
}
.vys .vys-board__title {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	padding: 0;
	color: var(--vys-yellow);
	font-family: var(--vys-display);
	font-size: 1.9rem;
	font-weight: 400;
	letter-spacing: .08em;
	line-height: 1;
	text-transform: uppercase;
}
.vys-board__clock {
	padding: .2em .55em;
	border-radius: 8px;
	background: #151d2b;
	font-size: 1.3rem;
	font-weight: 700;
	letter-spacing: .1em;
}
.vys-board__cols,
.vys .vys-board__row {
	display: grid;
	grid-template-columns: 80px minmax(0, 1fr) 100px 170px;
	gap: 16px;
	align-items: center;
}
.vys-board__cols {
	padding: 12px 12px 6px;
	color: #9fb0c4;
	font-size: .72rem;
	letter-spacing: .2em;
	text-transform: uppercase;
}
.vys .vys-board__list { margin: 0; padding: 0; list-style: none; }
.vys .vys-board__list li { margin: 0; border-top: 1px solid rgba(255, 255, 255, .06); }
.vys .vys-board__row {
	padding: 12px;
	border-radius: 10px;
	color: var(--vys-yellow);
	font-size: 1rem;
	letter-spacing: .06em;
	text-decoration: none;
	text-transform: uppercase;
	transition: background-color .2s ease;
}
.vys .vys-board__row:hover,
.vys .vys-board__row:focus { background: rgba(255, 194, 26, .1); color: var(--vys-yellow); }
.vys-board__dest { display: flex; flex-direction: column; color: #fff; font-weight: 700; }
.vys-board__dest small {
	color: #9fb0c4;
	font-size: .74rem;
	font-weight: 400;
	letter-spacing: .04em;
	text-transform: none;
}
.vys-board__state { font-size: .86rem; font-weight: 700; }
.vys-board__state--embarcando,
.vys-board__state--puerta-abierta { color: #5ee08f; }
.vys-board__state--a-tiempo { color: #e6edf5; }
.vys-board__state--ultima-llamada { color: #ff8a7a; }
@media (prefers-reduced-motion: no-preference) {
	.vys-board__state--ultima-llamada { animation: vys-blink 1.6s steps(2, start) infinite; }
}
@keyframes vys-blink { to { visibility: hidden; } }
.vys-lost .vys-archive__body .vys-title { margin-bottom: 22px; }

/* 7. Post individual y páginas -------------------------------------------- */
.vys-single-cover {
	max-width: 1180px;
	margin: 32px auto 0;
	padding: 0 24px;
}
.vys .vys-single-cover img {
	display: block;
	width: 100%;
	aspect-ratio: 21 / 9;
	object-fit: cover;
	border-radius: 22px;
	box-shadow: var(--vys-shadow);
}
.vys:not(.home) .site-content > .wrap { padding-top: 48px; padding-bottom: 32px; }
.vys.single .entry-header,
.vys.page:not(.home) .entry-header { padding-bottom: 1.2em; }
.vys .entry-meta,
.vys .entry-meta a {
	color: var(--vys-gold-ink);
	font-size: .78rem;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase;
}
.vys .entry-title,
.vys .page .entry-title,
.vys .page-title {
	color: var(--vys-navy);
	font-family: var(--vys-display);
	font-size: clamp(2.2rem, 4.4vw, 3.4rem);
	font-weight: 400;
	letter-spacing: .01em;
	line-height: 1.02;
	text-transform: none;
}
.vys .entry-content {
	color: #1c2b3c;
	font-size: 1.07rem;
	line-height: 1.78;
}
/* El padre añade padding-top: 1.5em a todos los encabezados: lo anulamos
   para que el espacio venga solo del margen. */
.vys .entry-content h2,
.vys .entry-content h3,
.vys .entry-content h4,
.vys .entry-content h5,
.vys .entry-content h6 { padding-top: 0; }
.vys .entry-content h2 {
	margin: 1.3em 0 .45em;
	color: var(--vys-navy);
	font-family: var(--vys-display);
	font-size: clamp(1.7rem, 3vw, 2.2rem);
	font-weight: 400;
	letter-spacing: .01em;
	line-height: 1.05;
}
.vys .entry-content h3 {
	margin: 1.4em 0 .35em;
	color: var(--vys-navy);
	font-size: 1.2rem;
	font-weight: 800;
	letter-spacing: 0;
	line-height: 1.3;
	text-transform: none;
}
.vys .entry-content h4 {
	color: var(--vys-navy-700);
	font-size: 1.05rem;
	font-weight: 800;
	letter-spacing: 0;
	text-transform: none;
}
.vys .entry-content a {
	color: var(--vys-navy-700);
	box-shadow: inset 0 -2px 0 var(--vys-yellow);
	text-decoration: none;
	transition: box-shadow .2s ease;
}
.vys .entry-content a:hover,
.vys .entry-content a:focus {
	color: var(--vys-navy-900);
	box-shadow: inset 0 -1.1em 0 rgba(255, 194, 26, .45);
}
.vys .entry-content blockquote {
	margin: 1.8em 0;
	padding: 1em 1.4em;
	border-left: 5px solid var(--vys-yellow);
	border-radius: 0 12px 12px 0;
	background: #fff;
	color: var(--vys-navy);
	font-style: italic;
}
.vys .entry-content img { border-radius: 12px; }
.vys .entry-content table {
	border-collapse: collapse;
	background: #fff;
	font-size: .95rem;
}
.vys .entry-content th { background: var(--vys-navy); color: #fff; }
.vys .entry-content th,
.vys .entry-content td { padding: .6em .8em; border: 1px solid var(--vys-line); }
.vys .post-navigation {
	border-color: var(--vys-line);
}
.vys .post-navigation .nav-title { color: var(--vys-navy); }
.vys .post-navigation .meta-nav { color: var(--vys-gold-ink); }
.vys .entry-footer { border-color: var(--vys-line); }
.vys .entry-footer .cat-links a,
.vys .entry-footer .tags-links a { color: var(--vys-navy-700); }

/* 7c. Comentarios: postales + tarjeta de embarque ------------------------- */
.vys #comments.vys-comments { padding: 2.5em 0 1em; }
.vys .comments-title {
	margin: 0 0 20px;
	padding: 0;
	color: var(--vys-navy);
	font-family: var(--vys-display);
	font-size: clamp(1.7rem, 3vw, 2.2rem);
	font-weight: 400;
	line-height: 1.05;
	text-transform: uppercase;
}
.vys .comment-list {
	margin: 0 0 32px;
	padding: 0;
	list-style: none;
}
.vys .comment-list .children {
	margin: 14px 0 0 28px;
	padding: 0;
	list-style: none;
}
.vys .comment-list li { margin: 0 0 14px; padding: 0; border: 0; }
.vys .comment-list .comment-body {
	position: relative;
	min-height: 104px;
	margin: 0;
	padding: 20px 22px 18px 104px;
	border: 1px solid var(--vys-line);
	border-left: 5px solid var(--vys-yellow);
	border-radius: 16px;
	background: #fff;
	box-shadow: 0 10px 26px -22px rgba(6, 26, 48, .6);
}
.vys .comment-list .comment-author .avatar {
	position: absolute;
	top: 20px;
	left: 22px;
	width: 64px;
	height: 64px;
	border: 3px solid var(--vys-yellow);
	border-radius: 50%;
}
.vys .comment-author .fn { color: var(--vys-navy); font-size: 1rem; font-style: normal; font-weight: 800; }
.vys .comment-author .says { display: none; }
.vys .comment-metadata { margin: 2px 0 8px; font-size: .78rem; }
.vys .comment-metadata a { color: var(--vys-gold-ink); font-weight: 700; text-decoration: none; }
.vys .comment-content { color: var(--vys-ink); font-size: .98rem; }
.vys .comment-content p { margin: 0 0 .7em; }
.vys .comment-list .reply { margin-top: 6px; }
.vys .comment-list .reply a {
	display: inline-block;
	padding: .35em .9em;
	border-radius: 999px;
	background: var(--vys-sand);
	color: var(--vys-navy);
	font-size: .8rem;
	font-weight: 800;
	text-decoration: none;
}
.vys .comment-list .reply a:hover { background: var(--vys-yellow); }

/* Formulario: tarjeta de embarque */
.vys .vys-boarding {
	position: relative;
	overflow: hidden;
	margin: 8px 0 0;
	padding: 0;
	border-radius: 20px;
	background: #fff;
	box-shadow: var(--vys-shadow);
}
.vys-boarding__head {
	position: relative;
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 24px 28px 26px;
	background:
		radial-gradient(ellipse at 100% 0%, rgba(18, 64, 107, .95), transparent 60%),
		linear-gradient(160deg, var(--vys-navy), var(--vys-navy-900));
	color: #fff;
}
.vys-boarding__plane {
	display: grid;
	place-items: center;
	flex: none;
	width: 52px;
	height: 52px;
	border: 2px solid var(--vys-yellow);
	border-radius: 50%;
	color: var(--vys-yellow);
	font-size: 1.45rem;
}
.vys-boarding__titles { min-width: 0; }
.vys-boarding__kicker {
	display: block;
	margin-bottom: 4px;
	color: var(--vys-yellow);
	font-size: .72rem;
	font-weight: 800;
	letter-spacing: .16em;
	text-transform: uppercase;
}
.vys .vys-boarding .comment-reply-title {
	margin: 0;
	padding: 0;
	color: #fff;
	font-family: var(--vys-display);
	font-size: clamp(1.5rem, 2.8vw, 2rem);
	font-weight: 400;
	letter-spacing: .01em;
	line-height: 1.05;
	text-transform: uppercase;
}
.vys .vys-boarding .comment-reply-title small { display: block; margin-top: 6px; font-family: var(--vys-body); font-size: .8rem; text-transform: none; }
.vys .vys-boarding .comment-reply-title small a { color: var(--vys-yellow); font-weight: 700; }
.vys-boarding__stamp {
	display: grid;
	place-content: center;
	flex: none;
	width: 84px;
	height: 84px;
	margin-left: auto;
	border: 2px dashed rgba(255, 194, 26, .8);
	border-radius: 50%;
	color: var(--vys-yellow);
	font-family: var(--vys-display);
	font-size: 1.6rem;
	line-height: .9;
	text-align: center;
	transform: rotate(-12deg);
}
.vys-boarding__stamp small {
	font-family: var(--vys-script);
	font-size: .78rem;
	letter-spacing: 0;
}

/* Cuerpo del billete: perforación con muescas */
.vys .vys-boarding .comment-form {
	position: relative;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px 20px;
	margin: 0;
	padding: 28px 28px 26px;
	border-top: 2px dashed var(--vys-line);
}
.vys .vys-boarding .comment-form::before,
.vys .vys-boarding .comment-form::after {
	content: "";
	position: absolute;
	top: -15px;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: var(--vys-cream);
}
.vys .vys-boarding .comment-form::before { left: -15px; }
.vys .vys-boarding .comment-form::after { right: -15px; }
.vys .vys-boarding .comment-form > p { margin: 0; }
.vys .vys-boarding .comment-notes,
.vys .vys-boarding .logged-in-as,
.vys .vys-boarding .comment-form-comment,
.vys .vys-boarding .comment-form-url,
.vys .vys-boarding .comment-form-cookies-consent,
.vys .vys-boarding .form-submit { grid-column: 1 / -1; }
.vys .vys-boarding .comment-notes,
.vys .vys-boarding .logged-in-as { color: var(--vys-muted); font-size: .92rem; }
.vys .vys-boarding .logged-in-as a { color: var(--vys-navy-700); }
.vys .vys-boarding label {
	display: block;
	margin: 0 0 6px;
	color: var(--vys-gold-ink);
	font-size: .74rem;
	font-weight: 800;
	letter-spacing: .14em;
	text-transform: uppercase;
}
.vys .vys-boarding .required { color: #b3261e; }
.vys .vys-boarding .vys-optional { color: var(--vys-muted); font-weight: 600; letter-spacing: .04em; text-transform: none; }
.vys .vys-boarding input[type="text"],
.vys .vys-boarding input[type="email"],
.vys .vys-boarding input[type="url"],
.vys .vys-boarding textarea {
	width: 100%;
	margin: 0;
	padding: 13px 16px;
	border: 1px solid var(--vys-line);
	border-radius: 12px;
	background: var(--vys-cream);
	color: var(--vys-ink);
	font-size: 1rem;
	transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}
.vys .vys-boarding textarea { min-height: 150px; resize: vertical; }
.vys .vys-boarding input::placeholder,
.vys .vys-boarding textarea::placeholder { color: var(--vys-muted); opacity: 1; }
.vys .vys-boarding input:focus,
.vys .vys-boarding textarea:focus {
	border-color: var(--vys-yellow);
	outline: none;
	background: #fff;
	box-shadow: 0 0 0 4px rgba(255, 194, 26, .3);
}
.vys .vys-boarding .comment-form-cookies-consent {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}
.vys .vys-boarding .comment-form-cookies-consent input { width: 18px; height: 18px; margin: 2px 0 0; flex: none; accent-color: var(--vys-navy); }
.vys .vys-boarding .comment-form-cookies-consent label {
	margin: 0;
	color: var(--vys-muted);
	font-size: .88rem;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
}
.vys .vys-boarding .form-submit {
	display: flex;
	justify-content: flex-end;
	padding-top: 16px;
	border-top: 1px solid var(--vys-line);
}
.vys .vys-boarding .form-submit .vys-btn { font-size: 1rem; }

/* 7c-bis. Página de contacto (reutiliza la tarjeta de embarque) ---------- */
.vys-contact__hero { padding: 64px 0 72px; }
.vys-contact__heroinner { position: relative; }
.vys-contact__body {
	display: grid;
	grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
	gap: 40px;
	align-items: start;
	padding-top: 48px;
	padding-bottom: 64px;
}
.vys .vys-contact__form { margin: 0; }
.vys .vys-boarding .vys-contact__full { grid-column: 1 / -1; }
.vys .vys-boarding select {
	width: 100%;
	height: 50px;
	margin: 0;
	padding: 0 16px;
	border: 1px solid var(--vys-line);
	border-radius: 12px;
	background: var(--vys-cream);
	color: var(--vys-ink);
	font-size: 1rem;
}
.vys .vys-boarding select:focus {
	border-color: var(--vys-yellow);
	outline: none;
	box-shadow: 0 0 0 4px rgba(255, 194, 26, .3);
}
.vys .vys-boarding .vys-contact__notice {
	grid-column: 1 / -1;
	margin: 0;
	padding: 14px 18px;
	border-radius: 12px;
	font-weight: 700;
}
.vys-contact__notice--ok { border: 1px solid #9fd3b0; background: #e8f6ed; color: #14532d; }
.vys-contact__notice--error { border: 1px solid #f0b4ae; background: #fdecea; color: #8a1c13; }
.vys .vys-boarding .vys-contact__hp {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
.vys-contact__aside {
	position: sticky;
	top: 24px;
	padding: 28px;
	border: 1px solid var(--vys-line);
	border-radius: 20px;
	background: var(--vys-sand);
}
.vys-contact__intro > :first-child { margin-top: 0; }
.vys-contact__facts { margin: 0 0 20px; padding: 0; list-style: none; }
.vys-contact__facts li {
	display: flex;
	gap: 12px;
	align-items: flex-start;
	padding: 12px 0;
	border-bottom: 1px dashed var(--vys-line);
	color: var(--vys-muted);
}
.vys-contact__facts li:first-child { padding-top: 0; }
.vys-contact__facts strong { color: var(--vys-navy); }
.vys-contact__facts svg { flex: none; width: 20px; height: 20px; margin-top: 2px; color: var(--vys-gold-ink); }
@media (max-width: 900px) {
	.vys-contact__body { grid-template-columns: minmax(0, 1fr); gap: 28px; padding-top: 32px; }
	.vys-contact__aside { position: static; padding: 22px; }
}

/* 7d. Navegación entre posts: "parada anterior / próxima parada" ---------- */
.vys-postnav { margin: 3em 0 1em; }
.vys-postnav__head {
	margin: 0 0 10px;
	color: var(--vys-gold-ink);
	font-size: 1.6rem;
	line-height: 1.2;
}
.vys-postnav__head .vys-script { display: inline-block; transform: rotate(-3deg); }
.vys-postnav__grid {
	position: relative;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 28px;
}
.vys-postnav--single .vys-postnav__grid { grid-template-columns: minmax(0, 1fr); }
/* Ruta punteada con avión entre las dos paradas */
.vys-postnav__route {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: grid;
	place-items: center;
	width: 46px;
	height: 46px;
	border: 3px solid var(--vys-cream);
	border-radius: 50%;
	background: var(--vys-yellow);
	color: var(--vys-navy-900);
	font-size: 1.2rem;
	box-shadow: 0 8px 18px -8px rgba(6, 26, 48, .6);
	transform: translate(-50%, -50%);
}
.vys-postnav__route .vys-icon { transform: rotate(45deg); }
.vys .vys-stop {
	position: relative;
	display: flex;
	align-items: flex-end;
	min-height: 200px;
	overflow: hidden;
	border-radius: 18px;
	background: var(--vys-navy);
	box-shadow: var(--vys-shadow);
	color: #fff;
	text-decoration: none;
	transition: transform .25s ease, box-shadow .25s ease;
}
.vys .vys-stop:hover,
.vys .vys-stop:focus {
	color: #fff;
	transform: translateY(-4px);
	box-shadow: 0 22px 40px -18px rgba(6, 26, 48, .7);
}
.vys .vys-stop__img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .6s ease;
}
.vys-stop:hover .vys-stop__img { transform: scale(1.07); }
.vys-stop::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(0deg, rgba(6, 26, 48, .95) 0%, rgba(6, 26, 48, .6) 55%, rgba(6, 26, 48, .15) 100%);
}
.vys-stop__body {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	gap: 6px;
	width: 100%;
	padding: 20px 22px;
}
.vys-stop--next .vys-stop__body { align-items: flex-end; text-align: right; }
.vys-stop__kicker {
	color: var(--vys-yellow);
	font-size: .74rem;
	font-weight: 800;
	letter-spacing: .14em;
	text-transform: uppercase;
}
.vys-stop__arrow { display: inline-block; font-size: 1rem; transition: transform .2s ease; }
.vys-stop--prev:hover .vys-stop__arrow { transform: translateX(-4px); }
.vys-stop--next:hover .vys-stop__arrow { transform: translateX(4px); }
.vys-stop__title {
	display: -webkit-box;
	overflow: hidden;
	color: #fff;
	font-size: 1.08rem;
	font-weight: 800;
	line-height: 1.3;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.vys-stop__meta {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	color: var(--vys-on-dark);
	font-size: .82rem;
}
.vys-stop__meta .vys-icon { color: var(--vys-yellow); }

/* 7b. Barra lateral de los posts (widgets clásicos en sidebar-1) ---------- */
.vys.single.has-sidebar .site-content > .wrap {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 320px;
	gap: 56px;
	align-items: start;
	max-width: 1180px;
	padding-right: 24px;
	padding-left: 24px;
}
.vys.single.has-sidebar .site-content > .wrap::after { display: none; }
.vys.single.has-sidebar #primary,
.vys.single.has-sidebar #secondary {
	float: none;
	width: auto;
	max-width: none;
	margin: 0;
}
/* La columna se estira a la altura del artículo para que el último widget
   ("Lo último") quede fijo al hacer scroll. */
.vys.single.has-sidebar #secondary { align-self: stretch; }
.vys.single.has-sidebar #secondary .widget:last-child {
	position: sticky;
	top: 24px;
}
.admin-bar.vys.single.has-sidebar #secondary .widget:last-child { top: 56px; }
.vys #secondary {
	padding: 0;
	font-size: .95rem;
	line-height: 1.55;
}
.vys #secondary .widget {
	margin: 0 0 22px;
	padding: 22px;
	border: 1px solid var(--vys-line);
	border-radius: var(--vys-radius);
	background: #fff;
	box-shadow: 0 10px 26px -20px rgba(6, 26, 48, .5);
}
.vys #secondary .widget-title {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 14px;
	padding: 0;
	color: var(--vys-navy);
	font-family: var(--vys-display);
	font-size: 1.45rem;
	font-weight: 400;
	letter-spacing: .02em;
	line-height: 1.05;
	text-transform: uppercase;
}
.vys #secondary .widget-title::after {
	content: "";
	flex: 1;
	height: 3px;
	border-radius: 3px;
	background: var(--vys-yellow);
	opacity: .8;
}
.vys #secondary ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.vys #secondary .widget ul li {
	padding: 0;
	border: 0;
}
.vys #secondary a {
	color: var(--vys-navy);
	text-decoration: none;
	box-shadow: none;
}
.vys #secondary a:hover { color: var(--vys-navy-700); text-decoration: underline; text-decoration-color: var(--vys-yellow); text-decoration-thickness: 2px; }

/* Buscar */
.vys #secondary .search-form { position: relative; margin: 0; }
.vys #secondary .search-form label { margin: 0; }
.vys #secondary .search-field {
	height: 48px;
	padding: 0 56px 0 16px;
	border: 1px solid var(--vys-line);
	border-radius: 999px;
	background: var(--vys-cream);
	color: var(--vys-ink);
}
.vys #secondary .search-submit {
	position: absolute;
	top: 5px;
	right: 5px;
	bottom: auto;
	display: grid;
	place-items: center;
	width: 38px;
	height: 38px;
	padding: 0;
	border-radius: 50%;
	background: var(--vys-yellow);
	color: var(--vys-navy-900);
}
.vys #secondary .search-submit .icon { width: 16px; height: 16px; fill: currentColor; }

/* Texto ("Sobre Viajes y Sabores"): tarjeta navy */
.vys #secondary .widget_text {
	border-color: transparent;
	background:
		radial-gradient(ellipse at 100% 0%, rgba(18, 64, 107, .95), transparent 60%),
		linear-gradient(160deg, var(--vys-navy), var(--vys-navy-900));
	color: var(--vys-on-dark);
}
.vys #secondary .widget_text .widget-title { color: #fff; }
.vys #secondary .widget_text p { margin: 0 0 .8em; }
.vys #secondary .widget_text p:last-child { margin: 0; }
.vys #secondary .widget_text a { color: var(--vys-yellow); font-weight: 800; }

/* Categorías (destinos): pastillas */
.vys #secondary .widget_categories ul {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.vys #secondary .widget_categories a {
	display: inline-block;
	padding: .4em .9em;
	border-radius: 999px;
	background: var(--vys-sand);
	color: var(--vys-navy);
	font-size: .86rem;
	font-weight: 700;
	transition: background-color .2s ease;
}
.vys #secondary .widget_categories a:hover,
.vys #secondary .widget_categories .current-cat a { background: var(--vys-yellow); text-decoration: none; }

/* Posts con imagen (widget propio) */
.vys .vys-wposts { display: grid; gap: 14px; }
.vys #secondary .vys-wposts__item {
	position: relative;
	display: flex;
	align-items: center;
	gap: 12px;
}
.vys-wposts__thumb {
	flex: none;
	width: 64px;
	height: 64px;
	overflow: hidden;
	border-radius: 12px;
	background: var(--vys-sand);
}
.vys .vys-wposts__thumb img { width: 100%; height: 100%; object-fit: cover; }
.vys-wposts__body { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.vys #secondary .vys-wposts__title {
	display: -webkit-box;
	overflow: hidden;
	font-size: .9rem;
	font-weight: 800;
	line-height: 1.3;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.vys-wposts__title::after { content: ""; position: absolute; inset: 0; }
.vys-wposts__body time { color: var(--vys-muted); font-size: .78rem; }

/* 8. Pie ------------------------------------------------------------------ */
.vys-footer {
	padding: 64px 0 0;
	background: var(--vys-navy-900);
	color: var(--vys-on-dark);
	font-size: .92rem;
}
.vys-footer__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, .9fr) minmax(0, 1.2fr);
	gap: 40px;
	padding-bottom: 44px;
}
.vys-footer__tag {
	margin: 14px 0 6px;
	color: var(--vys-yellow);
	font-family: var(--vys-script);
	font-size: 1.15rem;
}
.vys-footer__about {
	margin: 0 0 14px;
	color: var(--vys-on-dark);
	line-height: 1.55;
}
.vys .vys-footer__title {
	margin: 0 0 16px;
	padding: 0;
	color: var(--vys-yellow);
	font-size: 1rem;
	font-weight: 800;
	letter-spacing: 0;
	text-transform: none;
}
.vys .vys-footer__list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.vys .vys-footer__list--2 {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0 16px;
}
.vys-footer__list li { margin: 0 0 8px; }
.vys .vys-footer__list a {
	color: var(--vys-on-dark);
	text-decoration: none;
	transition: color .2s ease;
}
.vys .vys-footer__list a:hover { color: var(--vys-yellow); }
.vys .vys-footer .vys-searchform input[type="search"] {
	border-color: rgba(255, 255, 255, .35);
	background: transparent;
	color: #fff;
}
.vys .vys-footer .vys-searchform input::placeholder { color: #b9c6d6; }
.vys-footer__bottom {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding-top: 20px;
	padding-bottom: 24px;
	border-top: 1px solid rgba(255, 255, 255, .12);
	color: #aebbcc;
	font-size: .82rem;
}
.vys-footer__bottom p { margin: 0; }
.vys .vys-footer__legal ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	list-style: none;
}
.vys-footer__legal li + li::before {
	content: "·";
	margin: 0 .7em;
	color: var(--vys-yellow);
}
.vys .vys-footer__legal a {
	color: #aebbcc;
	text-decoration: none;
	transition: color .2s ease;
}
.vys .vys-footer__legal a:hover { color: var(--vys-yellow); }
.vys-footer__plane {
	display: flex;
	align-items: center;
	gap: 8px;
	color: var(--vys-yellow);
	font-size: 1.4rem;
}
.vys-footer__plane::before {
	content: "";
	width: 120px;
	border-top: 2px dashed rgba(255, 194, 26, .6);
}

/* 9. Animación al scroll (solo CSS, sin JS ni CLS) ------------------------ */
@supports (animation-timeline: view()) {
	@media (prefers-reduced-motion: no-preference) {
		.vys-reveal,
		.vys-card,
		.vys-dest,
		.vys-mini,
		.vys-tip {
			animation: vys-rise linear both;
			animation-timeline: view();
			animation-range: entry 0% cover 20%;
		}
	}
}
@keyframes vys-rise {
	from { opacity: 0; translate: 0 26px; }
	to { opacity: 1; translate: 0 0; }
}

/* 10. Responsive ---------------------------------------------------------- */
@media (max-width: 1099px) {
	.vys-header__inner { position: relative; }
	.vys-nav { order: 3; margin-left: 0; }
	.vys-header__tools { margin-left: auto; }
	.vys .vys-nav__toggle {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		padding: .6em 1em;
		border: 1px solid rgba(255, 255, 255, .55);
		border-radius: 999px;
		background: transparent;
		color: #fff;
		font-size: .88rem;
		font-weight: 700;
		line-height: 1;
	}
	.vys .vys-nav__toggle:hover,
	.vys-nav.is-open .vys-nav__toggle {
		border-color: var(--vys-yellow);
		background: var(--vys-yellow);
		color: var(--vys-navy-900);
	}
	.vys .vys-menu {
		position: absolute;
		top: calc(100% - 6px);
		right: 24px;
		left: 24px;
		display: none;
		flex-direction: column;
		align-items: stretch;
		gap: 0;
		padding: 8px;
		border: 1px solid rgba(255, 194, 26, .35);
		border-radius: var(--vys-radius);
		background: var(--vys-navy-900);
		box-shadow: var(--vys-shadow);
	}
	.vys-nav.is-open .vys-menu { display: flex; }
	.vys .vys-menu a { padding: .8em 1em; border-radius: 10px; }
	.vys .vys-menu a::after { display: none; }
	.vys .vys-menu a:hover,
	.vys .vys-menu .current-menu-item > a { background: rgba(255, 255, 255, .08); color: var(--vys-yellow); }
}

@media (max-width: 1000px) {
	.vys-split,
	.vys-tips__inner,
	.vys-plan__inner { grid-template-columns: 1fr; grid-template-areas: "intro" "form" "board"; gap: 32px; }
	.vys-split__intro { max-width: 640px; }
	/* Tarjetas: carrusel horizontal con snap (sin desbordar la página). */
	.vys-cards {
		grid-template-columns: none;
		grid-auto-columns: minmax(230px, 40%);
		grid-auto-flow: column;
		margin: 0 -24px;
		padding: 6px 24px 18px;
		overflow-x: auto;
		scroll-padding: 0 24px;
		scroll-snap-type: x mandatory;
		overscroll-behavior-x: contain;
	}
	.vys-card { scroll-snap-align: start; }
	.vys .vys-signs { flex-direction: row; flex-wrap: wrap; padding: 0; }
	.vys-latest { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.vys-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
	.vys.single.has-sidebar .site-content > .wrap { grid-template-columns: 1fr; gap: 24px; }
	.vys-cathero__inner,
	.vys .vys-featured,
	.vys-sabores__grid { grid-template-columns: minmax(0, 1fr); }
	.vys-passport { display: none; }
	.vys-lost__inner { grid-template-columns: minmax(0, 1fr); gap: 32px; }
	.vys-aff { grid-template-columns: auto minmax(0, 1fr); }
	.vys-aff__cta { grid-column: 1 / -1; align-items: stretch; max-width: none; }
	.vys-author__inner { grid-template-columns: minmax(0, 1fr); gap: 28px; justify-items: center; text-align: center; }
	.vys-author__copy .vys-crumbs,
	.vys .vys-author__stats,
	.vys .vys-socials { justify-content: center; }
	.vys-author__copy .vys-cathero__eyebrow { transform-origin: center; }
	.vys-author__bio { margin: 0 auto; }
	.vys-ticket { grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); padding: 16px; }
	.vys-ticket__stub { display: none; }
	.vys .vys-ticket .vys-btn { grid-column: 1 / -1; }
	.vys-flaps { justify-self: start; }
	.vys-board__cols,
	.vys .vys-board__row { grid-template-columns: 64px minmax(0, 1fr) 120px; }
	.vys-board__cols span:nth-child(3),
	.vys-board__flight { display: none; }
	.vys-featured__body { padding: 4px 8px 10px; }
	.vys.single.has-sidebar #secondary .widget:last-child { position: static; }
	.vys-hero { padding-top: 120px; }
	.vys-hero__inner { grid-template-columns: 1fr; min-height: 0; }
	.vys .vys-polaroids { display: none; }
	.vys .vys-perks { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 0; }
	.vys-perks li:nth-child(3) { border-left: 0; }
	.vys-inspire__inner { grid-template-columns: 1fr; }
	.vys-inspire__side { display: none; }
	.vys-tips__media { max-width: 520px; }
}

@media (max-width: 700px) {
	.vys-dests__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
	.vys-dest__go { display: none; }
	.vys-plan__form { grid-template-columns: 1fr; padding: 20px; }
	.vys .vys-tips__list { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
	.vys-wrap,
	.vys-single-cover { padding: 0 16px; }
	.vys-wrap.vys-archive__body { padding-top: 36px; padding-bottom: 56px; }
	.vys-header__inner { gap: 10px; min-height: 68px; }
	.vys .vys-logo { --logo: 40px; gap: 8px; }
	.vys .vys-logo--footer { --logo: 52px; }
	.vys .vys-header__cta { display: none; }
	.vys .vys-menu { right: 16px; left: 16px; }
	.vys-hero { padding: 104px 0 28px; }
	.vys-hero__actions .vys-btn { flex: 1 1 100%; }
	.vys .vys-perks { padding: 16px 4px; }
	.vys-perks li {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
		padding: 4px 12px;
		font-size: .8rem;
	}
	.vys-perks__icon { width: 44px; height: 44px; font-size: 1.2rem; }
	.vys-cards {
		grid-auto-columns: 76%;
		margin: 0 -16px;
		padding: 6px 16px 18px;
		scroll-padding: 0 16px;
	}
	.vys-dest__body { padding: 10px; }
	.vys .vys-dest__name { font-size: .88rem; }
	.vys-latest,
	.vys-footer__grid { grid-template-columns: 1fr; }
	.vys-footer__grid { gap: 32px; }
	.vys-footer__bottom { flex-direction: column; align-items: flex-start; }
	.vys-footer__plane::before { width: 70px; }
	.vys .vys-single-cover img { aspect-ratio: 16 / 10; border-radius: 16px; }
	.vys:not(.home) .site-content > .wrap { padding-top: 32px; }
	.vys.single.has-sidebar .site-content > .wrap { padding-right: 16px; padding-left: 16px; }
	.vys #secondary .widget { padding: 18px; }
	.vys-boarding__head { padding: 20px 18px 22px; }
	.vys-boarding__stamp { display: none; }
	.vys-postnav__grid { grid-template-columns: minmax(0, 1fr); gap: 14px; }
	/* Rejillas de archivo: 2 columnas compactas en móvil */
	.vys-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
	.vys-grid .vys-card__body { padding: 10px 10px 12px; }
	.vys .vys-grid .vys-card__title { font-size: .86rem; -webkit-line-clamp: 4; }
	.vys .vys-grid .vys-card__title:not(:has(+ .vys-card__meta)) { margin-bottom: 10px; }
	.vys-grid .vys-card__meta { margin-bottom: 10px; font-size: .74rem; }
	.vys-grid .vys-card__cta { padding: .5em .6em; font-size: .76rem; }
	.vys-cathero { padding: 40px 0 88px; }
	.vys-lost__hero { padding: 44px 0 76px; }
	.vys-author__photo { width: 230px; height: 230px; }
	.vys .vys-author__avatar { width: 176px; height: 176px; }
	.vys-author__badge { right: 26px; bottom: 22px; width: 46px; height: 46px; font-size: 1.15rem; }
	.vys .vys-stamps { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
	.vys-ticket { grid-template-columns: minmax(0, 1fr); }
	.vys-search__hero { padding-bottom: 44px; }
	.vys-filter { padding-top: 24px; }
	.vys-lost__actions .vys-btn { flex: 1 1 100%; }
	.vys-flaps { justify-self: stretch; padding: 18px; }
	.vys-board { padding: 16px 12px 8px; }
	.vys-board__cols,
	.vys .vys-board__row { grid-template-columns: 48px minmax(0, 1fr) 96px; gap: 10px; padding-right: 6px; padding-left: 6px; }
	.vys .vys-board__row { font-size: .88rem; }
	.vys .vys-board--compact .vys-board__cols,
	.vys .vys-board--compact .vys-board__row { grid-template-columns: 48px minmax(0, 1fr) 96px; }
	.vys-board__state { font-size: .74rem; }
	.vys .vys-board__title { font-size: 1.5rem; }
	.vys-cathero__actions .vys-btn { flex: 1 1 100%; }
	.vys .vys-featured { width: calc(100% - 32px); margin-top: -56px; padding: 12px; gap: 16px; }
	.vys-catsec { padding-top: 48px; }
	.vys-catsec__icon { width: 48px; height: 48px; font-size: 1.25rem; }
	.vys-sabores { margin-top: 48px; padding: 52px 0; }
	.vys-menu-card { padding: 30px 22px 26px; }
	.vys-postnav__route { display: none; }
	.vys .vys-stop { min-height: 170px; }
	.vys .vys-boarding .comment-form { grid-template-columns: 1fr; padding: 24px 18px 20px; }
	.vys .vys-boarding .form-submit .vys-btn { width: 100%; }
	.vys .comment-list .comment-body { padding: 84px 16px 16px; }
	.vys .comment-list .comment-author .avatar { top: 16px; left: 16px; width: 54px; height: 54px; }
	.vys .comment-list .children { margin-left: 12px; }
	.vys .entry-content { font-size: 1.02rem; }
}

@media screen and (max-width: 782px) {
	.admin-bar.home .vys-header { top: 46px; }
}