/* =========================================================================
   Variedades de Colombia — main.css (diseño de Viajes y Sabores) (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 de Variedades (imagen con texto oscuro): placa clara para leerse sobre navy */
.vys .vys-logo {
	--logo: 44px;
	padding: 7px 14px;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 6px 18px -8px rgba(6, 26, 48, .55);
	text-decoration: none;
	transition: transform .3s ease;
}
.vys .vys-logo:hover { transform: translateY(-1px) rotate(-1deg); }
.vys-logo--footer { --logo: 52px; }
.vys .vys-logo__img {
	display: block;
	width: auto;
	max-width: none;
	height: var(--logo);
}
.vys-logo__a {
	color: var(--vys-navy);
	font-family: var(--vys-display);
	font-size: calc(var(--logo) * .55);
	letter-spacing: .04em;
	line-height: 1;
	text-transform: uppercase;
}
.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;
}
/* Tablas anchas (comparativas): la columna no crece, la tabla se desplaza en horizontal. */
.vys #primary,
.vys .site-main,
.vys .entry-content { min-width: 0; }
@media (max-width: 700px) {
	.vys .entry-content table {
		display: block;
		max-width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
}
.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: 34px; padding: 5px 10px; }
	.vys .vys-logo--footer { --logo: 44px; }
	.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; }
}

/* =========================================================================
   11. Identidad colombiana (skill Especialidad)
   Trenza del sombrero vueltiao como listón, tricolor en kickers, botones y
   menú, palmas de cera del Cocora en cabeceras de herramientas, la chiva en
   404/410 y el grano de café en las tablas. Todo SVG en data-URI, sin JS.
   ========================================================================= */
:root {
	--vdc-yellow: #ffc21a;
	--vdc-blue: #1d4e9e;
	--vdc-red: #c8102e;
	--vdc-red-ink: #a50d26;   /* rojo accesible sobre crema */
	--vdc-green: #1d6b4a;
	--vdc-tricolor: linear-gradient(90deg, var(--vdc-yellow) 0 50%, var(--vdc-blue) 50% 75%, var(--vdc-red) 75% 100%);
	--vdc-vueltiao: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 12'%3E%3Crect width='20' height='12' fill='%2310233a'/%3E%3Crect width='20' height='1.6' fill='%23f3ead7'/%3E%3Crect y='10.4' width='20' height='1.6' fill='%23f3ead7'/%3E%3Cpolyline points='0,9 5,3.2 10,9 15,3.2 20,9' fill='none' stroke='%23f3ead7' stroke-width='1.8' stroke-linejoin='miter'/%3E%3Ccircle cx='5' cy='7.4' r='.9' fill='%23ffc21a'/%3E%3Ccircle cx='15' cy='7.4' r='.9' fill='%23ffc21a'/%3E%3C/svg%3E");
	--vdc-palmas: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 200'%3E%3Ccircle cx='196' cy='62' r='24' fill='%23ffc21a'/%3E%3Cpath d='M0 200V128l48-38 44 34 50-58 48 46 42-30 28 22v96z' fill='%2312406b'/%3E%3Cpath d='M0 200v-46l62-26 58 24 62-30 78 20v58z' fill='%231d6b4a'/%3E%3Cpath d='M0 200v-22l70-14 70 12 70-10 50 8v26z' fill='%230f4d35'/%3E%3Cg fill='none' stroke-linecap='round'%3E%3Cpath d='M76 200l4-132' stroke='%23efe6d2' stroke-width='3.2'/%3E%3Cpath d='M126 200l2-100' stroke='%23efe6d2' stroke-width='2.6'/%3E%3Cpath d='M34 200l3-82' stroke='%23efe6d2' stroke-width='2.4'/%3E%3Cg stroke='%233aa36b' stroke-width='3'%3E%3Cpath d='M80 68q-22-8-38 6'/%3E%3Cpath d='M80 68q-14-18-32-16'/%3E%3Cpath d='M80 68q4-22-8-32'/%3E%3Cpath d='M80 68q18-16 34-10'/%3E%3Cpath d='M80 68q22 0 32 16'/%3E%3C/g%3E%3Cg stroke='%233aa36b' stroke-width='2.6'%3E%3Cpath d='M128 100q-18-6-30 5'/%3E%3Cpath d='M128 100q-10-15-26-13'/%3E%3Cpath d='M128 100q4-18-6-26'/%3E%3Cpath d='M128 100q15-13 28-8'/%3E%3Cpath d='M128 100q18 0 26 13'/%3E%3C/g%3E%3Cg stroke='%233aa36b' stroke-width='2.4'%3E%3Cpath d='M37 118q-15-5-26 4'/%3E%3Cpath d='M37 118q-8-13-22-11'/%3E%3Cpath d='M37 118q3-15-5-22'/%3E%3Cpath d='M37 118q13-11 24-7'/%3E%3Cpath d='M37 118q15 0 22 11'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	--vdc-chiva: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 200'%3E%3Cellipse cx='160' cy='190' rx='140' ry='7' fill='%23061a30' opacity='.35'/%3E%3Crect x='40' y='34' width='44' height='18' rx='3' fill='%237a4a22'/%3E%3Crect x='92' y='38' width='26' height='14' rx='3' fill='%230b5f73'/%3E%3Crect x='212' y='30' width='54' height='22' rx='8' fill='%23e8dcc4'/%3E%3Cpath d='M120 30h80' stroke='%23c8102e' stroke-width='4'/%3E%3Crect x='120' y='4' width='80' height='26' rx='4' fill='%23061a30' stroke='%23ffc21a' stroke-width='2'/%3E%3Crect x='14' y='50' width='282' height='12' rx='4' fill='%23c8102e'/%3E%3Cpath d='M24 50v-6M60 50v-6M100 50v-6M140 50v-6M180 50v-6M220 50v-6M260 50v-6M290 50v-6M24 44h266' stroke='%23061a30' stroke-width='2.5'/%3E%3Crect x='20' y='60' width='270' height='100' rx='10' fill='%23ffc21a'/%3E%3Cpath d='M290 70h12a8 8 0 0 1 8 8v74a8 8 0 0 1-8 8h-12z' fill='%23ffd75a'/%3E%3Cg fill='%230b2a4a'%3E%3Crect x='32' y='72' width='30' height='40' rx='3'/%3E%3Crect x='72' y='72' width='30' height='40' rx='3'/%3E%3Crect x='112' y='72' width='30' height='40' rx='3'/%3E%3Crect x='152' y='72' width='30' height='40' rx='3'/%3E%3Crect x='192' y='72' width='30' height='40' rx='3'/%3E%3Crect x='232' y='72' width='44' height='40' rx='3'/%3E%3C/g%3E%3Cpath d='M20 120h270' stroke='%23c8102e' stroke-width='7'/%3E%3Cpath d='M20 130h270' stroke='%2312406b' stroke-width='6'/%3E%3Cpath d='M20 139h270' stroke='%231f8a4c' stroke-width='5'/%3E%3Cg fill='%23c8102e'%3E%3Cpath d='M40 148l8-6 8 6-8 6z'/%3E%3Cpath d='M90 148l8-6 8 6-8 6z'/%3E%3Cpath d='M140 148l8-6 8 6-8 6z'/%3E%3Cpath d='M190 148l8-6 8 6-8 6z'/%3E%3Cpath d='M240 148l8-6 8 6-8 6z'/%3E%3C/g%3E%3Crect x='296' y='138' width='16' height='14' rx='3' fill='%23061a30'/%3E%3Ccircle cx='304' cy='132' r='4' fill='%23fff'/%3E%3Cg%3E%3Ccircle cx='76' cy='166' r='20' fill='%23061a30'/%3E%3Ccircle cx='76' cy='166' r='8' fill='%23c9d2dc'/%3E%3Ccircle cx='246' cy='166' r='20' fill='%23061a30'/%3E%3Ccircle cx='246' cy='166' r='8' fill='%23c9d2dc'/%3E%3C/g%3E%3C/svg%3E");
	--vdc-cafe: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cellipse cx='8' cy='8' rx='5.2' ry='7' transform='rotate(30 8 8)' fill='%237a4a22'/%3E%3Cpath d='M5.2 3.6c3 2.2 .6 6.4 5.6 8.8' fill='none' stroke='%23f3ead7' stroke-width='1.3' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* Títulos display en MAYÚSCULAS: aire para las tildes (TRÁMITES, QUÉ). */
.vys .vys-hero__title,
.vys .vys-pagehead__title,
.vys .vys-cathero__title,
.vys .vys-lost__title,
.vys .vys-title,
.vys .entry-title { line-height: 1.05; }

/* Kicker como banderita tricolor. */
.vys-kicker {
	display: inline-flex;
	align-items: center;
	gap: .55em;
}
.vys-kicker::before {
	content: "";
	flex: none;
	width: 18px;
	height: 12px;
	border-radius: 2px 5px 5px 2px;
	background: linear-gradient(180deg, var(--vdc-yellow) 0 50%, var(--vdc-blue) 50% 75%, var(--vdc-red) 75% 100%);
	box-shadow: 0 1px 2px rgba(6, 26, 48, .25);
	transform: skewY(-6deg);
}

/* Botón principal: franja tricolor discreta en la base. */
.vys .vys-btn--primary {
	background-color: var(--vys-yellow);
	background-image: linear-gradient(90deg, transparent 0 50%, var(--vdc-blue) 50% 75%, var(--vdc-red) 75% 100%);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: 64% 3px;
}
.vys .vys-btn--primary:hover,
.vys .vys-btn--primary:focus { background-color: var(--vys-yellow-2); background-size: 100% 3px; }

/* Menú: textura de trenza casi invisible y subrayado tricolor. */
.vys-header { position: relative; }
.vys-header::before {
	content: "";
	position: absolute;
	inset: 0;
	background: var(--vdc-vueltiao) repeat-x left bottom / 30px 18px;
	opacity: .04;
	pointer-events: none;
}
.vys .vys-menu a::after { background: var(--vdc-tricolor); }

/* Listón vueltiao: divisor entre la portada clara y las bandas oscuras. */
.vys-section--dark::before,
.vys-inspire::before,
.vys-footer::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 12px;
	background: var(--vdc-vueltiao) repeat-x left center / 20px 12px;
}
.vys-inspire,
.vys-footer { position: relative; }

/* Subrayado de títulos: trazo tricolor en lugar del amarillo. */
.vys-title--swash::after {
	width: 120px;
	height: 5px;
	border-radius: 5px;
	background: var(--vdc-tricolor);
}

/* ---- Cabecera compacta de herramientas (≤ 300 px) con palmas de cera ---- */
.vdc-toolhead {
	position: relative;
	overflow: hidden;
	padding: 40px 0 46px;
	background:
		radial-gradient(ellipse at 85% 0%, rgba(18, 64, 107, .9), transparent 55%),
		linear-gradient(160deg, var(--vys-navy), var(--vys-navy-900));
	color: #fff;
}
.vdc-toolhead::after {
	content: "";
	position: absolute;
	right: max(16px, calc((100vw - 1180px) / 2));
	bottom: 0;
	width: 260px;
	height: 200px;
	background: var(--vdc-palmas) no-repeat right bottom / contain;
	pointer-events: none;
}
.vdc-toolhead::before {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	height: 10px;
	background: var(--vdc-vueltiao) repeat-x left center / 16.67px 10px;
}
.vdc-toolhead .vys-wrap { position: relative; z-index: 2; }
.vdc-toolhead__copy { max-width: min(680px, 62%); }
.vdc-toolhead .vys-crumbs { margin-bottom: 12px; }
.vdc-toolhead .vys-kicker { color: var(--vys-yellow); }
.vys .vdc-toolhead__title {
	margin: 0 0 10px;
	padding: 0;
	color: #fff;
	font-family: var(--vys-display);
	font-size: clamp(2.4rem, 4.6vw, 3.6rem);
	font-weight: 400;
	letter-spacing: .01em;
	line-height: 1.05;
	text-transform: uppercase;
}
.vdc-toolhead__lead { margin: 0; color: var(--vys-on-dark); font-size: 1.05rem; }

/* ---- 404 / 410: la chiva con el código en el letrero ---- */
.vdc-chiva {
	position: relative;
	justify-self: end;
	width: min(100%, 400px);
	aspect-ratio: 320 / 200;
	background: var(--vdc-chiva) no-repeat center / contain;
	filter: drop-shadow(0 18px 24px rgba(0, 0, 0, .35));
}
.vdc-chiva__sign {
	position: absolute;
	top: 2%;
	left: 37.5%;
	display: grid;
	place-items: center;
	width: 25%;
	height: 13%;
	color: var(--vys-yellow);
	font-family: var(--vys-display);
	font-size: clamp(1rem, 2.4vw, 1.5rem);
	letter-spacing: .12em;
	line-height: 1;
}
.vdc-chiva__stamp {
	position: absolute;
	top: 40%;
	left: 50%;
	padding: .2em .7em;
	border: 3px solid var(--vdc-red);
	border-radius: 8px;
	background: rgba(255, 255, 255, .9);
	color: var(--vdc-red);
	font-family: var(--vys-display);
	font-size: clamp(1.2rem, 3vw, 2rem);
	letter-spacing: .08em;
	text-transform: uppercase;
	transform: translate(-50%, -50%) rotate(-10deg);
}
.vdc-chiva__road {
	display: block;
	margin-top: 6px;
	color: var(--vys-yellow);
	font-family: var(--vys-script);
	font-size: 1.15rem;
	text-align: center;
}

/* Panel de salidas como terminal de transportes: cabecera pintada de chiva. */
.vys-board { border-top: 0; }
.vys-board__head {
	padding-top: 14px;
	background: linear-gradient(180deg, var(--vdc-red) 0 4px, var(--vdc-blue) 4px 7px, var(--vdc-green) 7px 9px, transparent 9px) top / 100% 9px no-repeat;
}

/* ---- Tablas del contenido ---- */
.vys .entry-content table {
	border: 0;
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 16px 4px 16px 4px;
	overflow: hidden;
	box-shadow: 0 10px 26px -18px rgba(6, 26, 48, .5);
}
.vys .entry-content thead th,
.vys .entry-content table tr:first-child th {
	padding-bottom: 1em;
	border: 0;
	background-color: var(--vys-navy);
	background-image: var(--vdc-vueltiao);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-size: 10px 6px;
	font-weight: 800;
	text-align: left;
}
.vys .entry-content td {
	border: 0;
	border-bottom: 1px dashed var(--vys-line);
}
.vys .entry-content tbody tr:nth-child(even) td { background-color: #f8f1e2; }
.vys .entry-content tbody td:first-child {
	padding-left: 2.1em;
	background-image: var(--vdc-cafe);
	background-repeat: no-repeat;
	background-position: .7em 50%;
	background-size: 14px 14px;
	font-weight: 700;
}
.vys .entry-content tbody tr:last-child td { border-bottom: 0; }

/* ---- Pie ---- */
.vys-footer { padding-top: 12px; }
.vys-footer__plane::before { background: var(--vdc-tricolor); height: 3px; border: 0; }

@media (prefers-reduced-motion: reduce) {
	.vys .vys-btn--primary { transition: none; }
}
@media (max-width: 900px) {
	.vdc-toolhead::after { width: 190px; height: 146px; opacity: .55; }
	.vdc-toolhead__copy { max-width: 100%; }
	.vdc-chiva { justify-self: center; }
}
@media (max-width: 600px) {
	.vdc-toolhead { padding: 28px 0 38px; }
	.vdc-toolhead::after { width: 130px; height: 100px; opacity: .35; }
	.vys-footer__bottom { align-items: center; text-align: center; }
}
.vdc-chiva-wrap { justify-self: end; width: min(100%, 400px); }
.vdc-chiva-wrap .vdc-chiva { width: 100%; }
@media (max-width: 900px) { .vdc-chiva-wrap { justify-self: center; } }
@media (max-width: 600px) {
	.vys-footer__bottom .vys-footer__plane { justify-content: center; margin-top: 8px; }
	.vys-footer__plane::before,
	.vys-footer__plane::after { content: ""; width: 60px; height: 3px; background: var(--vdc-tricolor); }
	.vys-footer__plane::after { transform: scaleX(-1); }
}

/* =========================================================================
   12. Tarjetas: alineación, filas completas y formatos por sección
   ========================================================================= */
/* Título sin meta: conserva aire sobre el botón */
.vys .vys-card__title:not(:has(+ .vys-card__meta)) { margin-bottom: 14px; }

/* Tarjetas de tema: el nombre reserva dos líneas para que lemas y flechas cuadren */
.vys-dest__body { flex: 1; align-items: flex-start; }
.vys .vys-dest__name {
	display: -webkit-box;
	overflow: hidden;
	min-height: 2.4em;
	margin-bottom: 4px;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.vys-dest__tag { align-items: flex-start; }
.vys-dest__tag .vys-icon { flex: none; margin-top: .15em; }
.vys-dest__go { align-self: center; }

/* Rejillas sin filas a medias: 12 por página → 4/3/2; bloques de 4 → 4/2/1; 24 fichas → 4/3/2/1 */
.vys-grid,
.vdc-dgrid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (max-width: 1100px) {
	.vys-grid,
	.vdc-dgrid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.vys-grid.vdc-grid4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
	.vys-grid,
	.vdc-dgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
}
@media (max-width: 420px) {
	.vdc-dgrid,
	.vys-grid.vdc-grid4 { grid-template-columns: 1fr; }
}

/* Secciones alternas: el texto pasa a la derecha (con < 4 tarjetas quedan junto al texto) */
@media (min-width: 1001px) {
	.vys-section--flip .vys-split { grid-template-columns: minmax(0, 1fr) minmax(260px, 320px); }
	.vys-section--flip .vys-split__intro { order: 2; }
	.vys-section--flip .vys-cards { direction: rtl; }
	.vys-section--flip .vys-card { direction: ltr; }

	/* overlay: fotos altas con el título encima, escalonadas */
	.vys-cards--overlay { align-items: start; }
	.vys-cards--overlay .vys-card { background: var(--vys-navy-900); }
	.vys-cards--overlay .vys-card__media { aspect-ratio: 3 / 4; }
	.vys-cards--overlay .vys-card__body,
	.vys-cards--feature .vys-card:first-child .vys-card__body {
		position: absolute;
		inset: auto 0 0;
		padding: 70px 16px 16px;
		background: linear-gradient(180deg, transparent, rgba(6, 26, 48, .6) 35%, rgba(6, 26, 48, .95));
	}
	.vys .vys-cards--overlay .vys-card__title,
	.vys .vys-cards--feature .vys-card:first-child .vys-card__title { color: #fff; text-shadow: 0 1px 8px rgba(0, 0, 0, .35); }
	.vys .vys-cards--overlay .vys-card__title a,
	.vys .vys-cards--feature .vys-card:first-child .vys-card__title a { color: #fff; }
	.vys-cards--overlay .vys-card__cta,
	.vys-cards--feature .vys-card:first-child .vys-card__cta { align-self: flex-start; padding: .45em 1em; }
	.vys-cards--overlay .vys-card:nth-child(even) { margin-top: 34px; }
	.vys-cards--overlay .vys-card:nth-child(odd) { margin-bottom: 34px; }
	.vys .vys-cards--overlay .vys-card { border-radius: 70px 70px 12px 12px; }

	/* feature: una grande con tres horizontales al lado */
	.vys-cards--feature {
		grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
		grid-template-rows: repeat(3, auto);
	}
	.vys-cards--feature .vys-card:first-child { grid-row: 1 / span 3; min-height: 360px; background: var(--vys-navy-900); }
	.vys-cards--feature .vys-card:first-child .vys-card__media { position: absolute; inset: 0; aspect-ratio: auto; }
	.vys .vys-cards--feature .vys-card:first-child .vys-card__title { font-size: 1.3rem; -webkit-line-clamp: 4; }

	/* feature (resto) y rows: tarjeta horizontal, foto a la izquierda */
	.vys-cards--feature .vys-card:not(:first-child),
	.vys-cards--rows .vys-card { flex-direction: row; }
	.vys-cards--feature .vys-card:not(:first-child) .vys-card__media,
	.vys-cards--rows .vys-card__media { position: relative; flex: 0 0 38%; aspect-ratio: auto; min-height: 112px; }
	.vys-cards--feature .vys-card:not(:first-child) .vys-card__media img,
	.vys-cards--rows .vys-card__media img { position: absolute; inset: 0; }
	.vys-cards--feature .vys-card:not(:first-child) .vys-card__body,
	.vys-cards--rows .vys-card__body { justify-content: center; padding: 14px 16px; }
	.vys .vys-cards--feature .vys-card:not(:first-child) .vys-card__title { margin-bottom: 8px; font-size: .95rem; }
	.vys-cards--feature .vys-card:not(:first-child) .vys-card__cta,
	.vys-cards--rows .vys-card__cta {
		align-self: flex-start;
		margin-top: 0;
		padding: 0;
		background: none;
		box-shadow: none;
		color: var(--vdc-red-ink);
	}

	/* rows: dos columnas de filas horizontales */
	.vys-cards--rows { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* =========================================================================
   13. Herramientas: fichas, festivos, fiestas, calculadoras
   ========================================================================= */
.vdc-tool__body { padding-top: 40px; padding-bottom: 72px; }
.vdc-block { margin-top: 48px; }
.vdc-block:first-child { margin-top: 0; }
.vdc-prose p { max-width: 72ch; }

/* Avisos responsables: tarjeta propia, breve y separada */
.vdc-aviso {
	display: flex;
	gap: 14px;
	align-items: flex-start;
	margin-top: 40px;
	padding: 16px 18px;
	border-left: 5px solid var(--vdc-blue);
	border-radius: 4px 14px 14px 4px;
	background: #eef3fb;
	color: var(--vys-ink);
	font-size: .92rem;
}
.vdc-aviso p { margin: 0; }
.vdc-aviso a { color: var(--vdc-blue); font-weight: 700; }
.vdc-aviso__icon { flex: none; color: var(--vdc-blue); font-size: 1.3rem; line-height: 1; }
.vdc-aviso--warn { border-left-color: var(--vdc-red); background: #fbeff0; }
.vdc-aviso--warn .vdc-aviso__icon { color: var(--vdc-red-ink); }
.vdc-aviso--side { margin-top: 16px; }

/* Filtros por región/tipo y navegación de meses */
.vdc-filters { display: grid; gap: 14px; margin-bottom: 30px; }
.vdc-filter { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.vys .vdc-filter__label {
	margin: 0 6px 0 0;
	padding: 0;
	color: var(--vys-navy);
	font-family: var(--vys-body);
	font-size: .8rem;
	font-weight: 800;
	letter-spacing: .1em;
	text-transform: uppercase;
}
.vdc-filter ul,
.vdc-mnav { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.vdc-filter a,
.vdc-mnav a,
.vdc-years a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: .45em .95em;
	border: 1px solid var(--vys-line);
	border-radius: 999px;
	background: #fff;
	color: var(--vys-navy);
	font-size: .85rem;
	font-weight: 700;
	text-decoration: none;
}
.vdc-filter a span { color: var(--vys-muted); font-size: .75rem; }
.vdc-filter a:hover,
.vdc-mnav a:hover,
.vdc-years a:hover { border-color: var(--vys-navy); }
.vdc-filter a.is-active,
.vdc-mnav a.is-active,
.vdc-years a.is-active { border-color: var(--vys-navy); background: var(--vys-navy); color: #fff; }
.vdc-filter a.is-active span { color: var(--vys-yellow); }
.vdc-mnav a.is-now:not(.is-active) { border-color: var(--vys-yellow); box-shadow: inset 0 -3px 0 var(--vys-yellow); }

/* Tarjeta de ficha de destino */
.vdc-dgrid { display: grid; gap: 22px; }
.vdc-dcard {
	position: relative;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border-radius: 18px 4px 18px 4px;
	background: #fff;
	box-shadow: var(--vys-shadow);
	transition: transform .25s ease;
}
.vdc-dcard:hover { transform: translateY(-4px); }
.vdc-dcard__media { position: relative; aspect-ratio: 4 / 3; overflow: hidden; background: var(--vys-sand); }
.vys .vdc-dcard__media img { width: 100%; height: 100%; object-fit: cover; }
.vdc-dcard__region {
	position: absolute;
	top: 10px;
	left: 10px;
	padding: .25em .7em;
	border-radius: 999px;
	background: rgba(6, 26, 48, .82);
	color: #fff;
	font-size: .72rem;
	font-weight: 800;
	letter-spacing: .06em;
	text-transform: uppercase;
}
.vdc-dcard__body { display: flex; flex: 1; flex-direction: column; padding: 14px 16px 16px; }
.vys .vdc-dcard__title {
	min-height: 2.5em;
	margin: 0 0 4px;
	padding: 0;
	font-family: var(--vys-body);
	font-size: 1.02rem;
	font-weight: 800;
	line-height: 1.25;
	text-transform: none;
}
.vdc-dcard__title a { color: var(--vys-navy); text-decoration: none; }
.vdc-dcard__title a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.vdc-dcard__dep { display: flex; gap: 5px; align-items: center; margin: 0 0 10px; color: var(--vys-muted); font-size: .82rem; }
.vdc-dcard__dep .vys-icon { color: var(--vdc-red-ink); }
.vdc-dcard__facts { display: flex; gap: 8px; margin: auto 0 0; padding: 10px 0 0; border-top: 1px dashed var(--vys-line); list-style: none; color: var(--vys-muted); font-size: .8rem; }
.vdc-dcard__facts li { flex: 1; }
.vdc-dcard__facts strong { display: block; color: var(--vys-navy); font-size: .95rem; }

/* Ficha individual */
.vdc-ficha__top { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 28px; align-items: start; }
.vdc-ficha__photo { margin: 0; }
.vys .vdc-ficha__photo img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 22px 6px 22px 6px; box-shadow: var(--vys-shadow); }
.vdc-ficha__photo figcaption { margin-top: 6px; color: var(--vys-muted); font-size: .78rem; }
.vdc-facts { display: grid; gap: 10px; margin: 0; }
.vdc-facts > div {
	padding: 14px 16px;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 6px 18px -12px rgba(6, 26, 48, .45);
}
.vdc-facts dt { display: flex; gap: 6px; align-items: center; margin: 0 0 2px; color: var(--vys-muted); font-size: .76rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.vdc-facts dt .vys-icon { color: var(--vdc-red-ink); }
.vdc-facts dd { margin: 0; color: var(--vys-navy); font-weight: 700; }
.vdc-facts__tags dd { display: flex; flex-wrap: wrap; gap: 6px; }
.vdc-facts__tags a { padding: .2em .7em; border-radius: 999px; background: var(--vys-sand); color: var(--vys-navy); font-size: .82rem; text-decoration: none; }
.vdc-ficha__cols { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 36px; margin-top: 48px; }
.vdc-ficha__main .vdc-block:first-child { margin-top: 0; }
.vdc-steps { margin: 0; padding: 0; list-style: none; counter-reset: vdc; }
.vdc-steps li {
	position: relative;
	margin-bottom: 10px;
	padding: 10px 14px 10px 50px;
	border-radius: 10px;
	background: #fff;
	counter-increment: vdc;
}
.vdc-steps li::before {
	content: counter(vdc);
	position: absolute;
	top: 50%;
	left: 12px;
	display: grid;
	place-items: center;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: var(--vys-yellow);
	color: var(--vys-navy-900);
	font-size: .82rem;
	font-weight: 800;
	transform: translateY(-50%);
}
.vdc-menu {
	padding: 20px 20px 16px;
	overflow: hidden;
	border-radius: 16px;
	background: var(--vys-navy);
	color: #fff;
}
.vdc-menu::before {
	content: "";
	display: block;
	height: 10px;
	margin: -20px -20px 16px;
	background: var(--vdc-vueltiao) repeat-x left center / 16.67px 10px;
}
.vys .vdc-menu__title { display: flex; gap: 8px; align-items: center; margin: 0 0 10px; padding: 0; color: var(--vys-yellow); font-family: var(--vys-display); font-size: 1.6rem; font-weight: 400; line-height: 1.05; text-transform: uppercase; }
.vdc-menu ul { margin: 0; padding: 0; list-style: none; }
.vdc-menu li { padding: 8px 0; border-bottom: 1px dashed rgba(255, 255, 255, .2); }
.vdc-menu li:last-child { border-bottom: 0; }

/* Festivos */
.vdc-next {
	display: flex;
	gap: 26px;
	align-items: center;
	padding: 24px 28px;
	border-radius: 22px 6px 22px 6px;
	background: #fff;
	box-shadow: var(--vys-shadow);
}
.vdc-next__count {
	display: flex;
	flex: none;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 128px;
	height: 128px;
	border-radius: 50%;
	background: var(--vys-yellow);
	box-shadow: inset 0 -8px 0 var(--vdc-red);
	color: var(--vys-navy-900);
	text-align: center;
}
.vdc-next__num { display: block; font-family: var(--vys-display); font-size: 3.4rem; line-height: 1; }
.vdc-next__unit { display: block; font-size: .8rem; font-weight: 800; text-transform: uppercase; }
.vys .vdc-next__title { margin: 0 0 4px; padding: 0; color: var(--vys-navy); font-family: var(--vys-display); font-size: clamp(1.8rem, 3.4vw, 2.6rem); font-weight: 400; line-height: 1.05; text-transform: uppercase; }
.vdc-next__date { margin: 0; color: var(--vys-muted); }
.vdc-flist { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 0; padding: 0; list-style: none; }
.vdc-flist li { display: flex; gap: 12px; align-items: center; padding: 12px; border-radius: 12px; background: #fff; }
.vdc-flist__day { display: flex; flex: none; flex-direction: column; align-items: center; justify-content: center; width: 54px; height: 54px; border-radius: 10px; background: var(--vys-navy); color: var(--vys-yellow); font-size: .72rem; font-weight: 800; line-height: 1; text-transform: uppercase; }
.vdc-flist__day strong { color: #fff; font-family: var(--vys-display); font-size: 1.5rem; font-weight: 400; }
.vdc-flist__name { color: var(--vys-navy); font-weight: 800; line-height: 1.25; }
.vdc-flist__name small { display: block; color: var(--vys-muted); font-weight: 400; }
.vdc-puentes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.vdc-puente { display: flex; gap: 14px; align-items: center; padding: 14px; border-left: 4px solid var(--vys-yellow); border-radius: 4px 12px 12px 4px; background: #fff; }
.vdc-puente.is-past { opacity: .6; }
.vdc-puente__days { display: flex; flex: none; flex-direction: column; align-items: center; width: 52px; color: var(--vdc-red-ink); font-family: var(--vys-display); font-size: 2rem; line-height: .9; text-align: center; }
.vdc-puente__days small { font-family: var(--vys-body); font-size: .68rem; font-weight: 800; text-transform: uppercase; }
.vys .vdc-puente__title { margin: 0 0 2px; padding: 0; color: var(--vys-navy); font-family: var(--vys-body); font-size: .95rem; font-weight: 800; line-height: 1.25; text-transform: none; }
.vdc-puente__dates { margin: 0; color: var(--vys-muted); font-size: .84rem; }
.vdc-months { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.vdc-month { padding: 0 0 12px; overflow: hidden; border-radius: 12px; background: #fff; box-shadow: 0 6px 18px -12px rgba(6, 26, 48, .45); }
.vys .vdc-month__name { margin: 0 0 10px; padding: 8px 14px; background: var(--vys-navy); color: #fff; font-family: var(--vys-display); font-size: 1.3rem; font-weight: 400; letter-spacing: .04em; line-height: 1.05; text-transform: uppercase; }
.vdc-month ul { margin: 0; padding: 0 14px; list-style: none; }
.vdc-month li { padding: 6px 0; border-bottom: 1px dashed var(--vys-line); font-size: .88rem; }
.vdc-month li:last-child { border-bottom: 0; }
.vdc-month li strong { display: block; color: var(--vdc-red-ink); }
.vdc-month li small { display: block; color: var(--vys-muted); font-size: .76rem; }
.vdc-month p { margin: 0; padding: 0 14px; color: var(--vys-muted); font-size: .88rem; }
.vdc-month.is-empty { background: #f6efe0; }
.vdc-years { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-top: 32px; }
.vdc-years > span { color: var(--vys-muted); font-size: .88rem; font-weight: 700; }

/* Fiestas */
.vdc-mnav { margin-bottom: 30px; }
.vdc-fmonths { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.vdc-fmonth { display: flex; flex-direction: column; padding: 16px 16px 14px; border-top: 5px solid var(--vys-yellow); border-radius: 4px 4px 14px 14px; background: #fff; box-shadow: 0 6px 18px -12px rgba(6, 26, 48, .45); }
.vdc-fmonth:nth-child(3n+2) { border-top-color: var(--vdc-blue); }
.vdc-fmonth:nth-child(3n) { border-top-color: var(--vdc-red); }
.vdc-fmonth.is-now { box-shadow: 0 0 0 3px var(--vys-yellow), var(--vys-shadow); }
.vys .vdc-fmonth__name { display: flex; gap: 8px; align-items: center; justify-content: space-between; margin: 0 0 8px; padding: 0; font-family: var(--vys-display); font-size: 1.6rem; font-weight: 400; line-height: 1.05; text-transform: uppercase; }
.vdc-fmonth__name a { color: var(--vys-navy); text-decoration: none; }
.vdc-fmonth__name span { padding: .2em .6em; border-radius: 999px; background: var(--vys-yellow); color: var(--vys-navy-900); font-family: var(--vys-body); font-size: .66rem; font-weight: 800; letter-spacing: .06em; }
.vdc-fmonth ul { margin: 0 0 12px; padding: 0; list-style: none; font-size: .86rem; }
.vdc-fmonth li { padding: 5px 0; border-bottom: 1px dashed var(--vys-line); color: var(--vys-muted); }
.vdc-fmonth li strong { display: block; color: var(--vys-navy); }
.vdc-fmonth p { margin: 0 0 12px; color: var(--vys-muted); font-size: .86rem; }
.vdc-fmonth__more { display: inline-flex; gap: 6px; align-items: center; margin-top: auto; color: var(--vdc-red-ink); font-size: .86rem; font-weight: 800; text-decoration: none; }
.vdc-fiestas__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.vdc-fiestas__grid > .vdc-fiesta:last-child:nth-child(odd) { grid-column: 1 / -1; }
.vdc-fiesta { position: relative; padding: 20px 22px; border-radius: 18px 4px 18px 4px; background: #fff; box-shadow: 0 8px 22px -14px rgba(6, 26, 48, .5); }
.vys .vdc-fiesta__name { margin: 0 0 8px; padding: 0; color: var(--vys-navy); font-family: var(--vys-display); font-size: 1.6rem; font-weight: 400; line-height: 1.05; text-transform: uppercase; }
.vdc-fiesta__meta { display: flex; flex-wrap: wrap; gap: 6px 14px; margin: 0 0 10px; color: var(--vdc-red-ink); font-size: .84rem; font-weight: 700; }
.vdc-fiesta__meta span { display: inline-flex; gap: 5px; align-items: center; }
.vdc-fiesta__text { margin: 0; }
.vdc-fiesta__badge { display: inline-block; margin-top: 12px; padding: .25em .75em; border-radius: 999px; background: var(--vys-navy); color: var(--vys-yellow); font-size: .72rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
.vdc-pager { display: flex; justify-content: space-between; gap: 12px; margin-top: 32px; }
.vdc-pager a { padding: .7em 1.2em; border-radius: 999px; background: var(--vys-navy); color: #fff; font-weight: 700; text-decoration: none; }

/* Calculadoras */
.vdc-values { display: flex; flex-wrap: wrap; gap: 8px 22px; align-items: center; margin-bottom: 30px; padding: 12px 18px; border-radius: 12px; background: var(--vys-navy); color: var(--vys-on-dark); font-size: .9rem; }
.vdc-values strong { color: var(--vys-yellow); }
.vdc-values > span:first-child { display: inline-flex; gap: 6px; align-items: center; color: #fff; font-weight: 800; }
.vdc-values small { flex-basis: 100%; color: #b9c5d6; font-size: .76rem; }
.vdc-calc__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px; align-items: start; }
.vdc-form-card,
.vdc-result { padding: 24px; border-radius: 20px 6px 20px 6px; background: #fff; box-shadow: var(--vys-shadow); }
.vdc-result { border-top: 6px solid var(--vys-yellow); }
.vys .vdc-form-card__title,
.vys .vdc-result__title { margin: 0 0 16px; padding: 0; color: var(--vys-navy); font-family: var(--vys-display); font-size: 1.8rem; font-weight: 400; line-height: 1.05; text-transform: uppercase; }
.vdc-form__field { margin: 0 0 14px; }
.vdc-form__field label { display: block; margin-bottom: 6px; color: var(--vys-navy); font-size: .86rem; font-weight: 800; }
.vys .vdc-form input,
.vys .vdc-form select { width: 100%; padding: .7em .9em; border: 1px solid var(--vys-line); border-radius: 10px; background: var(--vys-cream); color: var(--vys-ink); font-size: 1rem; }
.vys .vdc-form input:focus,
.vys .vdc-form select:focus { border-color: var(--vys-navy); outline: 2px solid var(--vys-yellow); outline-offset: 1px; }
.vdc-form__two { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 14px; }
.vdc-result dl { margin: 0; }
.vdc-result__row { display: flex; justify-content: space-between; gap: 12px; padding: 10px 0; border-bottom: 1px dashed var(--vys-line); }
.vdc-result__row dt { color: var(--vys-muted); }
.vdc-result__row dd { margin: 0; color: var(--vys-navy); font-weight: 800; text-align: right; white-space: nowrap; }
.vdc-result__row.is-total { margin-top: 6px; padding: 14px 16px; border: 0; border-radius: 12px; background: var(--vys-navy); }
.vdc-result__row.is-total dt { color: #fff; font-weight: 700; }
.vdc-result__row.is-total dd { color: var(--vys-yellow); font-size: 1.3rem; }
.vdc-result__empty,
.vdc-result__note { margin: 12px 0 0; color: var(--vys-muted); font-size: .9rem; }

/* Tarjetas de herramientas (índice, portada) */
.vdc-tools { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.vys .vdc-toolcard {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 22px 20px 18px;
	border-radius: 20px 6px 20px 6px;
	background: #fff;
	box-shadow: var(--vys-shadow);
	color: var(--vys-ink);
	text-decoration: none;
	transition: transform .25s ease;
}
.vys .vdc-toolcard::before { content: ""; position: absolute; top: 0; right: 22px; left: 22px; height: 4px; border-radius: 0 0 4px 4px; background: var(--vdc-tricolor); }
.vys .vdc-toolcard:hover { transform: translateY(-4px); }
.vdc-toolcard__icon { display: grid; place-items: center; width: 52px; height: 52px; margin-bottom: 14px; border-radius: 50%; background: var(--vys-navy); color: var(--vys-yellow); font-size: 1.4rem; }
.vys .vdc-toolcard__title { margin: 0 0 6px; padding: 0; color: var(--vys-navy); font-family: var(--vys-body); font-size: 1.08rem; font-weight: 800; line-height: 1.25; text-transform: none; }
.vdc-toolcard__text { margin: 0 0 14px; color: var(--vys-muted); font-size: .9rem; }
.vdc-toolcard__go { display: inline-flex; gap: 6px; align-items: center; margin-top: auto; color: var(--vdc-red-ink); font-weight: 800; }

/* Caja de herramientas al final de los posts */
.vdc-posttools { margin: 2em 0; padding: 18px 20px; border-radius: 18px 4px 18px 4px; background: #fff; box-shadow: 0 8px 22px -14px rgba(6, 26, 48, .5); }
.vys .vdc-posttools__title { margin: 0 0 6px; padding: 0; font-size: 1rem; }
.vdc-posttools ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none; }
.vdc-posttools ul > li:last-child:nth-child(odd) { grid-column: 1 / -1; }
.vys .vdc-posttools a { display: flex; gap: 12px; align-items: center; padding: 10px; border-radius: 12px; background: var(--vys-cream); color: var(--vys-ink); text-decoration: none; box-shadow: none; }
.vys .vdc-posttools a:hover { background: var(--vys-sand); }
.vdc-posttools strong { display: block; color: var(--vys-navy); line-height: 1.25; }
.vdc-posttools small { display: block; color: var(--vys-muted); font-size: .8rem; line-height: 1.35; }
.vdc-posttools__thumb,
.vdc-posttools__icon { display: grid; place-items: center; flex: none; width: 52px; height: 52px; overflow: hidden; border-radius: 10px; background: var(--vys-navy); color: var(--vys-yellow); font-size: 1.3rem; }
.vys .vdc-posttools__thumb img { width: 100%; height: 100%; object-fit: cover; }

/* Herramientas en el pie: tarjetitas con icono en 2 columnas */
.vdc-ftools { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 0; padding: 0; list-style: none; }
.vys .vdc-ftools a { display: flex; gap: 8px; align-items: center; padding: 10px; border: 1px solid rgba(255, 255, 255, .12); border-radius: 12px 4px 12px 4px; background: rgba(255, 255, 255, .05); color: #fff; font-size: .88rem; font-weight: 700; text-decoration: none; }
.vys .vdc-ftools a:hover { border-color: var(--vys-yellow); }
.vdc-ftools .vys-icon { flex: none; color: var(--vys-yellow); }

.vdc-home-tools .vys-head { margin-bottom: 28px; }

@media (max-width: 1100px) {
	.vdc-tools,
	.vdc-fmonths,
	.vdc-months,
	.vdc-flist,
	.vdc-puentes { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.vdc-ficha__cols { grid-template-columns: minmax(0, 1fr) 280px; }
}
@media (max-width: 900px) {
	.vdc-ficha__top,
	.vdc-ficha__cols,
	.vdc-calc__grid { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
	.vdc-tool__body { padding-top: 28px; padding-bottom: 52px; }
	.vdc-tools,
	.vdc-fmonths,
	.vdc-months,
	.vdc-flist,
	.vdc-puentes,
	.vdc-fiestas__grid,
	.vdc-posttools ul,
	.vdc-form__two { grid-template-columns: 1fr; }
	.vdc-next { flex-direction: column; padding: 22px 18px; text-align: center; }
	.vdc-next .vys-kicker { justify-content: center; }
	.vdc-next__count { width: 108px; height: 108px; }
	.vdc-form-card,
	.vdc-result { padding: 18px; }
	.vdc-result__row { flex-direction: column; gap: 2px; }
	.vdc-result__row dd { text-align: left; }
	.vdc-pager { flex-direction: column; }
	.vdc-pager a { text-align: center; }
}

/* Cabecera con 9 entradas de menú: el CTA no se parte y el menú se compacta antes */
.vys .vys-header__cta { white-space: nowrap; }
@media (max-width: 1360px) { .vys .vys-menu a { padding-right: .5em; padding-left: .5em; font-size: .88rem; } }
@media (min-width: 1100px) and (max-width: 1240px) { .vys .vys-header__cta { display: none; } }
/* Herramientas del pie: las tarjetitas no se salen de su columna */
.vdc-ftools li { min-width: 0; }
.vys .vdc-ftools a { padding: 9px 8px; font-size: .82rem; }
.vdc-ftools a span { min-width: 0; overflow-wrap: anywhere; }

/* Crédito del diseñador */
.vdc-credit { white-space: nowrap; }
.vys .vdc-credit a { color: var(--vys-yellow); font-weight: 700; }
@media (max-width: 600px) { .vdc-credit { display: block; margin-top: 4px; } }

/* Las palmas nunca detrás del texto: sin hueco lateral (≤ 900 px) no se muestran */
@media (max-width: 900px) { .vdc-toolhead::after { display: none; } }
.vys .vdc-ficha__photo figcaption a { color: var(--vdc-blue); }

/* =========================================================================
   14. Tablero "Rutas de la chiva" (sustituye al panel de aeropuerto)
   Marco amarillo pintado como una chiva, placa amarilla colombiana como código
   de ruta y estados de terminal. Tipografías del sitio, sin monoespaciada.
   ========================================================================= */
:root {
	--vdc-chiva-band: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 14'%3E%3Crect width='24' height='14' fill='%23ffc21a'/%3E%3Crect width='24' height='3' fill='%23c8102e'/%3E%3Crect y='3' width='24' height='2' fill='%231d4e9e'/%3E%3Crect y='5' width='24' height='2' fill='%231d6b4a'/%3E%3Cpath d='M12 8l4 3-4 3-4-3z' fill='%23c8102e'/%3E%3C/svg%3E");
}
.vdc-tablero {
	position: relative;
	overflow: hidden;
	border: 8px solid var(--vys-yellow);
	border-radius: 22px;
	background:
		radial-gradient(ellipse at 100% 0%, rgba(29, 78, 158, .35), transparent 55%),
		var(--vys-navy-900);
	box-shadow: var(--vys-shadow), inset 0 0 0 2px rgba(200, 16, 46, .9);
	color: #fff;
}
.vdc-tablero::before {
	content: "";
	display: block;
	height: 21px;
	background: var(--vdc-chiva-band) repeat-x left top / 36px 21px;
}
.vdc-tablero__head {
	display: flex;
	gap: 16px;
	align-items: center;
	justify-content: space-between;
	padding: 14px 22px 12px;
}
.vdc-tablero__script {
	margin: 0 0 2px;
	color: var(--vys-yellow-2);
	font-family: var(--vys-script);
	font-size: 1.05rem;
	line-height: 1.2;
}
.vys .vdc-tablero__title {
	display: flex;
	gap: 10px;
	align-items: center;
	margin: 0;
	padding: 0;
	color: var(--vys-yellow);
	font-family: var(--vys-display);
	font-size: 2rem;
	font-weight: 400;
	letter-spacing: .04em;
	line-height: 1.05;
	text-transform: uppercase;
}
.vdc-tablero__clock {
	display: flex;
	flex: none;
	flex-direction: column;
	align-items: flex-end;
	padding: 8px 14px;
	border-radius: 12px 4px 12px 4px;
	background: var(--vdc-red);
	color: #fff;
	font-family: var(--vys-display);
	font-size: 1.5rem;
	letter-spacing: .04em;
	line-height: 1;
}
.vdc-tablero__clock small {
	margin-bottom: 3px;
	font-family: var(--vys-body);
	font-size: .62rem;
	font-weight: 800;
	letter-spacing: .1em;
	text-transform: uppercase;
	opacity: .9;
}
.vdc-tablero__cols,
.vys .vdc-tablero__row {
	display: grid;
	grid-template-columns: 86px minmax(0, 1fr) 108px 150px;
	gap: 14px;
	align-items: center;
}
.vdc-tablero__cols {
	padding: 8px 22px;
	background: rgba(255, 194, 26, .1);
	color: var(--vys-yellow-2);
	font-size: .7rem;
	font-weight: 800;
	letter-spacing: .14em;
	text-transform: uppercase;
}
.vys .vdc-tablero__list { margin: 0; padding: 0 0 4px; list-style: none; }
.vys .vdc-tablero__list li { margin: 0; border-top: 1px dashed rgba(255, 255, 255, .12); }
.vys .vdc-tablero__list li:first-child { border-top: 0; }
.vys .vdc-tablero__row {
	padding: 12px 22px;
	color: #fff;
	text-decoration: none;
	box-shadow: none;
	transition: background-color .2s ease;
}
.vys .vdc-tablero__row:hover,
.vys .vdc-tablero__row:focus { background: rgba(255, 194, 26, .1); }
.vdc-tablero__time { color: var(--vys-yellow); font-family: var(--vys-display); font-size: 1.25rem; letter-spacing: .03em; white-space: nowrap; }
.vdc-tablero__dest { display: flex; flex-direction: column; min-width: 0; font-weight: 800; line-height: 1.25; }
.vdc-tablero__dest small { margin-top: 2px; color: var(--vys-on-dark); font-size: .8rem; font-weight: 400; }
.vys .vdc-tablero__row:hover .vdc-tablero__dest { color: var(--vys-yellow); }

/* Placa amarilla colombiana */
.vdc-placa {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-self: start;
	min-width: 96px;
	padding: 4px 8px 3px;
	border: 2px solid #111;
	border-radius: 6px;
	background: #ffd100;
	box-shadow: inset 0 0 0 2px #ffd100, inset 0 0 0 3px #111;
	color: #111;
	font-family: "Arial Narrow", "Roboto Condensed", var(--vys-body);
	font-size: 1.02rem;
	font-weight: 800;
	letter-spacing: .08em;
	line-height: 1;
	white-space: nowrap;
}
.vdc-placa small { margin-top: 2px; font-size: .5rem; font-weight: 800; letter-spacing: .2em; text-transform: uppercase; }

/* Estados de terminal */
.vdc-estado {
	justify-self: start;
	padding: .35em .85em;
	border-radius: 999px;
	font-size: .78rem;
	font-weight: 800;
	letter-spacing: .03em;
	white-space: nowrap;
}
.vdc-estado--sale { background: var(--vdc-green); color: #fff; }
.vdc-estado--cupo { background: var(--vys-yellow); color: var(--vys-navy-900); }
.vdc-estado--ultimo { background: var(--vdc-red); color: #fff; }
.vdc-estado--carga { background: var(--vdc-blue); color: #fff; }
@media (prefers-reduced-motion: no-preference) {
	.vdc-estado--ultimo { animation: vdc-pito 1.8s ease-in-out infinite; }
	@keyframes vdc-pito { 50% { box-shadow: 0 0 0 4px rgba(200, 16, 46, .35); } }
}

.vdc-tablero__foot {
	margin: 0;
	padding: 10px 22px 12px;
	border-top: 2px solid rgba(255, 194, 26, .25);
	color: var(--vys-yellow-2);
	font-family: var(--vys-script);
	font-size: 1rem;
	text-align: right;
}

/* Versión compacta (portada): sin placa */
.vdc-tablero--compact .vdc-tablero__cols,
.vys .vdc-tablero--compact .vdc-tablero__row { grid-template-columns: 78px minmax(0, 1fr) auto; }
.vdc-tablero--compact .vdc-tablero__cols span:nth-child(3),
.vdc-tablero--compact .vdc-placa { display: none; }
.vdc-tablero--compact .vdc-tablero__head { padding: 12px 18px 10px; }
.vys .vdc-tablero--compact .vdc-tablero__title { font-size: 1.6rem; }
.vdc-tablero--compact .vdc-tablero__cols,
.vys .vdc-tablero--compact .vdc-tablero__row { padding-right: 18px; padding-left: 18px; }

@media (max-width: 700px) {
	.vdc-tablero { border-width: 6px; }
	.vdc-tablero__head { flex-direction: column; align-items: flex-start; padding: 12px 16px 10px; }
	.vdc-tablero__clock { flex-direction: row; gap: 8px; align-items: baseline; padding: 6px 10px; font-size: 1.15rem; }
	.vdc-tablero__clock small { margin: 0; }
	.vys .vdc-tablero__title { font-size: 1.6rem; }
	.vdc-tablero__cols { display: none; }
	.vys .vdc-tablero__row,
	.vys .vdc-tablero--compact .vdc-tablero__row {
		grid-template-columns: auto minmax(0, 1fr);
		gap: 6px 12px;
		padding: 12px 16px;
	}
	.vdc-tablero__time { grid-row: 1; }
	.vdc-estado { grid-row: 1; justify-self: end; }
	.vdc-tablero__dest { grid-column: 1 / -1; }
	.vdc-placa { display: none; }
	.vdc-tablero__foot { text-align: center; }
}

/* =========================================================================
   15. Barra lateral con identidad colombiana
   Títulos subrayados con la trenza del vueltiao. "Temas" como letreros
   pintados de chiva: franja de la carrocería arriba, rombo de color en cada
   pastilla (amarillo, azul, rojo, verde en ciclo) y relleno de ese color al pasar.
   ========================================================================= */
.vys #secondary .widget-title::after {
	height: 10px;
	border-radius: 0;
	background: var(--vdc-vueltiao) repeat-x left center / 16.67px 10px;
	opacity: 1;
}
.vys #secondary .widget_categories {
	position: relative;
	overflow: hidden;
	padding-top: 36px;
	border-color: rgba(255, 194, 26, .55);
	background: linear-gradient(180deg, #fffaf0, #fff 60%);
}
.vys #secondary .widget_categories::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 14px;
	background: var(--vdc-chiva-band) repeat-x left top / 24px 14px;
}
.vys #secondary .widget_categories li { --vdc-chip: var(--vdc-yellow); --vdc-chip-ink: var(--vys-navy-900); }
.vys #secondary .widget_categories li:nth-child(4n+2) { --vdc-chip: var(--vdc-blue); --vdc-chip-ink: #fff; }
.vys #secondary .widget_categories li:nth-child(4n+3) { --vdc-chip: var(--vdc-red); --vdc-chip-ink: #fff; }
.vys #secondary .widget_categories li:nth-child(4n) { --vdc-chip: var(--vdc-green); --vdc-chip-ink: #fff; }
.vys #secondary .widget_categories a {
	display: inline-flex;
	gap: 7px;
	align-items: center;
	padding: .42em .95em .42em .75em;
	border: 1px solid rgba(16, 35, 58, .08);
	border-bottom: 3px solid var(--vdc-chip);
	border-radius: 10px 10px 6px 6px;
	background: var(--vys-sand);
	transition: background-color .2s ease, color .2s ease, transform .2s ease;
}
.vys #secondary .widget_categories a::before {
	content: "";
	flex: none;
	width: 8px;
	height: 8px;
	background: var(--vdc-chip);
	transform: rotate(45deg);
	box-shadow: 0 0 0 1.5px rgba(16, 35, 58, .18);
}
.vys #secondary .widget_categories a:hover,
.vys #secondary .widget_categories a:focus-visible,
.vys #secondary .widget_categories .current-cat a {
	background: var(--vdc-chip);
	color: var(--vdc-chip-ink);
	text-decoration: none;
}
.vys #secondary .widget_categories a:hover::before,
.vys #secondary .widget_categories a:focus-visible::before,
.vys #secondary .widget_categories .current-cat a::before { background: currentColor; box-shadow: none; }
@media (prefers-reduced-motion: no-preference) {
	.vys #secondary .widget_categories a:hover { transform: translateY(-2px); }
}

/* =========================================================================
   16. Portada de la entrada con esquinas levantadas (como en jardinesyplantas)
   La foto solo lleva una sombra de contacto; dos cajas ocultas tras ella,
   inclinadas hacia fuera, dejan asomar su sombra bajo las esquinas inferiores.
   ========================================================================= */
.vys-single-cover {
	position: relative;
	isolation: isolate;
}
.vys .vys-single-cover img {
	position: relative;
	z-index: 1;
	box-shadow: 0 2px 6px rgba(6, 26, 48, .16);
}
.vys-single-cover::before,
.vys-single-cover::after {
	content: "";
	position: absolute;
	bottom: 42px;
	z-index: 0;
	width: 42%;
	height: 30%;
	box-shadow: 0 24px 14px rgba(6, 26, 48, .72);
	pointer-events: none;
}
.vys-single-cover::before {
	left: calc(24px + 2%);
	transform: rotate(-4deg);
	transform-origin: right bottom;
}
.vys-single-cover::after {
	right: calc(24px + 2%);
	transform: rotate(4deg);
	transform-origin: left bottom;
}
@media (max-width: 600px) {
	.vys-single-cover::before,
	.vys-single-cover::after { bottom: 16px; box-shadow: 0 15px 9px rgba(6, 26, 48, .62); }
	.vys-single-cover::before { left: calc(16px + 2%); transform: rotate(-3deg); }
	.vys-single-cover::after { right: calc(16px + 2%); transform: rotate(3deg); }
}

/* =========================================================================
   17. Logo sin placa blanca
   Se usa la versión del logo con letras claras (assets/img/logo-oscuro.webp)
   directamente sobre la cabecera y el pie navy. Solo el logo original de la
   biblioteca (letras oscuras, de respaldo) conserva la placa.
   ========================================================================= */
.vys .vys-logo {
	padding: 0;
	border-radius: 0;
	background: none;
	box-shadow: none;
}
.vys .vys-logo__img { filter: drop-shadow(0 2px 6px rgba(6, 26, 48, .45)); }
.vys .vys-logo:has(.vys-logo__img--claro) {
	padding: 7px 14px;
	border-radius: 12px;
	background: #fff;
}
.vys .vys-logo:has(.vys-logo__img--claro) .vys-logo__img { filter: none; }
@media (max-width: 600px) {
	.vys .vys-logo { padding: 0; }
}
/* Pie: las tarjetas de herramientas pasan a una columna si no caben enteras ("Calculadoras" se partía). */
.vdc-ftools { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }
.vdc-ftools a span { overflow-wrap: normal; }

/* =========================================================================
   18. Pie reorganizado
   Escritorio: 4 columnas con aire bajo la trenza y franja inferior en 3 zonas
   (derechos | enlaces legales | brújula). Tableta: 2×2. Móvil: bloques
   separados por línea discontinua, herramientas 2×2 y franja inferior centrada.
   ========================================================================= */
.vys-footer { padding-top: 60px; }
.vys-footer__grid {
	grid-template-columns: minmax(0, 1.25fr) minmax(0, 1.1fr) minmax(0, .85fr) minmax(0, 1.2fr);
	gap: 40px 48px;
}
.vys .vys-footer__grid.vys-wrap { padding-bottom: 48px; }
.vys-footer__grid > * { min-width: 0; }
.vys-footer .vys-searchform input[type="search"] { min-width: 0; }
.vys-footer .vys-footer__about + .vys-searchform { margin-top: 4px; }
.vdc-ftools { grid-template-columns: 1fr; }

.vys-footer__bottom {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto auto;
	gap: 12px 32px;
}
.vys .vys-footer__legal ul { justify-content: flex-end; }
.vys-footer__legal li { white-space: nowrap; }

@media (max-width: 1100px) {
	.vys-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.vdc-ftools { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.vys-footer__bottom { grid-template-columns: minmax(0, 1fr) auto; }
	.vys-footer__bottom .vys-footer__plane { display: none; }
}
@media (max-width: 600px) {
	.vys-footer { padding-top: 40px; }
	.vys-footer__grid { grid-template-columns: 1fr; gap: 0; }
	.vys .vys-footer__grid.vys-wrap { padding-bottom: 28px; }
	.vys-footer__grid > * + * {
		margin-top: 24px;
		padding-top: 24px;
		border-top: 1px dashed rgba(255, 255, 255, .14);
	}
	.vys .vys-footer__title { margin-bottom: 12px; }
	.vys-footer__list li { margin-bottom: 6px; }
	.vys-footer__bottom {
		grid-template-columns: 1fr;
		justify-items: center;
		padding-top: 22px;
		text-align: center;
	}
	.vys .vys-footer__legal ul { justify-content: center; row-gap: 6px; }
	.vys-footer__bottom .vys-footer__plane { display: flex; }
}
@media (min-width: 601px) and (max-width: 900px) {
	.vys-footer__bottom { grid-template-columns: 1fr; }
	.vys .vys-footer__legal ul { justify-content: flex-start; }
}

/* =========================================================================
   19. Barra del menú en la portada: franja navy translúcida (no un degradado
   que se funde con la foto) para que se distinga del hero.
   ========================================================================= */
.home .vys-header {
	background: rgba(6, 26, 48, .82);
	box-shadow: 0 1px 0 rgba(255, 255, 255, .08), 0 10px 30px -12px rgba(0, 0, 0, .6);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
}

/* =========================================================================
   20. Portada: "Viaja por Colombia" (turismo con protagonismo)
   Cabecera con dos llamadas, regiones como chips con el rombo de la chiva,
   mosaico de 5 destinos (el primero grande) y 4 guías de turismo.
   ========================================================================= */
.vdc-trip { position: relative; }
.vdc-trip__head {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 20px 40px;
	margin-bottom: 22px;
}
.vdc-trip__head > div:first-child { max-width: 640px; }
.vdc-trip__head .vys-lead { margin-bottom: 0; }
.vdc-trip__actions { display: flex; flex-wrap: wrap; gap: 12px; }

.vys .vdc-trip__regions ul {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 26px;
	padding: 0;
	list-style: none;
}
.vys .vdc-trip__regions a {
	display: inline-flex;
	gap: 8px;
	align-items: center;
	padding: .45em .95em .45em .8em;
	border: 1px solid rgba(255, 255, 255, .22);
	border-radius: 999px;
	background: rgba(255, 255, 255, .06);
	color: #fff;
	font-size: .88rem;
	font-weight: 700;
	text-decoration: none;
	transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}
.vys .vdc-trip__regions a::before {
	content: "";
	width: 7px;
	height: 7px;
	background: var(--vdc-yellow);
	transform: rotate(45deg);
}
.vdc-trip__regions span {
	padding: 0 .5em;
	border-radius: 999px;
	background: rgba(255, 255, 255, .14);
	font-size: .76rem;
}
.vys .vdc-trip__regions a:hover,
.vys .vdc-trip__regions a:focus-visible { border-color: var(--vdc-yellow); background: var(--vdc-yellow); color: var(--vys-navy-900); }
.vys .vdc-trip__regions a:hover::before,
.vys .vdc-trip__regions a:focus-visible::before { background: var(--vdc-red); }
.vys .vdc-trip__regions a:hover span { background: rgba(6, 26, 48, .14); }

.vdc-trip__mosaic {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	grid-auto-rows: 210px;
	gap: 14px;
}
.vdc-trip__dest {
	position: relative;
	overflow: hidden;
	border-radius: 18px;
	background: var(--vys-navy);
	box-shadow: 0 18px 34px -20px rgba(0, 0, 0, .8);
}
.vdc-trip__dest:first-child { grid-row: span 2; grid-column: span 2; }
.vys .vdc-trip__dest img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .5s ease;
}
.vdc-trip__dest:hover img { transform: scale(1.06); }
.vdc-trip__dest::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(6, 26, 48, 0) 35%, rgba(6, 26, 48, .88));
	pointer-events: none;
}
.vdc-trip__info {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	padding: 16px 18px;
}
.vdc-trip__region {
	display: inline-block;
	margin-bottom: 6px;
	padding: .2em .65em;
	border-radius: 6px;
	background: var(--vdc-yellow);
	color: var(--vys-navy-900);
	font-size: .7rem;
	font-weight: 800;
	letter-spacing: .06em;
	text-transform: uppercase;
}
.vys .vdc-trip__name {
	margin: 0;
	padding: 0;
	color: #fff;
	font-family: var(--vys-display);
	font-size: 1.35rem;
	font-weight: 400;
	letter-spacing: .02em;
	line-height: 1.1;
	text-transform: uppercase;
}
.vdc-trip__dest:first-child .vdc-trip__name { font-size: 2.2rem; }
.vys .vdc-trip__name a { color: inherit; text-decoration: none; box-shadow: none; }
/* Toda la tarjeta es clicable */
.vdc-trip__name a::after { content: ""; position: absolute; inset: 0; z-index: 2; }
.vdc-trip__name a:focus-visible { outline: none; }
.vdc-trip__dest:has(a:focus-visible) { outline: 3px solid var(--vdc-yellow); outline-offset: 3px; }
.vdc-trip__meta { margin: 4px 0 0; color: var(--vys-on-dark); font-size: .84rem; }

.vdc-trip__sub {
	display: flex;
	gap: 8px;
	align-items: center;
	margin: 40px 0 16px;
	color: var(--vys-yellow);
	font-family: var(--vys-script);
	font-size: 1.35rem;
}

@media (max-width: 1100px) {
	.vdc-trip__mosaic { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-rows: 190px; }
	.vdc-trip__dest:first-child { grid-column: span 3; grid-row: span 2; }
	.vdc-trip__dest:nth-child(5) { display: none; }
}
@media (max-width: 700px) {
	.vdc-trip__mosaic { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 160px; gap: 10px; }
	.vdc-trip__dest:first-child { grid-column: span 2; grid-row: span 2; }
	.vdc-trip__dest:nth-child(5) { display: block; }
	.vdc-trip__dest:nth-child(n+4) { display: none; }
	.vdc-trip__dest:first-child .vdc-trip__name { font-size: 1.7rem; }
	.vys .vdc-trip__name { font-size: 1.1rem; }
	.vdc-trip__info { padding: 12px; }
	.vdc-trip__actions,
	.vdc-trip__actions .vys-btn { width: 100%; }
	.vdc-trip__actions .vys-btn { justify-content: center; }
}
@media (prefers-reduced-motion: reduce) {
	.vdc-trip__dest img { transition: none; }
	.vdc-trip__dest:hover img { transform: none; }
}

/* =========================================================================
   21. Festivos: meses sin festivos en blanco, con sus celebraciones
   ========================================================================= */
.vdc-month.is-empty { background: #fff; }
.vdc-month p.vdc-month__none { color: var(--vys-navy); font-weight: 700; }
.vdc-month p.vdc-month__sub {
	margin-top: 12px;
	color: var(--vys-gold-ink);
	font-size: .7rem;
	font-weight: 800;
	letter-spacing: .1em;
	text-transform: uppercase;
}
.vys .vdc-month__fiestas li { font-weight: 700; color: var(--vys-navy); }
.vys .vdc-month__fiestas li small { font-weight: 400; }
.vys .vdc-month__more {
	display: inline-flex;
	gap: 6px;
	align-items: center;
	margin: 6px 14px 0;
	color: var(--vdc-blue);
	font-size: .84rem;
	font-weight: 800;
	text-decoration: none;
	box-shadow: none;
}
.vys .vdc-month__more:hover { text-decoration: underline; text-decoration-color: var(--vys-yellow); text-decoration-thickness: 2px; }

/* =========================================================================
   22. Portada: "Lo último en Variedades" (justo después del hero)
   La más reciente en grande y tres en fila. Cada tarjeta lleva una franja de
   color de la chiva (amarillo, azul, rojo, verde) y la fecha como tiquete de
   bus: día grande, mes abajo, línea perforada y muescas a los lados.
   ========================================================================= */
.vdc-new {
	position: relative;
	background:
		radial-gradient(ellipse at 100% 0%, rgba(255, 194, 26, .16), transparent 45%),
		radial-gradient(ellipse at 0% 100%, rgba(29, 78, 158, .08), transparent 45%),
		var(--vys-cream);
}
.vdc-new::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 14px;
	background: var(--vdc-chiva-band) repeat-x left top / 24px 14px;
}
.vdc-new__head {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 8px 32px;
	margin-bottom: 28px;
}
.vys .vdc-new__head .vys-title { margin-bottom: 0; }
.vdc-new__note {
	margin: 0 0 6px;
	color: var(--vdc-red-ink);
	font-size: 1.5rem;
	transform: rotate(-3deg);
}

.vdc-new__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
	grid-template-rows: repeat(3, auto);
	gap: 18px;
}
.vdc-new__item {
	--vdc-c: var(--vdc-yellow);
	--vdc-c-ink: var(--vys-navy-900);
	position: relative;
	display: grid;
	grid-template-columns: 170px minmax(0, 1fr);
	overflow: hidden;
	border-top: 6px solid var(--vdc-c);
	border-radius: 6px 6px 18px 18px;
	background: #fff;
	box-shadow: 0 14px 30px -22px rgba(6, 26, 48, .55);
	transition: transform .25s ease, box-shadow .25s ease;
}
.vdc-new__item:nth-child(2) { --vdc-c: var(--vdc-blue); --vdc-c-ink: #fff; }
.vdc-new__item:nth-child(3) { --vdc-c: var(--vdc-red); --vdc-c-ink: #fff; }
.vdc-new__item:nth-child(4) { --vdc-c: var(--vdc-green); --vdc-c-ink: #fff; }
.vdc-new__item:hover { transform: translateY(-4px); box-shadow: 0 22px 40px -22px rgba(6, 26, 48, .6); }
.vdc-new__item--lead {
	grid-row: 1 / span 3;
	grid-template-columns: 1fr;
	grid-template-rows: auto 1fr;
}

.vdc-new__media { position: relative; min-height: 130px; background: var(--vys-sand); }
.vys .vdc-new__media img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .5s ease;
}
.vdc-new__item--lead .vdc-new__media { aspect-ratio: 16 / 10; }
.vdc-new__item:hover .vdc-new__media img { transform: scale(1.05); }

/* Tiquete de chiva */
.vdc-ticket {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	min-width: 50px;
	padding: 6px 8px 5px;
	border-radius: 6px;
	background: var(--vdc-yellow);
	color: var(--vys-navy-900);
	line-height: 1;
	box-shadow: 0 6px 14px -6px rgba(0, 0, 0, .55);
	-webkit-mask: radial-gradient(circle 5px at 0 62%, transparent 98%, #000) left / 51% 100% no-repeat,
		radial-gradient(circle 5px at 100% 62%, transparent 98%, #000) right / 51% 100% no-repeat;
	mask: radial-gradient(circle 5px at 0 62%, transparent 98%, #000) left / 51% 100% no-repeat,
		radial-gradient(circle 5px at 100% 62%, transparent 98%, #000) right / 51% 100% no-repeat;
}
.vdc-ticket__day { font-family: var(--vys-display); font-size: 1.6rem; letter-spacing: .02em; }
.vdc-ticket__month {
	margin-top: 4px;
	padding-top: 4px;
	border-top: 2px dashed rgba(6, 26, 48, .45);
	font-size: .66rem;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase;
}
.vdc-new__item--lead .vdc-ticket { top: 16px; left: 16px; min-width: 62px; padding: 8px 10px 6px; }
.vdc-new__item--lead .vdc-ticket__day { font-size: 2.2rem; }
.vdc-new__item--lead .vdc-ticket__month { font-size: .74rem; }

.vdc-new__body { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; padding: 14px 16px 16px; }
.vdc-new__item--lead .vdc-new__body { padding: 20px 24px 24px; }
.vdc-new__cat {
	padding: .25em .7em;
	border-radius: 999px;
	background: var(--vdc-c);
	color: var(--vdc-c-ink);
	font-size: .7rem;
	font-weight: 800;
	letter-spacing: .06em;
	text-transform: uppercase;
}
.vys .vdc-new__title {
	margin: 0;
	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;
}
.vys .vdc-new__item--lead .vdc-new__title { font-family: var(--vys-display); font-size: 1.9rem; font-weight: 400; letter-spacing: .01em; line-height: 1.1; text-transform: uppercase; }
.vys .vdc-new__title a { color: inherit; text-decoration: none; box-shadow: none; }
.vdc-new__title a::after { content: ""; position: absolute; inset: 0; z-index: 2; }
.vdc-new__title a:focus-visible { outline: none; }
.vdc-new__item:has(a:focus-visible) { outline: 3px solid var(--vdc-blue); outline-offset: 3px; }
.vdc-new__item:hover .vdc-new__title { color: var(--vys-navy-700); }
.vdc-new__text { margin: 0; color: var(--vys-muted); font-size: .95rem; line-height: 1.55; }
.vdc-new__go {
	display: inline-flex;
	gap: 6px;
	align-items: center;
	margin-top: auto;
	padding-top: 6px;
	color: var(--vdc-red-ink);
	font-weight: 800;
}
.vdc-new__all { margin: 28px 0 0; text-align: center; }

@media (max-width: 900px) {
	.vdc-new__grid { grid-template-columns: 1fr; grid-template-rows: none; }
	.vdc-new__item--lead { grid-row: auto; }
}
@media (max-width: 600px) {
	.vdc-new__item { grid-template-columns: 110px minmax(0, 1fr); }
	.vdc-new__item--lead { grid-template-columns: 1fr; }
	.vdc-new__body { padding: 12px; }
	.vdc-new__item--lead .vdc-new__body { padding: 16px 18px 20px; }
	.vys .vdc-new__item--lead .vdc-new__title { font-size: 1.5rem; }
	.vys .vdc-new__title { font-size: .95rem; }
	.vdc-ticket { top: 6px; left: 6px; min-width: 42px; padding: 4px 6px; }
	.vdc-ticket__day { font-size: 1.25rem; }
	.vdc-new__note { font-size: 1.25rem; }
}
@media (prefers-reduced-motion: reduce) {
	.vdc-new__item,
	.vdc-new__media img { transition: none; }
	.vdc-new__item:hover { transform: none; }
	.vdc-new__item:hover .vdc-new__media img { transform: none; }
}
/* Twenty Seventeen pone border-top gris a "article + article"; se recupera la franja de color. */
.vys .vdc-new__grid article.vdc-new__item { margin: 0; padding: 0; border-top: 6px solid var(--vdc-c); }
.vdc-new__item:not(.vdc-new__item--lead) .vdc-new__text {
	display: -webkit-box;
	overflow: hidden;
	font-size: .86rem;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
@media (max-width: 600px) {
	.vdc-new__item:not(.vdc-new__item--lead) .vdc-new__text { display: none; }
}

/* =========================================================================
   23. Herramientas como letreros pintados de chiva
   Cada tarjeta con su color (rojo, amarillo, verde, azul): cabecera pintada con
   la franja de la carrocería, icono en un rombo blanco, dato en vivo y botón
   del mismo color. Sustituye a la barra tricolor (que quedaba descentrada).
   ========================================================================= */
.vys .vdc-toolcard {
	--vdc-c: var(--vdc-red);
	--vdc-c-ink: #fff;
	--vdc-c-text: var(--vdc-red-ink);
	padding: 0;
	overflow: hidden;
	border-radius: 18px;
	box-shadow: 0 16px 34px -22px rgba(6, 26, 48, .6);
	transition: transform .25s ease, box-shadow .25s ease;
}
.vys .vdc-toolcard--amarillo { --vdc-c: var(--vdc-yellow); --vdc-c-ink: var(--vys-navy-900); --vdc-c-text: #7a5600; }
.vys .vdc-toolcard--verde { --vdc-c: var(--vdc-green); --vdc-c-text: var(--vdc-green); }
.vys .vdc-toolcard--azul { --vdc-c: var(--vdc-blue); --vdc-c-text: var(--vdc-blue); }
.vys .vdc-toolcard::before { content: none; }
.vys .vdc-toolcard:hover { transform: translateY(-5px); box-shadow: 0 26px 44px -24px rgba(6, 26, 48, .7); }

.vdc-toolcard__top {
	position: relative;
	display: flex;
	align-items: flex-end;
	height: 92px;
	padding: 0 20px;
	background:
		repeating-linear-gradient(135deg, rgba(255, 255, 255, .09) 0 10px, transparent 10px 20px),
		var(--vdc-c);
}
.vdc-toolcard__top::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 14px;
	background: var(--vdc-chiva-band) repeat-x left top / 24px 14px;
}
.vys .vdc-toolcard__icon {
	position: relative;
	display: grid;
	place-items: center;
	width: 58px;
	height: 58px;
	margin: 0 0 -29px 6px;
	border-radius: 10px;
	background: #fff;
	color: var(--vdc-c-text);
	font-size: 1.45rem;
	box-shadow: 0 0 0 3px var(--vdc-c), 0 0 0 5px #fff, 0 10px 18px -8px rgba(6, 26, 48, .6);
	transform: rotate(45deg);
}
.vdc-toolcard__icon .vys-icon { transform: rotate(-45deg); }

.vdc-toolcard__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	align-items: flex-start;
	padding: 42px 20px 20px;
}
.vys .vdc-toolcard__title { margin-bottom: 6px; }
.vdc-toolcard__text { display: block; margin: 0 0 12px; color: var(--vys-muted); font-size: .9rem; line-height: 1.5; }
.vdc-toolcard__live {
	display: block;
	width: 100%;
	margin: 0 0 14px;
	padding: 8px 10px;
	border-left: 4px solid var(--vdc-c);
	border-radius: 4px 10px 10px 4px;
	background: var(--vys-cream);
	color: var(--vys-navy);
	font-size: .8rem;
	font-weight: 700;
	line-height: 1.35;
}
.vys .vdc-toolcard__go {
	padding: .5em 1.1em;
	border-radius: 999px;
	background: var(--vdc-c);
	color: var(--vdc-c-ink);
	font-size: .88rem;
	transition: filter .2s ease;
}
.vys .vdc-toolcard:hover .vdc-toolcard__go { filter: brightness(1.08); }
@media (prefers-reduced-motion: reduce) {
	.vys .vdc-toolcard:hover { transform: none; }
}

/* =========================================================================
   24. Tablero de temas (sustituye las "salidas" con horas, placas y estados,
   que podían tomarse por rutas de bus reales). Mismo marco de chiva; cada
   fila: rombo de color, tema con su lema, nº real de artículos y flecha.
   ========================================================================= */
.vys .vdc-tablero .vdc-tablero__row,
.vys .vdc-tablero--compact .vdc-tablero__row {
	grid-template-columns: 14px minmax(0, 1fr) auto 28px;
	gap: 14px;
}
.vdc-tablero__mark {
	--vdc-c: var(--vdc-yellow);
	width: 12px;
	height: 12px;
	background: var(--vdc-c);
	transform: rotate(45deg);
	box-shadow: 0 0 0 2px rgba(255, 255, 255, .18);
}
.vdc-tablero__row--azul .vdc-tablero__mark { --vdc-c: #5b8fe0; }
.vdc-tablero__row--rojo .vdc-tablero__mark { --vdc-c: #ef4a63; }
.vdc-tablero__row--verde .vdc-tablero__mark { --vdc-c: #3fb37f; }
.vdc-tablero__count {
	padding: .3em .8em;
	border: 1px solid rgba(255, 194, 26, .45);
	border-radius: 999px;
	color: var(--vys-yellow-2);
	font-size: .78rem;
	font-weight: 800;
	white-space: nowrap;
}
.vdc-tablero__go {
	display: grid;
	place-items: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .08);
	color: var(--vys-yellow);
	font-size: .85rem;
	transition: background-color .2s ease, color .2s ease, transform .2s ease;
}
.vys .vdc-tablero__row:hover .vdc-tablero__go,
.vys .vdc-tablero__row:focus-visible .vdc-tablero__go { background: var(--vys-yellow); color: var(--vys-navy-900); }
.vdc-tablero--compact .vdc-tablero__dest small { display: none; }
.vdc-tablero__head { padding-bottom: 14px; border-bottom: 2px solid rgba(255, 194, 26, .2); }
.vdc-tablero__foot { text-align: center; }
@media (prefers-reduced-motion: no-preference) {
	.vys .vdc-tablero__row:hover .vdc-tablero__go { transform: translateX(3px); }
}
@media (max-width: 700px) {
	.vys .vdc-tablero .vdc-tablero__row,
	.vys .vdc-tablero--compact .vdc-tablero__row {
		grid-template-columns: 12px minmax(0, 1fr) auto;
		gap: 12px;
	}
	.vdc-tablero__dest { grid-column: auto; }
	.vdc-tablero__go { display: none; }
}
/* Lista completa (404, búsqueda): dos columnas en pantallas anchas. */
@media (min-width: 901px) {
	.vys .vdc-tablero:not(.vdc-tablero--compact) .vdc-tablero__list {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.vys .vdc-tablero:not(.vdc-tablero--compact) .vdc-tablero__list li:nth-child(even) { border-left: 1px solid rgba(255, 255, 255, .08); }
	.vys .vdc-tablero:not(.vdc-tablero--compact) .vdc-tablero__list li:nth-child(2) { border-top: 0; }
}