/* =====================================================================
   Entrada del blog (single.php) · B-Post
   Tarjetas «Sigue leyendo», redes, compartir e índice: blog-comun.css.
   Solo tokens de tokens.css; medidas de diseno-B/pantallas-canvas/B-Post.
   ===================================================================== */

/* ---------------------------------------------------------------------
   Portada: autor (sin la fecha de publicación, decisión 109, hoja 10)
   --------------------------------------------------------------------- */
.cta-entrada-hero .cta-hero__linea--grande {
	--cta-tam-linea: calc(var(--t-portada-grande) * 0.9);
}
@media (min-width: 1024px) {
	.cta-entrada-hero .cta-hero__contenido {
		max-width: 1000px;
	}
}
.cta-entrada-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 14px 22px;
	font-size: 15px;
	color: var(--texto-2);
}
.cta-entrada-meta__dato {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	text-transform: uppercase;
}
.cta-entrada-meta__autor {
	gap: 12px;
	text-transform: none;
}
.cta-entrada-meta__autor strong {
	font-weight: 600;
	color: var(--texto);
}
.cta-entrada-meta__avatar {
	display: inline-flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border: 1px solid var(--borde-fuerte);
	border-radius: var(--r-pildora);
	background: var(--tarjeta);
}
@media (max-width: 767px) {
	.cta-entrada-meta {
		gap: 12px 16px;
		font-size: 14px;
	}
}

/* ---------------------------------------------------------------------
   Retícula: artículo + barra lateral fija
   --------------------------------------------------------------------- */
.cta-entrada {
	padding-top: 100px;
}
.cta-entrada__rejilla {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--e-9);
}
@media (min-width: 1024px) {
	.cta-entrada__rejilla {
		grid-template-columns: minmax(0, 1fr) 340px;
		align-items: start;
		gap: 48px;
	}
	.cta-entrada__lateral {
		align-self: stretch;
	}
	.cta-entrada__lateral-interior {
		position: sticky;
		top: calc(76px + 24px);
	}
	.admin-bar .cta-entrada__lateral-interior {
		top: calc(76px + 32px + 24px);
	}
	.cta-entrada__lateral-interior.es-alto {
		position: static;
	}
}
@media (min-width: 1280px) {
	.cta-entrada__rejilla {
		grid-template-columns: minmax(0, 760px) 400px;
		justify-content: space-between;
		gap: 40px;
	}
}
@media (max-width: 767px) {
	.cta-entrada {
		padding-top: var(--e-8);
	}
	.cta-entrada__rejilla {
		gap: var(--e-8);
	}
}
.cta-entrada__lateral-interior {
	display: flex;
	flex-direction: column;
	gap: 18px;
}
/* «Sigue leyendo» en la columna derecha desde 1024 px (decisión 129,
   27-oct-2026, Arturo: "En esta seccion esta vacia yo creo que deberias
   poner esto aca"). Es el tercer hijo de la retícula (single.php): sin
   barra lateral (ni recorrido ni índice), arriba a la derecha; con ella,
   justo debajo (el artículo ocupa los dos renglones y el segundo se queda
   con lo que sobre). Con «Sigue leyendo» la columna derecha ya no es fija:
   con sus tres tarjetas mide más de 1,400 px y no cabe en la ventana (fija,
   no se podría leer completa ni dejaría de tapar las tarjetas). */
@media (min-width: 1024px) {
	.cta-entrada__rejilla--con-sigue > .cta-entrada__lateral,
	.cta-entrada__rejilla--con-sigue > .cta-entrada-sigue {
		grid-column: 2;
	}
	.cta-entrada__rejilla--con-sigue.cta-entrada__rejilla--con-lateral {
		grid-template-rows: auto 1fr;
	}
	.cta-entrada__rejilla--con-sigue.cta-entrada__rejilla--con-lateral > .cta-entrada__articulo {
		grid-column: 1;
		grid-row: 1 / span 2;
	}
	.cta-entrada__rejilla--con-sigue .cta-entrada__lateral-interior {
		position: static;
	}
}

/* ---------------------------------------------------------------------
   Cuerpo del artículo
   --------------------------------------------------------------------- */
.cta-entrada__contenido {
	font-size: 18px;
	line-height: 1.75;
	color: var(--texto-2);
}
.cta-entrada__contenido > * {
	margin: 0;
}
.cta-entrada__contenido > * + * {
	margin-top: 28px;
}
.cta-entrada__contenido > .cta-entrada__lead {
	font-size: 22px;
	line-height: 1.6;
	color: var(--texto-2);
}
.cta-entrada__contenido > h2,
.cta-entrada__contenido > h3 {
	scroll-margin-top: 16px;
	color: var(--titulo);
}
.cta-entrada__contenido > h2 {
	font-size: 32px;
	line-height: 1.15;
}
.cta-entrada__contenido > h3 {
	font-size: 22px;
	line-height: 1.25;
}
.cta-entrada__contenido > * + h2,
.cta-entrada__contenido > * + h3 {
	margin-top: 56px;
}
.cta-entrada__contenido > h2 + *,
.cta-entrada__contenido > h3 + * {
	margin-top: 20px;
}
.cta-entrada__contenido :where(ul, ol):not([class]) li + li {
	margin-top: 0.6em;
}

/* Fotos del cuerpo (forma de arco) */
.cta-entrada__contenido > .cta-entrada__figura {
	margin-top: 40px;
}
.cta-entrada__contenido > .cta-entrada__figura + * {
	margin-top: 40px;
}
.cta-entrada__figura img,
.cta-prosa .cta-entrada__figura img[class*="wp-image-"] {
	display: block;
	width: 100%;
	height: auto;
	max-height: 560px;
	margin: 0;
	object-fit: cover;
	border-radius: 28px 28px 90px 28px;
}

/* Párrafo solo en negritas → frase grande con corazón */
.cta-entrada__contenido > .cta-entrada__frase {
	margin-top: 56px;
	padding-block: 12px;
	font-size: 32px;
	line-height: 1.2;
	color: var(--titulo);
	text-wrap: balance;
	font-weight: var(--peso-titulo);
	letter-spacing: var(--espaciado-titulo);
}
.cta-entrada__frase::before {
	content: "";
	display: block;
	width: 34px;
	height: 31px;
	margin-bottom: 18px;
	background-color: var(--cta-rojo);
	-webkit-mask: var(--corazon) center / contain no-repeat;
	mask: var(--corazon) center / contain no-repeat;
}
.cta-entrada__frase strong,
.cta-entrada__frase b {
	font-weight: inherit;
	color: inherit;
}

/* Botones a recorridos y páginas del sitio */
.cta-entrada__recorrido {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px 28px;
	padding: 30px 32px;
	border: 1px solid var(--borde-fuerte);
	border-radius: var(--r-producto);
	background: var(--fondo-alt);
}
.cta-entrada__recorrido--solo {
	justify-content: flex-start;
	padding: 24px;
}
.cta-entrada__recorrido-texto {
	max-width: 400px;
	font-size: 17px;
	line-height: 1.6;
	color: var(--texto-2);
}
.cta-entrada__recorrido-texto strong {
	font-weight: 500;
	color: inherit;
}
.cta-entrada__recorrido-botones {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}
@media (max-width: 767px) {
	.cta-entrada__recorrido {
		flex-direction: column;
		align-items: stretch;
		padding: 24px 20px;
	}
	.cta-entrada__recorrido-botones {
		flex-direction: column;
	}
	.cta-entrada__recorrido-botones .cta-btn {
		width: 100%;
	}
}

/* Citas → «Importante» (estilos base en componentes.css, cta-aviso) */
.cta-entrada__aviso .cta-aviso__cuerpo > :not(.cta-aviso__titulo) {
	font-size: 18px;
	font-weight: 600;
	line-height: 1.65;
	color: var(--texto);
}

/* Video: enlace (sin incrustar recursos externos) */
.cta-entrada__video-enlace {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-height: 48px;
	padding: 10px 22px;
	border: 1.5px solid color-mix(in srgb, var(--texto) 72%, transparent);
	border-radius: var(--r-pildora);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.01em;
	line-height: 1.3;
	color: var(--texto);
	text-decoration: none;
}
.cta-entrada__video-enlace:hover {
	border-color: var(--cta-rojo);
	color: var(--texto);
}
.cta-entrada__video-enlace .cta-icono--reproducir {
	color: var(--rojo-texto);
}

/* «¿Te gustó?» + compartir */
.cta-entrada__gusto {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 20px 24px;
	margin-top: 64px;
	padding-top: 36px;
	border-top: 1px solid var(--borde);
}
.cta-entrada__gusto-textos {
	display: flex;
	flex: 1 1 280px;
	flex-direction: column;
	gap: 8px;
	max-width: 360px;
}
.cta-entrada__gusto-titulo {
	font-size: 24px;
	line-height: 1.2;
	color: var(--titulo);
	font-weight: var(--peso-subtitulo);
	letter-spacing: var(--espaciado-subtitulo);
}
.cta-entrada__gusto-texto {
	font-size: 15.5px;
	line-height: 1.55;
	color: var(--texto-2);
}
.cta-entrada__gusto-acciones {
	display: flex;
	align-items: center;
	gap: 10px;
}

@media (max-width: 767px) {
	.cta-entrada__contenido {
		font-size: 16px;
	}
	.cta-entrada__contenido > * + * {
		margin-top: 22px;
	}
	.cta-entrada__contenido > .cta-entrada__lead {
		font-size: 18px;
	}
	.cta-entrada__contenido > h2 {
		font-size: 26px;
	}
	.cta-entrada__contenido > h3 {
		font-size: 20px;
	}
	.cta-entrada__contenido > * + h2,
	.cta-entrada__contenido > * + h3,
	.cta-entrada__contenido > .cta-entrada__frase {
		margin-top: 44px;
	}
	.cta-entrada__contenido > .cta-entrada__figura,
	.cta-entrada__contenido > .cta-entrada__figura + * {
		margin-top: 28px;
	}
	.cta-entrada__figura img,
	.cta-prosa .cta-entrada__figura img[class*="wp-image-"] {
		border-radius: 20px 20px 60px 20px;
	}
	.cta-entrada__contenido > .cta-entrada__frase {
		font-size: 24px;
	}
	.cta-entrada__gusto {
		margin-top: 48px;
	}
	.cta-entrada__gusto-acciones {
		width: 100%;
	}
	.cta-entrada__gusto-acciones .cta-btn {
		flex: 1;
	}
}

/* ---------------------------------------------------------------------
   Índice «En este artículo» (arriba en celular, en la barra en escritorio)
   --------------------------------------------------------------------- */
.cta-entrada__indice {
	padding: 24px 26px 14px;
	border: 1px solid var(--borde);
	border-radius: var(--r-bloque);
	background: var(--tarjeta);
}
.cta-entrada__indice--movil {
	margin-bottom: var(--e-7);
}
@media (min-width: 1024px) {
	.cta-entrada__indice--movil {
		display: none;
	}
}
@media (max-width: 1023px) {
	.cta-entrada__indice--lateral {
		display: none;
	}
	/* Barra lateral con solo el índice: hasta 1023 px quedaría vacía (un
	   hueco más antes de «Sigue leyendo» y un hito sin nada). */
	.cta-entrada__lateral--sin-tour {
		display: none;
	}
}

/* ---------------------------------------------------------------------
   Barra lateral: recorrido relacionado
   --------------------------------------------------------------------- */
.cta-entrada-tour {
	position: relative;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid var(--borde-fuerte);
	border-radius: var(--r-tarjeta);
	background: var(--tarjeta);
	box-shadow: var(--sombra);
}
.cta-entrada-tour__foto {
	position: relative;
	height: 220px;
	background: var(--cta-noche);
}
.cta-entrada-tour__foto img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 60%;
}
.cta-entrada-tour__coleccion {
	position: absolute;
	top: 20px;
	left: 20px;
}
.cta-entrada-tour__cuerpo {
	display: flex;
	flex-direction: column;
	gap: 18px;
	padding: 30px 30px 32px;
}
.cta-entrada-tour__titulo {
	font-size: 24px;
	line-height: 1.2;
}
.cta-entrada-tour__salidas {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.cta-entrada-tour__salidas li {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	font-size: 14.5px;
	font-weight: 600;
	line-height: 1.45;
	color: var(--texto);
}
.cta-entrada-tour__salidas .cta-icono {
	flex: none;
	margin-top: 1px;
	color: var(--rojo-texto);
}
.cta-entrada-tour__salidas li + li {
	font-size: 13.5px;
	font-weight: 500;
	color: var(--texto-2);
}
.cta-entrada-tour__datos {
	margin: 0;
}
.cta-entrada-tour__dato {
	position: relative;
	padding: 14px 0 14px 34px;
	border-top: 1px solid var(--borde);
}
.cta-entrada-tour__dato dt {
	font-size: var(--t-etiqueta);
	letter-spacing: var(--espaciado-etiqueta);
	line-height: 1.2;
	text-transform: uppercase;
	color: var(--texto-3);
	font-weight: var(--peso-etiqueta);
}
.cta-entrada-tour__icono {
	position: absolute;
	top: 14px;
	left: 0;
	color: var(--texto-2);
}
.cta-entrada-tour__dato dd {
	margin: 3px 0 0;
	font-size: 14.5px;
	line-height: 1.45;
	color: var(--texto);
}
.cta-entrada-tour__incluye {
	display: flex;
	flex-direction: column;
	gap: 4px;
	margin: 0;
	padding: 0 0 0 1.1em;
}
.cta-entrada-tour__incluye li::marker {
	color: var(--cta-rojo);
}
.cta-entrada-tour__precios {
	padding: 16px 18px 6px;
	border-radius: 18px;
	background: var(--fondo-alt);
}
.cta-entrada-tour__precios-titulo {
	padding-bottom: 10px;
	font-size: var(--t-etiqueta);
	letter-spacing: var(--espaciado-etiqueta);
	line-height: 1.2;
	text-transform: uppercase;
	color: var(--texto-3);
	font-weight: var(--peso-etiqueta);
}
.cta-entrada-tour__filas {
	margin: 0;
	padding: 0;
	list-style: none;
}
.cta-entrada-tour__fila {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 12px;
	padding: 10px 0;
	border-top: 1px solid var(--borde);
}
.cta-entrada-tour__fila-etiqueta {
	font-size: 14px;
	color: var(--texto-2);
}
.cta-entrada-tour__fila-valor {
	font-size: 15px;
	font-weight: 700;
	text-align: right;
	color: var(--texto);
}
.cta-entrada-tour__fila--sola {
	justify-content: flex-start;
}
.cta-entrada-tour__fila--sola .cta-entrada-tour__fila-valor {
	text-align: left;
}
.cta-entrada-tour__precios-nota {
	padding: 10px 0;
	border-top: 1px solid var(--borde);
	font-size: 13px;
	line-height: 1.5;
	color: var(--texto-3);
}
.cta-entrada-tour__desde .cta-desde {
	padding: 16px 18px;
	border-radius: 18px;
	background: var(--fondo-alt);
}
/* Toda la tarjeta lleva a la ficha del tour (decisión 61): el enlace del
   título se estira sobre ella y «Conoce más →» es solo un rótulo. */
.cta-entrada-tour__enlace {
	color: inherit;
	text-decoration: none;
}
.cta-entrada-tour__enlace::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	border-radius: inherit;
}
.cta-entrada-tour__enlace:focus-visible {
	outline: none;
}
.cta-entrada-tour:focus-within {
	outline: 2px solid var(--texto);
	outline-offset: 3px;
}
.cta-entrada-tour:hover .cta-entrada-tour__enlace {
	color: var(--rojo-texto);
}
/* «Conoce más» como botón rojo a todo lo ancho, como en las tarjetas de
   tour de los listados (decisión 109; .cta-rotulo-boton, componentes.css
   §1): se oscurece al pasar el ratón o con el foco dentro de la tarjeta. */
.cta-entrada-tour__mas {
	margin-top: 4px;
}
@media (max-width: 767px) {
	.cta-entrada-tour {
		border-radius: var(--r-bloque);
	}
	.cta-entrada-tour__cuerpo {
		padding: 24px 22px 26px;
	}
	.cta-entrada-tour__titulo {
		font-size: 21px;
	}
	.cta-entrada-tour__mas .cta-rotulo-boton {
		min-height: 48px;
		font-size: 15px;
	}
}

/* ---------------------------------------------------------------------
   Tours relacionados (sin repetir el recorrido recomendado, decisión 61)
   --------------------------------------------------------------------- */
.cta-entrada-relacionados {
	border-top: 1px solid var(--borde);
}

/* ---------------------------------------------------------------------
   Sigue leyendo
   Decisión 129 (27-oct-2026, Arturo: "En esta seccion esta vacia yo creo
   que deberias poner esto aca"): va dentro de la retícula de la entrada
   (un solo bloque en el HTML, single.php; su lugar, en «Retícula» arriba).
   En celular y tableta, abajo a todo lo ancho con su fondo gris
   (.cta-seccion--alt) como antes: 1 tarjeta por renglón en celular y 2 en
   tableta. Desde 1024 px, en la columna derecha: el título más chico, con
   «Ver todo el blog →» a su lado (debajo si no cabe), y las 3 tarjetas
   compactas una debajo de otra, con la foto un poco más baja.
   --------------------------------------------------------------------- */
.cta-entrada-sigue__rejilla {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 24px;
}
@media (max-width: 1023px) {
	/* La retícula ocupa todo el ancho hasta 1023 px: con el margen negativo
	   el fondo gris llega a las orillas, y sin el relleno de abajo de la
	   entrada toca el pie (o «Tours relacionados»). Arriba, con el hueco de
	   la retícula, el mismo aire que una sección (--seccion-y). */
	.cta-entrada--con-sigue {
		padding-bottom: 0;
	}
	.cta-entrada-sigue {
		margin-top: calc(var(--seccion-y) - var(--e-9));
		margin-inline: calc(var(--margen) * -1);
		padding-inline: var(--margen);
	}
}
@media (min-width: 768px) and (max-width: 1023px) {
	.cta-entrada-sigue__rejilla {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 28px;
	}
}
@media (max-width: 767px) {
	.cta-entrada-sigue {
		margin-top: calc(var(--seccion-y) - var(--e-8));
	}
}
@media (min-width: 1024px) {
	.cta-entrada-sigue.cta-seccion {
		align-self: start;
		padding-block: 0;
		background: none;
	}
	.cta-entrada-sigue .cta-entrada-sigue__encabezado {
		flex-flow: row wrap;
		align-items: center;
		justify-content: space-between;
		gap: 4px 16px;
		margin-bottom: 20px;
	}
	.cta-entrada-sigue .cta-titulo-seccion {
		font-size: 26px;
		line-height: 1.2;
	}
	.cta-entrada-sigue .cta-encabezado-seccion__lado {
		padding-bottom: 0;
	}
	.cta-entrada-sigue__rejilla {
		gap: 20px;
	}
	.cta-entrada-sigue .cta-entrada-tarjeta--compacta .cta-entrada-tarjeta__foto {
		height: 190px;
	}
}

/* Celular: velo más firme para que las etiquetas y el titular se lean sobre fotos claras */
@media (max-width: 767px) {
	.cta-entrada-hero .cta-hero__velo {
		background-image: linear-gradient(180deg, rgba(16, 24, 32, 0.62) 0%, rgba(16, 24, 32, 0.58) 35%, rgba(16, 24, 32, 0.86) 70%, var(--cta-noche) 100%);
	}
}

/* Revisión de celular (1-oct-2026, segunda vuelta): datos del tour de la
   entrada a 16 px y su nota de precios a 14 px. */
@media (max-width: 767px) {
	.cta-entrada-tour__salidas li,
	.cta-entrada-tour__dato dd {
		font-size: 16px;
		line-height: 1.5;
	}
	.cta-entrada-tour__precios-nota {
		font-size: 14px;
	}
}

/* =====================================================================
   Tamaños mínimos en celular (revisión del 1-oct-2026, «pulir»; decisión
   55, COMPONENTES.md §3.21): texto de lectura a 16 px, etiquetas a 14 px y
   rótulos gráficos a 12 px como mínimo.
   ===================================================================== */
@media (max-width: 767px) {
	/* Todas las salidas del tour de la entrada (la 2.ª y siguientes quedaban
	   en 13.5 px), el precio y la nota de precios, y el «Comparte…» final. */
	.cta-entrada-tour__salidas li + li,
	.cta-entrada-tour__fila-valor,
	.cta-entrada-tour__precios-nota,
	.cta-entrada__gusto-texto {
		font-size: 16px;
		line-height: 1.5;
	}
}

/* <pantallas-grandes> Decisión 106 (19-oct-2026): desde 1440 px las medidas fijas
   de esta hoja crecen con la pantalla (× --u, tokens.css; ARQUITECTURA.md §3).
   GENERADO por herramientas/pantallas-grandes.py a partir de lo de arriba:
   no se edita a mano; después de cambiar la hoja, correr el script. Los
   ajustes propios de pantallas grandes van después de la marca de cierre. */
@media (min-width: 1440px) {
	.cta-entrada-hero .cta-hero__contenido {
		max-width: calc(1000 * var(--u));
	}
	.cta-entrada-meta {
		gap: calc(14 * var(--u)) calc(22 * var(--u));
		font-size: calc(15 * var(--u));
	}
	.cta-entrada-meta__dato {
		gap: calc(10 * var(--u));
	}
	.cta-entrada-meta__autor {
		gap: calc(12 * var(--u));
	}
	.cta-entrada-meta__avatar {
		width: calc(44 * var(--u));
		height: calc(44 * var(--u));
	}
	.cta-entrada {
		padding-top: calc(100 * var(--u));
	}
	.cta-entrada__rejilla {
		gap: var(--e-9);
	}
	.cta-entrada__rejilla {
		grid-template-columns: minmax(0, 1fr) calc(340 * var(--u));
		gap: calc(48 * var(--u));
	}
	.cta-entrada__lateral-interior {
		top: calc(calc(76 * var(--u)) + calc(24 * var(--u)));
	}
	.admin-bar .cta-entrada__lateral-interior {
		top: calc(calc(76 * var(--u)) + 32px + calc(24 * var(--u)));
	}
	.cta-entrada__rejilla {
		grid-template-columns: minmax(0, calc(760 * var(--u))) calc(400 * var(--u));
		gap: calc(40 * var(--u));
	}
	.cta-entrada__lateral-interior {
		gap: calc(18 * var(--u));
	}
	.cta-entrada__rejilla--con-sigue.cta-entrada__rejilla--con-lateral {
		grid-template-rows: auto 1fr;
	}
	.cta-entrada__contenido {
		font-size: calc(18 * var(--u));
	}
	.cta-entrada__contenido > * + * {
		margin-top: calc(28 * var(--u));
	}
	.cta-entrada__contenido > .cta-entrada__lead {
		font-size: calc(22 * var(--u));
	}
	.cta-entrada__contenido > h2,
	.cta-entrada__contenido > h3 {
		scroll-margin-top: calc(16 * var(--u));
	}
	.cta-entrada__contenido > h2 {
		font-size: calc(32 * var(--u));
	}
	.cta-entrada__contenido > h3 {
		font-size: calc(22 * var(--u));
	}
	.cta-entrada__contenido > * + h2,
	.cta-entrada__contenido > * + h3 {
		margin-top: calc(56 * var(--u));
	}
	.cta-entrada__contenido > h2 + *,
	.cta-entrada__contenido > h3 + * {
		margin-top: calc(20 * var(--u));
	}
	.cta-entrada__contenido :where(ul, ol):not([class]) li + li {
		margin-top: 0.6em;
	}
	.cta-entrada__contenido > .cta-entrada__figura {
		margin-top: calc(40 * var(--u));
	}
	.cta-entrada__contenido > .cta-entrada__figura + * {
		margin-top: calc(40 * var(--u));
	}
	.cta-entrada__figura img,
	.cta-prosa .cta-entrada__figura img[class*="wp-image-"] {
		width: 100%;
		height: auto;
		max-height: calc(560 * var(--u));
		margin: 0;
		border-radius: calc(28 * var(--u)) calc(28 * var(--u)) calc(90 * var(--u)) calc(28 * var(--u));
	}
	.cta-entrada__contenido > .cta-entrada__frase {
		margin-top: calc(56 * var(--u));
		padding-block: calc(12 * var(--u));
		font-size: calc(32 * var(--u));
	}
	.cta-entrada__frase::before {
		width: calc(34 * var(--u));
		height: calc(31 * var(--u));
		margin-bottom: calc(18 * var(--u));
	}
	.cta-entrada__recorrido {
		gap: calc(20 * var(--u)) calc(28 * var(--u));
		padding: calc(30 * var(--u)) calc(32 * var(--u));
		border-radius: var(--r-producto);
	}
	.cta-entrada__recorrido--solo {
		padding: calc(24 * var(--u));
	}
	.cta-entrada__recorrido-texto {
		max-width: calc(400 * var(--u));
		font-size: calc(17 * var(--u));
	}
	.cta-entrada__recorrido-botones {
		gap: calc(12 * var(--u));
	}
	.cta-entrada__aviso .cta-aviso__cuerpo > :not(.cta-aviso__titulo) {
		font-size: calc(18 * var(--u));
	}
	.cta-entrada__video-enlace {
		gap: calc(10 * var(--u));
		min-height: calc(48 * var(--u));
		padding: calc(10 * var(--u)) calc(22 * var(--u));
		border-radius: var(--r-pildora);
		font-size: calc(14 * var(--u));
	}
	.cta-entrada__gusto {
		gap: calc(20 * var(--u)) calc(24 * var(--u));
		margin-top: calc(64 * var(--u));
		padding-top: calc(36 * var(--u));
	}
	.cta-entrada__gusto-textos {
		flex: 1 1 calc(280 * var(--u));
		gap: calc(8 * var(--u));
		max-width: calc(360 * var(--u));
	}
	.cta-entrada__gusto-titulo {
		font-size: calc(24 * var(--u));
	}
	.cta-entrada__gusto-texto {
		font-size: calc(15.5 * var(--u));
	}
	.cta-entrada__gusto-acciones {
		gap: calc(10 * var(--u));
	}
	.cta-entrada__indice {
		padding: calc(24 * var(--u)) calc(26 * var(--u)) calc(14 * var(--u));
		border-radius: var(--r-bloque);
	}
	.cta-entrada__indice--movil {
		margin-bottom: var(--e-7);
	}
	.cta-entrada-tour {
		border-radius: var(--r-tarjeta);
	}
	.cta-entrada-tour__foto {
		height: calc(220 * var(--u));
	}
	.cta-entrada-tour__foto img {
		width: 100%;
		height: 100%;
	}
	.cta-entrada-tour__coleccion {
		top: calc(20 * var(--u));
		left: calc(20 * var(--u));
	}
	.cta-entrada-tour__cuerpo {
		gap: calc(18 * var(--u));
		padding: calc(30 * var(--u)) calc(30 * var(--u)) calc(32 * var(--u));
	}
	.cta-entrada-tour__titulo {
		font-size: calc(24 * var(--u));
	}
	.cta-entrada-tour__salidas {
		gap: calc(8 * var(--u));
		margin: 0;
		padding: 0;
	}
	.cta-entrada-tour__salidas li {
		gap: calc(8 * var(--u));
		font-size: calc(14.5 * var(--u));
	}
	.cta-entrada-tour__salidas .cta-icono {
		flex: none;
		margin-top: 1px;
	}
	.cta-entrada-tour__salidas li + li {
		font-size: calc(13.5 * var(--u));
	}
	.cta-entrada-tour__datos {
		margin: 0;
	}
	.cta-entrada-tour__dato {
		padding: calc(14 * var(--u)) 0 calc(14 * var(--u)) calc(34 * var(--u));
	}
	.cta-entrada-tour__dato dt {
		font-size: var(--t-etiqueta);
	}
	.cta-entrada-tour__icono {
		top: calc(14 * var(--u));
		left: 0;
	}
	.cta-entrada-tour__dato dd {
		margin: calc(3 * var(--u)) 0 0;
		font-size: calc(14.5 * var(--u));
	}
	.cta-entrada-tour__incluye {
		gap: calc(4 * var(--u));
		margin: 0;
		padding: 0 0 0 1.1em;
	}
	.cta-entrada-tour__precios {
		padding: calc(16 * var(--u)) calc(18 * var(--u)) calc(6 * var(--u));
		border-radius: calc(18 * var(--u));
	}
	.cta-entrada-tour__precios-titulo {
		padding-bottom: calc(10 * var(--u));
		font-size: var(--t-etiqueta);
	}
	.cta-entrada-tour__filas {
		margin: 0;
		padding: 0;
	}
	.cta-entrada-tour__fila {
		gap: calc(12 * var(--u));
		padding: calc(10 * var(--u)) 0;
	}
	.cta-entrada-tour__fila-etiqueta {
		font-size: calc(14 * var(--u));
	}
	.cta-entrada-tour__fila-valor {
		font-size: calc(15 * var(--u));
	}
	.cta-entrada-tour__precios-nota {
		padding: calc(10 * var(--u)) 0;
		font-size: calc(13 * var(--u));
	}
	.cta-entrada-tour__desde .cta-desde {
		padding: calc(16 * var(--u)) calc(18 * var(--u));
		border-radius: calc(18 * var(--u));
	}
	.cta-entrada-tour__enlace::after {
		inset: 0;
		border-radius: inherit;
	}
	.cta-entrada-tour__mas {
		margin-top: calc(4 * var(--u));
	}
	.cta-entrada-sigue__rejilla {
		grid-template-columns: minmax(0, 1fr);
		gap: calc(24 * var(--u));
	}
	.cta-entrada-sigue.cta-seccion {
		padding-block: 0;
	}
	.cta-entrada-sigue .cta-entrada-sigue__encabezado {
		gap: calc(4 * var(--u)) calc(16 * var(--u));
		margin-bottom: calc(20 * var(--u));
	}
	.cta-entrada-sigue .cta-titulo-seccion {
		font-size: calc(26 * var(--u));
	}
	.cta-entrada-sigue .cta-encabezado-seccion__lado {
		padding-bottom: 0;
	}
	.cta-entrada-sigue__rejilla {
		gap: calc(20 * var(--u));
	}
	.cta-entrada-sigue .cta-entrada-tarjeta--compacta .cta-entrada-tarjeta__foto {
		height: calc(190 * var(--u));
	}
}
/* </pantallas-grandes> */

/* Pantallas grandes: ajustes a mano (decisión 106, 19-oct-2026; ver
   ARQUITECTURA.md §3). A 1440 px todo queda como antes (760 + 400 px con
   el hueco a la mitad). Desde ahí las dos columnas crecen algo más que la
   letra (× --u) con el ancho de la retícula, para que el hueco entre el
   artículo y la columna lateral no se abra tanto (a 2560 px era de 614 px;
   así, de 334): las fotos del artículo y la tarjeta del recorrido se ven
   más grandes y los párrafos conservan su ancho de lectura (36 em,
   componentes.css §44); la entradilla también. */
@media (min-width: 1440px) {
	.cta-entrada__rejilla {
		grid-template-columns: minmax(0, calc(760 * var(--u) + var(--g1) * 0.1 + var(--g2) * 0.05)) calc(400 * var(--u) + var(--g1) * 0.15 + var(--g2) * 0.08);
	}
	.cta-entrada__contenido > .cta-entrada__lead {
		max-width: max(36em, 100% - var(--g1) * 4);
	}
}