/* ==========================================================================
   Paul y Carito — estilos del sitio
   1. Variables   2. Base y tipografía   3. Utilidades   4. Botones y etiquetas
   5. Cabecera    6. Portada   7. Secciones y tarjetas   8. Cabecera de página
   9. Artículo    10. Comentarios y formularios   11. Paginación   12. Pie
   ========================================================================== */

/* 1. Variables
   ========================================================================== */
:root {
	--pyc-white: #fff;
	--pyc-ink: #353535;
	--pyc-ink-soft: #6a6562;
	--pyc-dark: #2a2522;
	--pyc-gray: #f5f4f2;
	--pyc-line: #e6e2de;

	/* Pasteles para fondos de sección y etiquetas. */
	--pyc-pink: #f0e8e7;
	--pyc-blue: #e7f4f4;
	--pyc-blue-strong: #c0e2e2;
	--pyc-purple: #eee9ef;
	--pyc-green: #e2ece6;
	--pyc-sand: #fcf0d9;

	/* Acentos: el terracota claro solo decora; el fuerte lleva texto blanco encima. */
	--pyc-accent: #d1835a;
	--pyc-accent-strong: #b55c33;
	--pyc-accent-text: #a8522b;
	--pyc-yellow: #f1bc68;

	--pyc-font-display: "Outfit", "Segoe UI", system-ui, -apple-system, sans-serif;
	--pyc-font-body: "Merriweather", Georgia, "Times New Roman", serif;

	/* Escala tipográfica fluida: crece con el ancho de pantalla entre un mínimo y un máximo. */
	--pyc-text-xs: 0.8125rem;
	--pyc-text-sm: 0.9375rem;
	--pyc-text-base: 1.0625rem;
	--pyc-text-lg: clamp(1.0625rem, 1rem + 0.3vw, 1.1875rem);
	--pyc-text-xl: clamp(1.35rem, 1.2rem + 0.6vw, 1.7rem);
	--pyc-text-2xl: clamp(1.85rem, 1.4rem + 1.8vw, 2.6rem);
	--pyc-text-3xl: clamp(2.1rem, 1.4rem + 3vw, 3.5rem);
	--pyc-text-4xl: clamp(2.5rem, 1.4rem + 4.6vw, 4.6rem);

	--pyc-radius-sm: 12px;
	--pyc-radius: 18px;
	--pyc-radius-lg: 28px;
	--pyc-shadow: 0 2px 6px rgba(42, 37, 34, 0.05), 0 18px 40px -18px rgba(42, 37, 34, 0.22);

	/* Formas orgánicas de las fotos principales. */
	--pyc-blob: 63% 37% 48% 52% / 54% 45% 55% 46%;
	--pyc-blob-alt: 44% 56% 61% 39% / 47% 58% 42% 53%;
	--pyc-curve: clamp(28px, 5vw, 72px);

	--pyc-container: 1200px;
	--pyc-gutter: clamp(1rem, 4vw, 2rem);
	--pyc-header-height: 76px;
}

/* 2. Base y tipografía
   ========================================================================== */
*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
}

/* La interfaz usa la tipografía de titulares; el texto de lectura, la serif. */
body {
	margin: 0;
	background: var(--pyc-white);
	color: var(--pyc-ink);
	font-family: var(--pyc-font-display);
	font-size: var(--pyc-text-base);
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
}

.hero__text,
.section__intro,
.card__excerpt,
.page-header__lead,
.about__text,
.cta__text,
.author-box__text,
.entry-content,
.comment-content,
.site-footer__brand p,
.no-results p {
	font-family: var(--pyc-font-body);
}

img,
video {
	display: block;
	max-width: 100%;
	height: auto;
}

h1,
h2,
h3,
h4 {
	margin: 0 0 0.5em;
	font-family: var(--pyc-font-display);
	font-weight: 700;
	line-height: 1.08;
	letter-spacing: -0.03em;
	text-wrap: balance;
}

/* Acento de los títulos: subrayado ondulado, como trazado a mano. */
h1 em,
h2 em {
	padding-bottom: 0.16em;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 12' preserveAspectRatio='none'%3E%3Cpath d='M0 6C5 1.5 10 1.5 15 6S25 10.5 30 6 40 1.5 45 6 55 10.5 60 6' fill='none' stroke='%23f1bc68' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") repeat-x left 100% / 1.5em 0.3em;
	font-style: normal;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}

p {
	margin: 0 0 1.25em;
}

a {
	color: inherit;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
}

:focus-visible {
	outline: 2px solid var(--pyc-ink);
	outline-offset: 3px;
	border-radius: 4px;
}

[id] {
	scroll-margin-top: calc(var(--pyc-header-height) + 1.5rem);
}

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

	*,
	*::before,
	*::after {
		transition: none !important;
		animation: none !important;
	}
}

/* 3. Utilidades
   ========================================================================== */
.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0;
}

.skip-link:focus {
	position: fixed;
	top: 0.75rem;
	left: 0.75rem;
	z-index: 100;
	width: auto;
	height: auto;
	margin: 0;
	padding: 0.75rem 1rem;
	clip-path: none;
	background: var(--pyc-dark);
	color: var(--pyc-white);
	border-radius: var(--pyc-radius-sm);
}

.container {
	width: min(100% - 2 * var(--pyc-gutter), var(--pyc-container));
	margin-inline: auto;
}

.container--narrow {
	width: min(100% - 2 * var(--pyc-gutter), 760px);
}

.panel {
	padding: clamp(1.5rem, 4vw, 3rem);
	background: var(--pyc-gray);
	border-radius: var(--pyc-radius-lg);
}

.icon {
	display: inline-block;
	flex: none;
	vertical-align: middle;
}

.eyebrow {
	margin: 0 0 0.6rem;
	color: var(--pyc-accent-text);
	font-family: var(--pyc-font-display);
	font-size: var(--pyc-text-xs);
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.eyebrow--light {
	color: var(--pyc-yellow);
}

.link-arrow {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	font-size: var(--pyc-text-sm);
	font-weight: 700;
	text-decoration: none;
	white-space: nowrap;
}

.link-arrow .icon {
	color: var(--pyc-accent-strong);
	transition: transform 0.2s ease;
}

.link-arrow:hover .icon {
	transform: translateX(3px);
}

/* 4. Botones y etiquetas
   ========================================================================== */
.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	min-height: 50px;
	padding: 0.7rem 1.6rem;
	border: 1px solid transparent;
	border-radius: 999px;
	font: inherit;
	font-size: 0.9rem;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.05em;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
	transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.btn:hover {
	transform: translateY(-1px);
}

.btn--sm {
	min-height: 44px;
	padding: 0.5rem 1.2rem;
	font-size: 0.8125rem;
}

.btn--primary {
	background: var(--pyc-accent-strong);
	color: var(--pyc-white);
}

.btn--primary:hover {
	background: var(--pyc-accent-text);
}

.btn--cta {
	background: var(--pyc-yellow);
	color: var(--pyc-dark);
}

.btn--cta:hover {
	background: #eaa947;
}

.btn--ghost {
	background: var(--pyc-white);
	border-color: var(--pyc-line);
}

.btn--ghost:hover {
	border-color: var(--pyc-ink);
}

.btn--dark {
	background: var(--pyc-dark);
	color: var(--pyc-white);
}

.btn--outline-light {
	border-color: rgba(255, 255, 255, 0.45);
	color: var(--pyc-white);
	text-transform: none;
	letter-spacing: 0;
}

.btn--outline-light:hover {
	border-color: var(--pyc-white);
}

.chip {
	display: inline-flex;
	align-items: center;
	margin: 0;
	padding: 0.38rem 0.95rem;
	background: var(--pyc-gray);
	border-radius: 999px;
	color: var(--pyc-ink);
	font-family: var(--pyc-font-display);
	font-size: var(--pyc-text-xs);
	font-weight: 700;
	line-height: 1.4;
	text-decoration: none;
}

.chip--tone-0 {
	background: var(--pyc-sand);
}

.chip--tone-1 {
	background: var(--pyc-green);
}

.chip--tone-2 {
	background: var(--pyc-blue-strong);
}

.chip--tone-3 {
	background: var(--pyc-purple);
}

.chip--tone-4 {
	background: var(--pyc-pink);
}

.proximos {
	margin: 1.25rem 0 0;
	color: var(--pyc-ink-soft);
	font-size: var(--pyc-text-sm);
}

/* 5. Cabecera
   ========================================================================== */
/* Transparente sobre la franja de color; blanca en cuanto se hace scroll (o si no hay JavaScript). */
.site-header {
	position: sticky;
	top: 0;
	z-index: 50;
	transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

.site-header.is-stuck,
.no-js .site-header {
	background: rgba(255, 255, 255, 0.92);
	backdrop-filter: blur(14px);
	box-shadow: 0 1px 0 var(--pyc-line);
}

.site-header__inner {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	min-height: var(--pyc-header-height);
}

/* Logotipo vectorial: letras gruesas dibujadas a mano, apiladas y algo inclinadas. */
.site-logo {
	display: inline-block;
	color: var(--pyc-ink);
	font-weight: 800;
	text-decoration: none;
	transform: rotate(-3deg);
	transition: transform 0.25s ease;
}

.site-logo:hover {
	transform: rotate(0deg);
}

.site-logo svg {
	display: block;
	width: auto;
	height: 46px;
}

.custom-logo {
	width: auto;
	max-height: 52px;
}

.nav-toggle {
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	padding: 0;
	background: var(--pyc-white);
	border: 1px solid var(--pyc-line);
	border-radius: 50%;
	color: inherit;
	cursor: pointer;
}

.nav-toggle__close,
.nav-toggle[aria-expanded="true"] .nav-toggle__open {
	display: none;
}

.nav-toggle[aria-expanded="true"] .nav-toggle__close {
	display: block;
}

.site-nav {
	position: absolute;
	top: 100%;
	right: calc(-1 * var(--pyc-gutter));
	left: calc(-1 * var(--pyc-gutter));
	display: none;
	max-height: calc(100vh - var(--pyc-header-height));
	padding: 1rem var(--pyc-gutter) 1.5rem;
	overflow-y: auto;
	background: var(--pyc-white);
	border-top: 1px solid var(--pyc-line);
	box-shadow: var(--pyc-shadow);
}

.site-nav.is-open {
	display: block;
}

.site-nav__list,
.site-nav__list ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.site-nav__list a {
	display: block;
	padding: 0.7rem 0;
	font-weight: 700;
	text-decoration: none;
}

.site-nav__list .sub-menu {
	padding-left: 1rem;
	border-left: 2px solid var(--pyc-line);
}

.site-nav__list .sub-menu a {
	font-weight: 500;
}

.site-nav__list .current-menu-item > a,
.site-nav__list a:hover {
	color: var(--pyc-accent-text);
}

.site-nav__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 0.75rem;
	margin-top: 1rem;
	padding-top: 1rem;
	border-top: 1px solid var(--pyc-line);
}

.header-search {
	position: relative;
}

.header-search summary {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border: 1px solid var(--pyc-line);
	border-radius: 50%;
	background: var(--pyc-white);
	list-style: none;
	cursor: pointer;
}

.header-search summary::-webkit-details-marker {
	display: none;
}

.header-search[open] {
	flex: 1 1 100%;
	display: flex;
	gap: 0.75rem;
}

.header-search__panel {
	flex: 1;
}

.search-form {
	display: flex;
	align-items: center;
	padding: 0.25rem 0.25rem 0.25rem 1.1rem;
	background: var(--pyc-white);
	border: 1px solid var(--pyc-line);
	border-radius: 999px;
}

.search-form:focus-within {
	border-color: var(--pyc-ink);
}

.search-form__field {
	flex: 1;
	min-width: 0;
	padding: 0.4rem 0;
	background: transparent;
	border: 0;
	color: inherit;
	font: inherit;
}

.search-form__field:focus {
	outline: none;
}

.search-form__submit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	flex: none;
	min-width: 40px;
	height: 40px;
	padding: 0;
	background: var(--pyc-accent-strong);
	border: 0;
	border-radius: 999px;
	color: var(--pyc-white);
	font: inherit;
	font-size: 0.875rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background-color 0.2s ease;
}

.search-form__submit:hover {
	background: var(--pyc-accent-text);
}

/* El texto del botón solo se muestra en el buscador grande de la portada. */
.search-form__label {
	display: none;
}

@media (max-width: 959px) {
	.has-menu-open body {
		overflow: hidden;
	}
}

@media (min-width: 960px) {
	.nav-toggle {
		display: none;
	}

	.site-nav {
		position: static;
		display: flex;
		flex: 1;
		align-items: center;
		justify-content: flex-end;
		gap: 1.5rem;
		max-height: none;
		padding: 0;
		overflow: visible;
		background: transparent;
		border: 0;
		box-shadow: none;
	}

	.site-nav__list {
		display: flex;
		align-items: center;
		gap: 0.25rem;
		margin-right: auto;
		margin-left: 2rem;
	}

	.site-nav__list > li {
		position: relative;
	}

	.site-nav__list a {
		padding: 0.6rem 0.85rem;
	}

	.site-nav__list > .current-menu-item > a,
	.site-nav__list > .current-menu-ancestor > a {
		color: var(--pyc-accent-text);
	}

	.site-nav__list .sub-menu {
		position: absolute;
		top: 100%;
		left: 0;
		min-width: 200px;
		padding: 0.5rem;
		background: var(--pyc-white);
		border: 1px solid var(--pyc-line);
		border-radius: var(--pyc-radius-sm);
		box-shadow: var(--pyc-shadow);
		opacity: 0;
		visibility: hidden;
		transform: translateY(6px);
		transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s;
	}

	.site-nav__list li:hover > .sub-menu,
	.site-nav__list li:focus-within > .sub-menu {
		opacity: 1;
		visibility: visible;
		transform: none;
	}

	.site-nav__list .sub-menu a {
		padding: 0.5rem 0.75rem;
		border-radius: 8px;
	}

	.site-nav__list .sub-menu a:hover {
		background: var(--pyc-gray);
	}

	/* Desplegable de destinos: cada país o grupo es una columna con su lista debajo. */
	.site-nav__list > li > .sub-menu:has(.sub-menu) {
		display: flex;
		gap: 1.25rem;
		width: max-content;
		padding: 1.1rem 1.25rem;
	}

	.site-nav__list > li > .sub-menu:has(.sub-menu) > li {
		min-width: 150px;
	}

	.site-nav__list > li > .sub-menu:has(.sub-menu) > li > a {
		color: var(--pyc-accent-text);
		font-size: var(--pyc-text-xs);
		font-weight: 700;
		letter-spacing: 0.1em;
		text-transform: uppercase;
	}

	.site-nav__list .sub-menu .sub-menu {
		position: static;
		min-width: 0;
		padding: 0;
		background: none;
		border: 0;
		box-shadow: none;
		opacity: 1;
		visibility: inherit;
		transform: none;
	}

	.site-nav__actions {
		flex-wrap: nowrap;
		align-items: center;
		margin: 0;
		padding: 0;
		border: 0;
	}

	.header-search[open] {
		flex: none;
		display: block;
	}

	.header-search__panel {
		position: absolute;
		top: calc(100% + 0.6rem);
		right: 0;
		width: 320px;
		padding: 0.6rem;
		background: var(--pyc-white);
		border: 1px solid var(--pyc-line);
		border-radius: var(--pyc-radius);
		box-shadow: var(--pyc-shadow);
	}
}

/* 6. Portada
   ========================================================================== */

/* Franja de color que arranca detrás de la cabecera y termina en curva. */
.hero,
.page-header {
	margin-top: calc(-1 * var(--pyc-header-height));
	padding-top: calc(var(--pyc-header-height) + clamp(1.5rem, 4vw, 3.5rem));
	padding-bottom: clamp(3rem, 7vw, 5.5rem);
	background: var(--pyc-pink);
	border-radius: 0 0 50% 50% / 0 0 var(--pyc-curve) var(--pyc-curve);
}

/* La mancha de color de la foto sobresale a propósito; la franja la recorta. */
.hero {
	overflow: hidden;
}

/* minmax(0, 1fr) impide que un hijo ancho (el buscador) ensanche la columna en móvil. */
.hero__panel {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: clamp(2.5rem, 5vw, 4rem);
	align-items: center;
}

.hero__title {
	margin: 0.5rem 0 1.25rem;
	font-size: var(--pyc-text-4xl);
	font-weight: 800;
	line-height: 1.04;
	letter-spacing: -0.035em;
}

.hero__text {
	max-width: 34rem;
	margin: 0;
	font-size: var(--pyc-text-lg);
	font-weight: 300;
	line-height: 1.75;
}

.hero__search {
	max-width: 34rem;
	margin-top: 2rem;
}

.hero__search .search-form {
	padding: 0.4rem 0.4rem 0.4rem 1.5rem;
	border-color: transparent;
	box-shadow: var(--pyc-shadow);
}

.hero__search .search-form__field {
	padding: 0.75rem 0;
}

.hero__search .search-form__submit {
	height: 50px;
	padding: 0 1.5rem;
}

.hero__search .search-form__label {
	display: inline;
}

.hero__popular {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: 1.25rem 0 0;
	padding: 0;
	list-style: none;
}

.hero__popular .chip {
	padding: 0.5rem 1.1rem;
	background: var(--pyc-white);
	font-size: var(--pyc-text-sm);
	transition: transform 0.2s ease, background-color 0.2s ease;
}

.hero__popular .chip:hover {
	background: var(--pyc-yellow);
	transform: translateY(-2px);
}

.hero__media {
	position: relative;
	width: min(100%, 520px);
	margin-inline: auto;
}

/* Mancha de color detrás de la foto, desplazada para dar profundidad. */
.hero__media::before {
	content: "";
	position: absolute;
	inset: 7% -5% -5% 9%;
	background: var(--pyc-blue-strong);
	border-radius: var(--pyc-blob-alt);
}

.hero__img {
	position: relative;
	width: 100%;
	aspect-ratio: 1 / 1.08;
	object-fit: cover;
	object-position: center 40%;
	border-radius: var(--pyc-blob);
	background: var(--pyc-gray);
}

.hero__feature {
	position: absolute;
	right: 0;
	bottom: -1.25rem;
	left: 0;
	display: grid;
	gap: 0.35rem;
	width: min(100%, 320px);
	margin-inline: auto;
	padding: 1rem 1.2rem;
	background: var(--pyc-white);
	border-radius: var(--pyc-radius);
	box-shadow: var(--pyc-shadow);
	text-decoration: none;
	transition: transform 0.25s ease;
}

.hero__feature:hover {
	transform: translateY(-3px);
}

.hero__feature-label {
	color: var(--pyc-accent-text);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.hero__feature-title {
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.22;
	letter-spacing: -0.02em;
}

.hero__feature-more {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	color: var(--pyc-ink-soft);
	font-size: var(--pyc-text-xs);
	font-weight: 600;
}

@media (min-width: 900px) {
	.hero__panel {
		grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);
	}

	.hero__feature {
		right: auto;
		bottom: 6%;
		left: -8%;
		margin: 0;
	}
}

/* 7. Secciones y tarjetas
   ========================================================================== */
.section {
	padding-block: clamp(3rem, 6.5vw, 5rem);
}

.section--tight {
	padding-block: clamp(1.75rem, 3.5vw, 2.75rem);
}

.section--tint {
	background: var(--pyc-gray);
}

.section--blue {
	background: var(--pyc-blue);
}

.section--tint,
.section--blue {
	margin-block: clamp(1.5rem, 3vw, 2.5rem);
}

.section__head {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 0.75rem 2rem;
	margin-bottom: clamp(1.5rem, 3vw, 2.25rem);
}

.section__title {
	margin: 0;
	font-size: var(--pyc-text-2xl);
}

.section__intro {
	max-width: 30rem;
	margin: 0;
	color: var(--pyc-ink-soft);
	font-size: var(--pyc-text-sm);
	line-height: 1.75;
}

.section__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}

.grid {
	display: grid;
	gap: clamp(1rem, 2.2vw, 1.5rem);
}

.grid--cards {
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr));
}

/* Los destinos van de dos en dos en móvil para no alargar la página. */
.grid--destinos {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (min-width: 900px) {
	.grid--destinos {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

/* Tarjeta de artículo */
.card {
	position: relative;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	background: var(--pyc-white);
	border: 1px solid var(--pyc-line);
	border-radius: var(--pyc-radius);
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.card:hover {
	transform: translateY(-3px);
	box-shadow: var(--pyc-shadow);
}

.card__media {
	aspect-ratio: 4 / 5;
	overflow: hidden;
	background: var(--pyc-gray);
}

.card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.card:hover .card__media img {
	transform: scale(1.03);
}

.card__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.65rem;
	padding: 1.15rem 1.2rem 1.3rem;
}

.card__title {
	margin: 0;
	font-size: 1.2rem;
	line-height: 1.2;
	letter-spacing: -0.02em;
}

.card__title a {
	text-decoration: none;
}

/* Toda la tarjeta es clicable sin repetir el enlace. */
.card__title a::after {
	content: "";
	position: absolute;
	inset: 0;
}

.card .chip {
	position: relative;
	z-index: 1;
}

.card__excerpt {
	margin: 0;
	color: var(--pyc-ink-soft);
	font-size: 0.875rem;
	line-height: 1.7;
}

.card__meta {
	margin: auto 0 0;
	padding-top: 0.35rem;
	color: var(--pyc-ink-soft);
	font-size: var(--pyc-text-xs);
}

/* Últimas guías: una destacada y el resto en lista compacta. */
.latest {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: clamp(1rem, 2.2vw, 1.5rem);
}

.latest__list {
	display: grid;
	gap: clamp(0.75rem, 1.6vw, 1rem);
	align-content: start;
}

.card--feature .card__title {
	font-size: var(--pyc-text-xl);
}

.card--row {
	flex-direction: row;
}

.card--row .card__media {
	flex: none;
	width: 108px;
	aspect-ratio: auto;
}

.card--row .card__body {
	gap: 0.45rem;
	padding: 0.95rem 1.1rem;
}

.card--row .card__title {
	font-size: 1.0625rem;
}

.card--row .card__meta {
	padding-top: 0;
}

@media (min-width: 600px) {
	.card--feature {
		flex-direction: row;
	}

	.card--feature .card__media {
		flex: none;
		width: 46%;
		aspect-ratio: auto;
		min-height: 380px;
	}

	.card--feature .card__body {
		justify-content: center;
		gap: 0.9rem;
		padding: clamp(1.25rem, 3vw, 2rem);
	}

	.card--feature .card__meta {
		margin-top: 0;
	}

	.card--row .card__media {
		width: 132px;
	}
}

@media (min-width: 960px) {
	.latest {
		grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
	}

	.latest__list {
		align-content: stretch;
	}
}

/* Tarjeta de destino */
.destino-card__link {
	position: relative;
	display: block;
	aspect-ratio: 4 / 5;
	overflow: hidden;
	isolation: isolate;
	background: var(--pyc-ink-soft);
	border-radius: var(--pyc-radius);
	color: var(--pyc-white);
	text-decoration: none;
}

.destino-card__link img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.destino-card__link::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(180deg, rgba(42, 37, 34, 0) 42%, rgba(42, 37, 34, 0.82) 100%);
}

.destino-card__link:hover img {
	transform: scale(1.04);
}

.destino-card__body {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	padding: clamp(0.9rem, 2.5vw, 1.3rem);
}

.destino-card__name {
	margin: 0;
	color: var(--pyc-white);
	font-size: clamp(1.3rem, 0.9rem + 2vw, 2rem);
	font-weight: 800;
}

.destino-card__count {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0.25rem 0 0;
	font-size: clamp(0.8rem, 0.75rem + 0.3vw, 0.9375rem);
	font-weight: 500;
}

.destino-card__count .icon {
	transition: transform 0.2s ease;
}

.destino-card__link:hover .destino-card__count .icon {
	transform: translateX(4px);
}

/* Temas: píldoras que alternan los pasteles de la paleta. */
.temas {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.tema {
	display: inline-flex;
	align-items: center;
	gap: 0.6rem;
	min-height: 48px;
	padding: 0.5rem 0.6rem 0.5rem 1.2rem;
	background: var(--pyc-gray);
	border-radius: 999px;
	font-weight: 700;
	text-decoration: none;
	transition: transform 0.2s ease;
}

.temas li:nth-child(5n + 1) .tema {
	background: var(--pyc-blue);
}

.temas li:nth-child(5n + 2) .tema {
	background: var(--pyc-pink);
}

.temas li:nth-child(5n + 3) .tema {
	background: var(--pyc-sand);
}

.temas li:nth-child(5n + 4) .tema {
	background: var(--pyc-green);
}

.temas li:nth-child(5n + 5) .tema {
	background: var(--pyc-purple);
}

.tema:hover {
	transform: translateY(-2px);
}

.tema__count {
	display: grid;
	place-items: center;
	min-width: 1.9rem;
	height: 1.9rem;
	padding: 0 0.45rem;
	background: var(--pyc-white);
	border-radius: 999px;
	font-size: 0.8rem;
}

/* Sobre nosotros */
.about__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: clamp(2rem, 5vw, 4rem);
	align-items: center;
}

.about__media {
	width: min(100%, 440px);
	margin-inline: auto;
}

.about__media img {
	width: 100%;
	aspect-ratio: 1 / 1.1;
	object-fit: cover;
	object-position: center 30%;
	border-radius: var(--pyc-blob-alt);
}

.about__text {
	max-width: 36rem;
	margin: 1.1rem 0 1.5rem;
	font-size: var(--pyc-text-lg);
	font-weight: 300;
	line-height: 1.75;
}

.stats {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem 2.5rem;
	margin: 0 0 1.9rem;
}

/* En el HTML va primero la etiqueta; a la vista, primero la cifra. */
.stats > div {
	display: flex;
	flex-direction: column-reverse;
}

.stats dd {
	margin: 0;
	color: var(--pyc-accent-strong);
	font-size: var(--pyc-text-3xl);
	font-weight: 800;
	line-height: 1;
	letter-spacing: -0.03em;
}

.stats dt {
	margin-top: 0.3rem;
	font-size: var(--pyc-text-sm);
	font-weight: 500;
}

.about__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.9rem 1.25rem;
}

.about__actions .social {
	margin: 0;
}

@media (min-width: 900px) {
	.about__grid {
		grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
	}
}

/* Franja de fotos */
.photo-strip {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(0.5rem, 1.4vw, 1rem);
	margin: 0;
	padding: 0;
	list-style: none;
}

.photo-strip li {
	aspect-ratio: 1;
	overflow: hidden;
	background: var(--pyc-gray);
	border-radius: var(--pyc-radius);
}

.photo-strip img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.photo-strip li:hover img {
	transform: scale(1.05);
}

@media (min-width: 900px) {
	.photo-strip {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}
}

/* Llamada a la acción */
.cta__panel {
	display: grid;
	gap: 1.75rem;
	align-items: center;
	padding: clamp(1.75rem, 5vw, 3.5rem);
	background: var(--pyc-dark);
	border-radius: var(--pyc-radius-lg);
	color: var(--pyc-white);
}

.cta__title {
	max-width: 22ch;
	margin-bottom: 0.85rem;
	font-size: var(--pyc-text-2xl);
}

.cta__text {
	max-width: 40rem;
	margin: 0;
	color: rgba(255, 255, 255, 0.82);
	font-size: var(--pyc-text-sm);
	font-weight: 300;
	line-height: 1.8;
}

.cta__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
}

@media (min-width: 900px) {
	.cta__panel {
		grid-template-columns: minmax(0, 1fr) auto;
	}

	.cta__actions {
		flex-direction: column;
		align-items: stretch;
	}
}

/* Media kit: cifras en fichas y recursos de marca */
.stats--tiles {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 170px), 1fr));
	gap: clamp(0.75rem, 1.6vw, 1rem);
	margin: 0;
}

.stats--tiles > div {
	padding: 1.4rem 1.25rem;
	background: var(--pyc-gray);
	border-radius: var(--pyc-radius);
}

.stats--tiles > div:nth-child(5n + 1) {
	background: var(--pyc-blue);
}

.stats--tiles > div:nth-child(5n + 2) {
	background: var(--pyc-pink);
}

.stats--tiles > div:nth-child(5n + 3) {
	background: var(--pyc-sand);
}

.stats--tiles > div:nth-child(5n + 4) {
	background: var(--pyc-green);
}

.stats--tiles > div:nth-child(5n + 5) {
	background: var(--pyc-purple);
}

.stats--tiles dd {
	font-size: var(--pyc-text-2xl);
}

.mediakit-stats__note {
	margin: 1.25rem 0 0;
	color: var(--pyc-ink-soft);
	font-size: var(--pyc-text-sm);
}

.mediakit-stats__note--admin {
	padding: 0.75rem 1rem;
	border: 1px dashed var(--pyc-accent);
	border-radius: var(--pyc-radius-sm);
	color: var(--pyc-accent-text);
}

.brand-assets__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
	gap: clamp(1rem, 2.2vw, 1.5rem);
}

.brand-asset__preview {
	display: grid;
	place-items: center;
	padding: clamp(2rem, 5vw, 3.5rem);
	background: var(--pyc-gray);
	border-radius: var(--pyc-radius);
}

.brand-asset--dark .brand-asset__preview {
	background: var(--pyc-dark);
}

.brand-asset__preview img {
	width: min(100%, 240px);
}

.brand-asset__links {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin: 0.75rem 0 0;
	font-size: var(--pyc-text-sm);
	font-weight: 600;
}

.brand-asset__links span {
	margin-right: auto;
}

.brand-asset__links a {
	padding: 0.4rem 1rem;
	background: var(--pyc-gray);
	border-radius: 999px;
	font-weight: 700;
	text-decoration: none;
	transition: background-color 0.2s ease;
}

.brand-asset__links a:hover {
	background: var(--pyc-yellow);
}

.entry-actions {
	margin: 0.5rem 0 0;
}

.print-only,
[data-print][hidden] {
	display: none;
}

/* 8. Cabecera de página
   ========================================================================== */

/* Los destinos usan la franja celeste; el resto, la rosa de la portada. */
.category .page-header,
.page-template-destinos .page-header {
	background: var(--pyc-blue);
}

.page-header__panel--media {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: clamp(2rem, 5vw, 4rem);
	align-items: center;
}

.page-header__title {
	margin: 0.6rem 0 1rem;
	font-size: var(--pyc-text-3xl);
	font-weight: 800;
	line-height: 1.06;
}

.page-header__lead {
	max-width: 44rem;
	margin: 0;
	font-size: var(--pyc-text-lg);
	font-weight: 300;
	line-height: 1.75;
}

.page-header__lead p:last-child {
	margin-bottom: 0;
}

.page-header__meta,
.entry-meta {
	margin: 1.2rem 0 0;
	color: var(--pyc-ink-soft);
	font-size: var(--pyc-text-sm);
}

.entry-meta a {
	color: var(--pyc-ink);
	font-weight: 700;
}

.page-header__media {
	width: min(100%, 420px);
	margin: 0 auto;
}

.page-header__media img {
	width: 100%;
	aspect-ratio: 1 / 1.1;
	object-fit: cover;
	object-position: center 40%;
	border-radius: var(--pyc-blob);
}

@media (min-width: 900px) {
	.page-header__panel--media {
		grid-template-columns: minmax(0, 1fr) minmax(0, 420px);
	}
}

.breadcrumbs {
	margin-bottom: 1rem;
	color: var(--pyc-ink-soft);
	font-size: var(--pyc-text-xs);
	font-weight: 500;
}

.breadcrumbs ol {
	display: flex;
	flex-wrap: wrap;
	gap: 0.25rem 0.5rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.breadcrumbs li + li::before {
	content: "/";
	margin-right: 0.5rem;
	opacity: 0.6;
}

.breadcrumbs a {
	text-decoration: none;
}

.breadcrumbs a:hover {
	text-decoration: underline;
}

/* Ficha del viaje */
.facts {
	display: grid;
	gap: 1rem 1.5rem;
	margin: 1.75rem 0 0;
	padding: 0;
	list-style: none;
}

.facts__item {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
}

.facts__icon {
	display: grid;
	place-items: center;
	flex: none;
	width: 44px;
	height: 44px;
	background: var(--pyc-white);
	border-radius: 50%;
	color: var(--pyc-accent-strong);
}

.facts__label {
	display: block;
	color: var(--pyc-ink-soft);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.facts__value {
	display: block;
	font-weight: 600;
	line-height: 1.35;
}

@media (min-width: 640px) {
	.facts {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

.filter {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: 0 0 1.75rem;
	padding: 0;
	list-style: none;
}

.filter .chip {
	padding: 0.5rem 1.1rem;
	font-size: var(--pyc-text-sm);
}

.no-results {
	max-width: 640px;
	margin-inline: auto;
	text-align: center;
}

.no-results + .grid {
	margin-top: 2rem;
}

/* 9. Artículo
   ========================================================================== */
.entry-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: clamp(1.25rem, 3vw, 2rem);
	padding-top: clamp(1.75rem, 4vw, 3rem);
}

.entry-layout__main {
	width: 100%;
	max-width: 760px;
	min-width: 0;
	margin-inline: auto;
}

/* Índice: arriba en móvil, columna fija a la derecha en escritorio. */
.toc {
	width: 100%;
	max-width: 760px;
	margin-inline: auto;
	padding: 1.3rem 1.5rem;
	background: var(--pyc-gray);
	border-radius: var(--pyc-radius);
}

.toc__title {
	margin: 0 0 0.6rem;
	color: var(--pyc-accent-text);
	font-size: var(--pyc-text-xs);
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.toc ol {
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: toc;
}

.toc li {
	counter-increment: toc;
}

.toc a {
	display: flex;
	gap: 0.7rem;
	padding: 0.42rem 0;
	color: var(--pyc-ink-soft);
	font-size: var(--pyc-text-sm);
	font-weight: 500;
	line-height: 1.35;
	text-decoration: none;
	transition: color 0.15s ease;
}

.toc a::before {
	content: counter(toc, decimal-leading-zero);
	padding-top: 0.15em;
	color: var(--pyc-accent-text);
	font-size: 0.75rem;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
}

.toc a:hover,
.toc a.is-active {
	color: var(--pyc-ink);
}

.toc a.is-active {
	font-weight: 700;
}

@media (min-width: 1080px) {
	.entry-layout--toc {
		grid-template-columns: minmax(0, 1fr) 300px;
		align-items: start;
		column-gap: clamp(2rem, 4vw, 3.5rem);
	}

	.entry-layout--toc .toc {
		position: sticky;
		top: calc(var(--pyc-header-height) + 1.5rem);
		grid-column: 2;
		grid-row: 1;
		margin-top: 0.5rem;
	}

	.entry-layout--toc .entry-layout__main {
		grid-column: 1;
		grid-row: 1;
	}
}

.entry-content {
	padding-block: 0.5rem 1rem;
	font-size: clamp(1rem, 0.95rem + 0.3vw, 1.125rem);
	font-weight: 300;
	line-height: 1.9;
}

.container--narrow > .entry-content {
	padding-top: clamp(2rem, 5vw, 3.5rem);
}

.entry-content > * {
	margin-block: 0;
}

.entry-content > * + * {
	margin-top: 1.4em;
}

.entry-content strong {
	font-weight: 700;
}

.entry-content h2 {
	margin-top: 2.2em;
	font-size: clamp(1.65rem, 1.3rem + 1.3vw, 2.2rem);
}

.entry-content h3 {
	margin-top: 1.8em;
	font-size: clamp(1.25rem, 1.15rem + 0.5vw, 1.5rem);
	letter-spacing: -0.02em;
}

.entry-content a:not(.wp-block-button__link) {
	color: var(--pyc-accent-text);
	font-weight: 700;
	text-decoration-color: var(--pyc-yellow);
	text-decoration-thickness: 2px;
	transition: text-decoration-color 0.15s ease;
}

.entry-content a:not(.wp-block-button__link):hover {
	text-decoration-color: currentColor;
}

.entry-content ul,
.entry-content ol {
	padding-left: 1.3rem;
}

.entry-content li + li {
	margin-top: 0.5em;
}

.entry-content li::marker {
	color: var(--pyc-accent);
	font-weight: 700;
}

.entry-content blockquote {
	margin-inline: 0;
	padding: 0.25rem 0 0.25rem 1.25rem;
	border-left: 4px solid var(--pyc-yellow);
	font-size: 1.15em;
	font-style: italic;
	line-height: 1.7;
}

/* Estilo de bloque «Recomendación»: con quién o cómo hacer la actividad. */
.entry-content .is-style-pyc-tip {
	position: relative;
	padding: 1.15rem 1.35rem 1.15rem 3.8rem;
	background: var(--pyc-blue);
	border-radius: var(--pyc-radius);
	font-size: 0.92em;
	font-weight: 400;
	line-height: 1.75;
}

.entry-content .is-style-pyc-tip::before {
	content: "";
	position: absolute;
	top: 1.15rem;
	left: 1.2rem;
	width: 1.75rem;
	height: 1.75rem;
	background: var(--pyc-accent-strong);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m15.5 8.5-2 5-5 2 2-5z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m15.5 8.5-2 5-5 2 2-5z'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* Estilo de bloque «Tarjeta» y contenido dentro de grupos y columnas. */
.entry-content .wp-block-group > *,
.entry-content .wp-block-column > * {
	margin-block: 0;
}

.entry-content .wp-block-group > * + *,
.entry-content .wp-block-column > * + * {
	margin-top: 0.8em;
}

.entry-content .is-style-pyc-card {
	height: 100%;
	padding: 1.5rem 1.6rem;
	border-radius: var(--pyc-radius);
	font-size: 0.9em;
	font-weight: 400;
	line-height: 1.75;
}

.entry-content .is-style-pyc-card h3 {
	margin-top: 0;
	font-size: var(--pyc-text-xl);
}

.entry-content hr {
	height: 1px;
	margin-block: 2.5em 0;
	background: var(--pyc-line);
	border: 0;
}

.entry-content img {
	border-radius: var(--pyc-radius);
}

.entry-content figure {
	margin-inline: 0;
}

.entry-content figcaption {
	margin-top: 0.5rem;
	color: var(--pyc-ink-soft);
	font-family: var(--pyc-font-display);
	font-size: var(--pyc-text-xs);
	font-weight: 400;
	text-align: center;
}

.entry-content table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.92em;
}

.entry-content th,
.entry-content td {
	padding: 0.65rem 0.75rem;
	border-bottom: 1px solid var(--pyc-line);
	text-align: left;
}

.entry-content th,
.entry-content td:first-child {
	font-family: var(--pyc-font-display);
	font-weight: 700;
}

.container--narrow > .entry-content .alignwide {
	width: auto;
	max-width: none;
	margin-inline: calc((100% - min(1100px, 100vw - 2 * var(--pyc-gutter))) / 2);
}

.container--narrow > .entry-content .alignfull {
	width: auto;
	max-width: none;
	margin-inline: calc((100% - 100vw) / 2);
}

.wp-block-button__link {
	padding: 0.85rem 1.6rem;
	background: var(--pyc-accent-strong);
	border-radius: 999px;
	color: var(--pyc-white);
	font-family: var(--pyc-font-display);
	font-size: 0.9rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	text-decoration: none;
	text-transform: uppercase;
}

.page-links {
	display: flex;
	gap: 0.5rem;
	font-weight: 700;
}

.entry-footer {
	display: grid;
	gap: 1.1rem;
	margin-top: 1.5rem;
	padding-block: 1.5rem;
	border-top: 1px solid var(--pyc-line);
}

.entry-footer__updated {
	margin: 0;
	color: var(--pyc-ink-soft);
	font-size: var(--pyc-text-sm);
}

.tags {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.tags a {
	display: inline-block;
	padding: 0.4rem 1rem;
	background: var(--pyc-gray);
	border-radius: 999px;
	font-size: var(--pyc-text-sm);
	font-weight: 600;
	text-decoration: none;
	transition: background-color 0.2s ease;
}

.tags a:hover {
	background: var(--pyc-yellow);
}

.share {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem;
}

.share__label {
	margin-right: 0.35rem;
	font-size: var(--pyc-text-sm);
	font-weight: 700;
}

.share a,
.share button {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	min-height: 44px;
	padding: 0.5rem 1.1rem;
	background: var(--pyc-white);
	border: 1px solid var(--pyc-line);
	border-radius: 999px;
	color: inherit;
	font: inherit;
	font-size: var(--pyc-text-sm);
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
	transition: border-color 0.2s ease;
}

.share a:hover,
.share button:hover {
	border-color: var(--pyc-ink);
}

.share [hidden] {
	display: none;
}

.author-box {
	display: flex;
	gap: 1.25rem;
	margin-block: 1rem 2rem;
	padding: 1.5rem;
	background: var(--pyc-pink);
	border-radius: var(--pyc-radius);
}

.author-box__photo {
	flex: none;
}

.author-box__photo img {
	width: 92px;
	height: 92px;
	object-fit: cover;
	border-radius: var(--pyc-blob);
}

.author-box .eyebrow {
	margin-bottom: 0.2rem;
}

.author-box__name {
	margin: 0 0 0.4rem;
	font-size: 1.4rem;
	font-weight: 700;
	letter-spacing: -0.02em;
}

.author-box__text {
	margin: 0 0 0.75rem;
	font-size: 0.875rem;
	line-height: 1.75;
}

@media (max-width: 520px) {
	.author-box {
		flex-direction: column;
	}
}

/* 10. Comentarios y formularios
   ========================================================================== */
.comments {
	margin-block: 2.5rem;
	padding-top: 2rem;
	border-top: 1px solid var(--pyc-line);
}

.comments__title,
.comment-reply-title {
	font-size: var(--pyc-text-xl);
	font-weight: 700;
	letter-spacing: -0.02em;
}

.comment-list,
.comment-list .children {
	margin: 0;
	padding: 0;
	list-style: none;
}

.comment-list .children {
	padding-left: clamp(1rem, 4vw, 2.5rem);
}

.comment-body {
	margin-bottom: 1.25rem;
	padding: 1.25rem;
	background: var(--pyc-gray);
	border-radius: var(--pyc-radius);
}

.comment-content {
	font-size: 0.9375rem;
	line-height: 1.8;
}

.comment-author {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	font-weight: 700;
}

.comment-author .avatar {
	border-radius: 50%;
}

.comment-metadata,
.comment-notes,
.logged-in-as {
	color: var(--pyc-ink-soft);
	font-size: var(--pyc-text-sm);
}

.comment-form label {
	display: block;
	margin-bottom: 0.3rem;
	font-size: var(--pyc-text-sm);
	font-weight: 600;
}

.comment-form input:not([type="checkbox"]):not([type="submit"]),
.comment-form textarea {
	width: 100%;
	padding: 0.8rem 1rem;
	background: var(--pyc-white);
	border: 1px solid var(--pyc-line);
	border-radius: var(--pyc-radius-sm);
	color: inherit;
	font: inherit;
}

.comment-form input:focus,
.comment-form textarea:focus {
	border-color: var(--pyc-ink);
	outline: none;
}

.comment-form .comment-form-cookies-consent label {
	display: inline;
	font-weight: 400;
}

/* 11. Paginación
   ========================================================================== */
.pagination .nav-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.4rem;
	margin-top: 2.5rem;
}

.pagination .page-numbers {
	display: grid;
	place-items: center;
	min-width: 44px;
	height: 44px;
	padding: 0 1rem;
	background: var(--pyc-gray);
	border-radius: 999px;
	font-size: var(--pyc-text-sm);
	font-weight: 700;
	text-decoration: none;
	transition: background-color 0.2s ease;
}

.pagination .page-numbers.current {
	background: var(--pyc-dark);
	color: var(--pyc-white);
}

.pagination a.page-numbers:hover {
	background: var(--pyc-yellow);
}

/* 12. Pie
   ========================================================================== */
.site-footer {
	margin-top: clamp(2rem, 5vw, 4rem);
	padding-block: clamp(2.5rem, 5vw, 4rem) 1.5rem;
	background: var(--pyc-gray);
}

.site-footer__grid {
	display: grid;
	gap: 2rem;
}

.site-footer__brand p {
	max-width: 26rem;
	margin: 1.1rem 0 0;
	color: var(--pyc-ink-soft);
	font-size: 0.875rem;
	line-height: 1.75;
}

.site-footer__title {
	margin: 0 0 0.9rem;
	color: var(--pyc-accent-text);
	font-size: var(--pyc-text-xs);
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.site-footer__nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.site-footer__nav li + li {
	margin-top: 0.55rem;
}

.site-footer__nav a {
	font-weight: 500;
	text-decoration: none;
}

.site-footer__nav a:hover {
	text-decoration: underline;
}

.site-footer__bottom {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 0.5rem 2rem;
	margin-top: 2.5rem;
	padding-top: 1.25rem;
	border-top: 1px solid var(--pyc-line);
	color: var(--pyc-ink-soft);
	font-size: var(--pyc-text-xs);
}

.site-footer__bottom p {
	margin: 0;
}

.social {
	display: flex;
	gap: 0.5rem;
	margin: 1.1rem 0 0;
	padding: 0;
	list-style: none;
}

.social a {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	background: var(--pyc-white);
	border-radius: 50%;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.social a:hover {
	background: var(--pyc-dark);
	color: var(--pyc-white);
}

@media (min-width: 760px) {
	.site-footer__grid {
		grid-template-columns: 2fr 1fr 1fr;
	}
}

/* 13. Impresión
   El media kit se guarda como PDF desde el navegador: fuera la navegación, dentro los colores.
   ========================================================================== */
@media print {
	* {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}

	body {
		font-size: 11pt;
	}

	.site-nav,
	.nav-toggle,
	.site-footer,
	.skip-link,
	.share,
	.comments,
	.toc,
	.mediakit-stats__note--admin,
	.brand-asset__links a,
	[data-print] {
		display: none !important;
	}

	.print-only {
		display: inline;
	}

	.site-header {
		position: static;
	}

	.hero,
	.page-header {
		padding-bottom: 2rem;
	}

	.section,
	.section--tight {
		padding-block: 1rem;
	}

	.entry-content h2 {
		break-after: avoid;
	}

	.stats--tiles > div,
	.brand-asset,
	.cta__panel,
	.entry-content table,
	.entry-content li {
		break-inside: avoid;
	}
}