@charset "UTF-8";
/* ==========================================================================
   CriticaBits — páginas: legal
   --------------------------------------------------------------------------
   Hoja propia para no pisar las demás. Cada regla va colgada del
   identificador de su página (`.page-id-N`), de modo que nada de aquí
   puede escaparse a otra vista.

   Páginas cubiertas:
     586 — Política de Privacidad
       2 — Términos y Condiciones

   ÍNDICE
     1. Alcance y medida de lectura
     2. Ficha de cabecera (fecha, responsable, contacto)
     3. Resumen en lenguaje claro
     4. Índice de secciones
     5. Titulares numerados y anclas
     6. Cuerpo: párrafos, listas, código
     7. Tabla de tratamientos de datos
     8. Tarjeta de contacto y referencias cruzadas
     9. Impresión y movimiento reducido
   ========================================================================== */


/* ==========================================================================
   1. Alcance y medida de lectura
   --------------------------------------------------------------------------
   Defecto observado: las dos páginas heredaban la tipografía del
   artículo —19 px con 36,1 px de interlineado, medidos en
   `getComputedStyle` de `.entry-content`— pensada para leer un análisis
   de arriba abajo. Un documento legal no se lee así: se escanea
   buscando una cláusula. A ese tamaño la Política de Privacidad medía
   6.823 px de alto, es decir cinco pantallas y media de 1440×1440 sin
   un solo punto de apoyo visual.

   Se baja un escalón el cuerpo (17→18 px) y se aprieta el interlineado
   a 1,72. Con eso el mismo texto cabe en menos pantalla sin perder
   comodidad, y las fichas y el índice que vienen abajo tienen sitio
   para respirar.

   La columna se ensancha de 60ch a 68ch: en legal las frases son
   largas y a 60ch las subordinadas se partían en tres líneas.
   ========================================================================== */

.page-id-586 .cb-article,
.page-id-2 .cb-article {
	--cb-col: min(100% - var(--cb-edge) * 2, 68ch, 720px);
	--cb-legal-accent: var(--cb-neon-cyan);
}

.page-id-586 .cb-article .entry-content,
.page-id-2 .cb-article .entry-content {
	font-size: clamp(1rem, .95rem + .25vw, 1.125rem);
	line-height: 1.72;
}

/* `.entry-content` repetida para ganar a la regla de `criticabits-single.css`
   que fija 1,9 en párrafos y elementos de lista con la misma
   especificidad y por delante en el orden de carga. */
.page-id-586 .cb-article .entry-content.entry-content p,
.page-id-586 .cb-article .entry-content.entry-content li,
.page-id-2 .cb-article .entry-content.entry-content p,
.page-id-2 .cb-article .entry-content.entry-content li {
	line-height: 1.72;
}

/*
 * Ritmo vertical de los paneles.
 *
 * Defecto observado tras la primera tanda: el índice y el párrafo que
 * lo sigue quedaban a 0 px —medido con `getBoundingClientRect`—. La
 * causa era una regla propia que ponía `margin-block: 0 …` en los
 * párrafos: dentro de la rejilla eso anulaba el margen superior que
 * reparte el sistema de `criticabits-single.css`, y el hueco entre
 * bloques desaparecía. Aquí sólo se toca el margen SUPERIOR y sólo
 * donde el ritmo del artículo no vale.
 *
 * Después del índice se pide más aire que el estándar de 32 px: es el
 * final del bloque de orientación y el principio del articulado.
 */
.page-id-586 .cb-article .entry-content.entry-content > .cb-legal-toc + *,
.page-id-2 .cb-article .entry-content.entry-content > .cb-legal-toc + * {
	margin-block-start: var(--cb-s6);
}


/* ==========================================================================
   2. Ficha de cabecera
   --------------------------------------------------------------------------
   Defecto observado: «Última actualización: 25 de Marzo de 2025» era un
   párrafo más, con el mismo tamaño y color que el resto. El dato que
   más se busca en un documento legal —¿está vigente esto?— era
   invisible. Se le da forma de ficha: fondo de superficie, filete
   lateral en ámbar y tipografía monoespaciada para los valores.
   ========================================================================== */

.page-id-586 .cb-legal-meta,
.page-id-2 .cb-legal-meta {
	padding: var(--cb-s4) var(--cb-s4) var(--cb-s4) calc(var(--cb-s4) + 6px);
	border: 1px solid var(--cb-hairline);
	border-left: 3px solid var(--cb-neon-amber);
	border-radius: var(--cb-radio-m, 10px);
	background: var(--cb-surface);
	box-shadow: var(--cb-shadow-1);
}

.page-id-586 .cb-legal-meta__row,
.page-id-2 .cb-legal-meta__row {
	margin: 0;
	font-size: .9375rem;
	line-height: 1.9;
	color: var(--cb-ink-2);
}

/* Las etiquetas («Última actualización:») en versalita apretada, para
   que el ojo salte directamente al valor y no a la etiqueta. */
.page-id-586 .cb-legal-meta__row strong,
.page-id-2 .cb-legal-meta__row strong {
	display: inline-block;
	font-size: .75rem;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--cb-ink-3);
}

/*
 * Defecto observado: con las etiquetas en línea, los tres valores
 * arrancaban en verticales distintas —«4 de septiembre de 2026» en
 * x=565, «Crítica Bits» en x=520 y el correo en x=519— porque cada
 * etiqueta mide lo suyo. La más larga, «ÚLTIMA ACTUALIZACIÓN:», mide
 * 173 px; con 15em (180 px a 12 px de cuerpo) caben las tres y los
 * valores forman columna.
 *
 * Sólo a partir de 600 px: por debajo, reservar 180 px de los 326
 * disponibles dejaba la fecha partida en dos líneas.
 */
@media (min-width: 600px) {

	.page-id-586 .cb-legal-meta__row strong,
	.page-id-2 .cb-legal-meta__row strong {
		min-width: 15em;
	}
}


/* ==========================================================================
   3. Resumen en lenguaje claro
   --------------------------------------------------------------------------
   Defecto observado: no había ninguno. El documento arrancaba con un
   párrafo de plantilla («La presente Política de Privacidad describe
   cómo se recopila…») que no dice nada que el título no dijera ya.
   Ahora las tres frases que resumen el documento van en un panel
   propio, con el rosa de marca, para que sea lo primero que se lee.
   ========================================================================== */

.page-id-586 .cb-legal-summary,
.page-id-2 .cb-legal-summary {
	position: relative;
	padding: var(--cb-s5);
	border: 1px solid var(--cb-hairline-strong);
	border-radius: var(--cb-radio-l, 14px);
	background:
		linear-gradient(180deg, rgba(255, 0, 94, .07), rgba(255, 0, 94, 0) 60%),
		var(--cb-surface);
	box-shadow: var(--cb-shadow-2);
}

/* Filete superior de neón: es el mismo recurso que ya usan las tablas
   del artículo, así el panel se reconoce como parte del sistema. */
.page-id-586 .cb-legal-summary::before,
.page-id-2 .cb-legal-summary::before {
	content: "";
	position: absolute;
	inset: -1px -1px auto -1px;
	height: 3px;
	border-radius: var(--cb-radio-l, 14px) var(--cb-radio-l, 14px) 0 0;
	background: linear-gradient(90deg, var(--cb-neon-pink), var(--cb-neon-violet));
}

.page-id-586 .cb-article .entry-content .cb-legal-summary__title,
.page-id-2 .cb-article .entry-content .cb-legal-summary__title {
	margin: 0 0 var(--cb-s3);
	font-size: .8125rem;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--cb-neon-rose);
}

.page-id-586 .cb-article .entry-content .cb-legal-summary__list,
.page-id-2 .cb-article .entry-content .cb-legal-summary__list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.page-id-586 .cb-legal-summary__list li,
.page-id-2 .cb-legal-summary__list li {
	position: relative;
	margin: 0 0 var(--cb-s3);
	padding-left: 1.65em;
	color: #fff;
	font-size: 1.0625rem;
}

/* Viñeta dibujada, no carácter: el Chrome de pruebas no tiene fuente de
   emoji y cualquier símbolo tipográfico salía como cuadrito. */
.page-id-586 .cb-legal-summary__list li::before,
.page-id-2 .cb-legal-summary__list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: .62em;
	width: .7em;
	height: 2px;
	background: var(--cb-neon-cyan);
}

.page-id-586 .cb-legal-summary__list li:last-child,
.page-id-2 .cb-legal-summary__list li:last-child {
	margin-bottom: 0;
}

.page-id-586 .cb-article .entry-content .cb-legal-summary__note,
.page-id-2 .cb-article .entry-content .cb-legal-summary__note {
	margin: var(--cb-s4) 0 0;
	padding-top: var(--cb-s3);
	border-top: 1px solid var(--cb-hairline);
	font-size: .875rem;
	line-height: 1.6;
	color: var(--cb-ink-3);
}


/* ==========================================================================
   4. Índice de secciones
   --------------------------------------------------------------------------
   Defecto observado: el índice de lectura del tema sólo se pinta en
   entradas (`cb_toc_enabled()` exige `is_singular('post')`), así que
   estas dos páginas eran trece secciones seguidas sin forma de saltar a
   ninguna. El índice va ahora en el contenido, como lista de enlaces a
   anclas ASCII estables.

   A dos columnas en cuanto hay sitio: trece entradas en una sola
   columna ocupaban media pantalla y empujaban el documento hacia
   abajo.
   ========================================================================== */

.page-id-586 .cb-legal-toc,
.page-id-2 .cb-legal-toc {
	padding: var(--cb-s4) var(--cb-s5) var(--cb-s5);
	border: 1px solid var(--cb-hairline);
	border-radius: var(--cb-radio-l, 14px);
	background: rgba(0, 0, 0, .18);
}

.page-id-586 .cb-article .entry-content .cb-legal-toc__title,
.page-id-2 .cb-article .entry-content .cb-legal-toc__title {
	margin: 0 0 var(--cb-s3);
	font-size: .75rem;
	font-weight: 800;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--cb-ink-3);
}

.page-id-586 .cb-article .entry-content .cb-legal-toc__list,
.page-id-2 .cb-article .entry-content .cb-legal-toc__list {
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: cb-legal-toc;
	column-gap: var(--cb-s5);
}

@media (min-width: 700px) {

	.page-id-586 .cb-article .entry-content .cb-legal-toc__list,
	.page-id-2 .cb-article .entry-content .cb-legal-toc__list {
		columns: 2;
	}
}

.page-id-586 .cb-legal-toc__list li,
.page-id-2 .cb-legal-toc__list li {
	counter-increment: cb-legal-toc;
	margin: 0;
	/* `break-inside` evita que una entrada se parta entre las dos
	   columnas: sin esto, «Contenido incrustado de otros sitios»
	   quedaba con la primera línea abajo a la izquierda y la segunda
	   arriba a la derecha. */
	break-inside: avoid;
}

/*
 * Defecto observado: `criticabits-single.css:733` subraya todo enlace
 * del artículo —`.cb-article .entry-content a:not(.wp-block-button__link):not(.cb-toc__item a)`,
 * (0,4,2)— y esa hoja se carga DESPUÉS de esta. Con el subrayado, las
 * trece entradas del índice eran trece rayas rosas seguidas y la
 * numeración se perdía dentro del ruido. Se repite la cadena de
 * ascendientes hasta sumar cinco clases y pasar por delante sin
 * recurrir a !important.
 */
.page-id-586 .cb-article .entry-content .cb-legal-toc .cb-legal-toc__list a,
.page-id-2 .cb-article .entry-content .cb-legal-toc .cb-legal-toc__list a {
	display: flex;
	gap: .7em;
	align-items: baseline;
	padding: .4rem .5rem .4rem 0;
	border-bottom: 1px solid transparent;
	font-size: .9375rem;
	line-height: 1.45;
	color: var(--cb-ink-2);
	text-decoration: none;
	background-image: none;
	transition:
		color var(--cb-fast) var(--cb-ease),
		border-color var(--cb-fast) var(--cb-ease);
}

/* El número lo pone el contador y no el marcado: así los enlaces del
   índice siguen siendo texto limpio si alguien los copia. */
.page-id-586 .cb-article .entry-content .cb-legal-toc .cb-legal-toc__list a::before,
.page-id-2 .cb-article .entry-content .cb-legal-toc .cb-legal-toc__list a::before {
	content: counter(cb-legal-toc);
	flex: 0 0 1.6em;
	font-variant-numeric: tabular-nums;
	font-size: .8125rem;
	font-weight: 700;
	text-align: right;
	color: var(--cb-legal-accent);
	opacity: .75;
}

.page-id-586 .cb-article .entry-content .cb-legal-toc .cb-legal-toc__list a:hover,
.page-id-586 .cb-article .entry-content .cb-legal-toc .cb-legal-toc__list a:focus-visible,
.page-id-2 .cb-article .entry-content .cb-legal-toc .cb-legal-toc__list a:hover,
.page-id-2 .cb-article .entry-content .cb-legal-toc .cb-legal-toc__list a:focus-visible {
	color: #fff;
	border-bottom-color: var(--cb-legal-accent);
}


/* ==========================================================================
   5. Titulares numerados y anclas
   --------------------------------------------------------------------------
   Defecto observado: los h2 llegaban a 32 px con el mismo peso que los
   de un artículo. Entre dos titulares así había cuatro líneas de texto:
   el documento parecía una sucesión de titulares, no un articulado.

   Se bajan de tamaño, se les pone el número en un tipo grande y en
   neón —el número es lo que se busca cuando alguien te dice «mira la
   cláusula 5»— y se les añade `scroll-margin-top` para que al llegar
   desde el índice no queden debajo de la cabecera fija.
   ========================================================================== */

.page-id-586 .cb-article .entry-content .cb-legal-h2,
.page-id-2 .cb-article .entry-content .cb-legal-h2 {
	display: flex;
	gap: .6em;
	align-items: baseline;
	margin-block-start: var(--cb-s7);
	padding-top: var(--cb-s4);
	border-top: 1px solid var(--cb-hairline);
	font-size: clamp(1.25rem, 1.05rem + .8vw, 1.5rem);
	line-height: 1.25;
	letter-spacing: -.01em;
	/*
	 * Al saltar desde el índice, el titular quedaba a 190 px del borde
	 * superior de la ventana: un tercio de pantalla en blanco antes de
	 * empezar a leer la cláusula. La causa es que se suman dos ajustes
	 * —`html { scroll-padding-top: 80px }`, que ya viene de la capa
	 * compartida, y el `scroll-margin-top: 5.5rem` que el artículo pone
	 * a `:target`—. Aquí basta con compensar el relleno propio del
	 * titular para que su filete superior no quede debajo de la
	 * cabecera pegajosa, que termina en 59 px. Medido después: 104 px.
	 */
	scroll-margin-top: 24px;
}

.page-id-586 .cb-article .entry-content .cb-legal-num,
.page-id-2 .cb-article .entry-content .cb-legal-num {
	flex: 0 0 auto;
	font-size: 1.55em;
	font-weight: 800;
	font-variant-numeric: tabular-nums;
	line-height: 1;
	letter-spacing: -.04em;
	color: var(--cb-legal-accent);
	/* Compensación óptica: con la línea base compartida, el número
	   grande se apoyaba una pizca por debajo del texto del titular. */
	transform: translateY(.06em);
}

.page-id-586 .cb-article .entry-content .cb-legal-h3,
.page-id-2 .cb-article .entry-content .cb-legal-h3 {
	margin-block-start: var(--cb-s5);
	font-size: 1.0625rem;
	font-weight: 700;
	letter-spacing: 0;
	color: #fff;
	scroll-margin-top: 24px;
}

/* El primer titular del articulado no lleva filete: viene justo detrás
   del índice, que ya tiene su propio borde, y salían dos líneas
   paralelas separadas por un párrafo. */
.page-id-586 .cb-article .entry-content .cb-legal-h2:first-of-type,
.page-id-2 .cb-article .entry-content .cb-legal-h2:first-of-type {
	border-top: 0;
	padding-top: 0;
}


/* ==========================================================================
   6. Cuerpo: párrafos, listas y código
   ========================================================================== */

/*
 * Dos párrafos seguidos de la misma cláusula son una unidad de lectura:
 * con los 32 px del artículo parecían dos cláusulas distintas. Sólo se
 * aprieta ese caso; el resto del ritmo se queda como está.
 */
.page-id-586 .cb-article .entry-content.entry-content > p + p,
.page-id-2 .cb-article .entry-content.entry-content > p + p {
	margin-block-start: var(--cb-s4);
}

.page-id-586 .cb-article .entry-content.entry-content > p,
.page-id-2 .cb-article .entry-content.entry-content > p {
	color: var(--cb-ink-2);
}

/* Listas de obligaciones: filete izquierdo y viñeta de guion, para que
   se lean como cláusulas y no como una lista de la compra. */
.page-id-2 .cb-article .entry-content .cb-legal-rules {
	margin: var(--cb-s4) 0 0;
	padding: 0 0 0 var(--cb-s4);
	border-left: 2px solid var(--cb-hairline-strong);
	list-style: none;
}

.page-id-2 .cb-legal-rules li {
	position: relative;
	margin: 0 0 var(--cb-s3);
	padding-left: 1.4em;
	color: var(--cb-ink-2);
}

.page-id-2 .cb-legal-rules li::before {
	content: "";
	position: absolute;
	left: 0;
	top: .68em;
	width: .6em;
	height: 2px;
	background: var(--cb-neon-violet);
}

.page-id-2 .cb-legal-rules li:last-child {
	margin-bottom: 0;
}

/* Los identificadores técnicos (G-4EVSDM1ZPP, css_consent, smtp.gmail.com)
   en monoespaciada: son cadenas que alguien puede querer copiar tal
   cual, y en el tipo de texto se confundían con prosa. */
.page-id-586 .cb-article .entry-content code,
.page-id-2 .cb-article .entry-content code {
	padding: .12em .4em;
	border: 1px solid var(--cb-hairline);
	border-radius: var(--cb-radio-xs, 4px);
	background: rgba(0, 0, 0, .3);
	font-size: .875em;
	color: var(--cb-neon-cyan);
	/* `G-4EVSDM1ZPP` no cabía en el ancho de celda de la tabla y se
	   partía en dos: sin esto, el trozo de arriba se quedaba sin borde
	   derecho y el de abajo sin borde izquierdo, y parecían dos cajas
	   rotas en lugar de una etiqueta. */
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
	overflow-wrap: anywhere;
}


/* ==========================================================================
   7. Tabla de tratamientos de datos
   --------------------------------------------------------------------------
   La tabla va a `alignwide`: en la columna de texto (720 px) las cuatro
   columnas quedaban a 12 caracteres y cada celda se partía en seis
   líneas. Con la rejilla de sangrado del tema gana 160 px sin tocar
   nada más.

   Se aprieta la tipografía dentro de la tabla y se marca la primera
   columna, que es la que se lee en vertical para encontrar la fila.
   ========================================================================== */

.page-id-586 .cb-article .entry-content .cb-legal-table table {
	font-size: .875rem;
	line-height: 1.55;
}

.page-id-586 .cb-article .entry-content .cb-legal-table th {
	font-size: .6875rem;
	font-weight: 800;
	letter-spacing: .1em;
	text-transform: uppercase;
	white-space: nowrap;
	color: var(--cb-ink-3);
}

.page-id-586 .cb-article .entry-content .cb-legal-table td {
	vertical-align: top;
	color: var(--cb-ink-2);
}

/* La primera columna es la entrada del índice de la tabla: en blanco y
   sin partir por debajo de 14 caracteres, para poder recorrerla de un
   vistazo. */
.page-id-586 .cb-article .entry-content .cb-legal-table td:first-child {
	min-width: 14ch;
	font-weight: 600;
	color: #fff;
}

.page-id-586 .cb-article .entry-content .cb-legal-table figcaption {
	font-size: .8125rem;
	color: var(--cb-ink-4);
}


/* ==========================================================================
   8. Tarjeta de contacto y referencias cruzadas
   --------------------------------------------------------------------------
   Defecto observado: la sección de contacto terminaba con «página de
   contacto» en negrita, sin enlazar a ninguna parte, y el correo en
   cursiva sin `mailto:`. Un documento que te dice cómo ejercer tus
   derechos y no te deja hacer clic no sirve de mucho. Ahora es una
   tarjeta con los dos destinos enlazados.
   ========================================================================== */

.page-id-586 .cb-legal-card,
.page-id-2 .cb-legal-card {
	padding: var(--cb-s5);
	border: 1px solid var(--cb-hairline-strong);
	border-radius: var(--cb-radio-l, 14px);
	background: var(--cb-surface);
	box-shadow: var(--cb-shadow-2);
}

.page-id-586 .cb-article .entry-content .cb-legal-card p,
.page-id-2 .cb-article .entry-content .cb-legal-card p {
	margin: 0;
	color: #fff;
}

.page-id-586 .cb-article .entry-content .cb-legal-card__aside,
.page-id-2 .cb-article .entry-content .cb-legal-card__aside {
	margin-top: var(--cb-s4);
	padding-top: var(--cb-s3);
	border-top: 1px solid var(--cb-hairline);
	font-size: .875rem;
	color: var(--cb-ink-3);
}

.page-id-2 .cb-article .entry-content .cb-legal-xref {
	margin-block-start: var(--cb-s4);
	padding-left: var(--cb-s4);
	border-left: 2px solid var(--cb-neon-cyan);
	font-size: .875rem;
	color: var(--cb-ink-3);
}


/* ==========================================================================
   9. Impresión y movimiento reducido
   --------------------------------------------------------------------------
   Un documento legal se imprime y se adjunta a un correo más a menudo
   que cualquier otra página del sitio. En papel, los paneles oscuros se
   convertían en rectángulos negros de tóner y el índice de anclas no
   sirve de nada.
   ========================================================================== */

@media print {

	.page-id-586 .cb-legal-summary,
	.page-id-586 .cb-legal-meta,
	.page-id-586 .cb-legal-card,
	.page-id-586 .cb-legal-toc,
	.page-id-2 .cb-legal-summary,
	.page-id-2 .cb-legal-meta,
	.page-id-2 .cb-legal-card,
	.page-id-2 .cb-legal-toc {
		background: none;
		box-shadow: none;
		border-color: #999;
	}

	.page-id-586 .cb-legal-summary::before,
	.page-id-2 .cb-legal-summary::before {
		display: none;
	}

	.page-id-586 .cb-article .entry-content .cb-legal-h2,
	.page-id-2 .cb-article .entry-content .cb-legal-h2 {
		break-after: avoid;
	}
}


/* ==========================================================================
   9. La tabla de tratamientos, en pantalla estrecha
   --------------------------------------------------------------------------
   Defecto medido a 390 px: `scrollWidth 558` contra `clientWidth 388`. Se
   ocultaban 170 px, y la columna que se quedaba entera fuera de pantalla
   —de x=385 a x=559— era «Quién más lo trata»: en un documento de protección
   de datos, justo la que enumera a los terceros.

   Y no había forma de saberlo. La figura tiene `overflow-x: auto`, pero sus
   `::before` y `::after` van a `content: none`, así que no aparecía ni un
   degradado ni una sombra: la tabla parecía terminar en el borde.

   Encima, con el margen negativo del sangrado, la primera celda arrancaba en
   x=1: pegada al canto de la pantalla.

   Aquí se arreglan las tres cosas. La tabla sigue desplazándose —apilarla sin
   etiquetas de columna la haría ilegible— pero ahora se ve que se desplaza, y
   se avisa por escrito, que en un documento legal no sobra.
   ========================================================================== */

@media (max-width: 767px) {

	.page-id-586 .cb-article .entry-content .cb-legal-table,
	.page-id-2 .cb-article .entry-content .cb-legal-table {
		position: relative;
		/* La primera celda deja de tocar el canto. */
		padding-inline: var(--cb-edge, 1rem);
		/*
		 * El degradado del borde derecho, que es la señal de «hay más». Con
		 * `mask` se desvanece el contenido de verdad, no se le pinta algo
		 * encima, así que funciona sobre cualquier fondo.
		 */
		-webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 2.5rem), transparent);
		mask-image: linear-gradient(90deg, #000 calc(100% - 2.5rem), transparent);
	}

	/*
	 * Y el aviso, delante de la tabla. `content` con texto es lo justo aquí:
	 * es una ayuda de interfaz, no contenido del documento, y no debe acabar
	 * en el portapapeles de quien copie la política.
	 */
	.page-id-586 .cb-article .entry-content .cb-legal-table::before,
	.page-id-2 .cb-article .entry-content .cb-legal-table::before {
		content: "Desliza la tabla para ver todas las columnas →";
		display: block;
		margin-bottom: .6rem;
		padding-inline: var(--cb-edge, 1rem);
		font-size: .75rem;
		font-style: italic;
		color: var(--cb-ink-4, rgba(255, 255, 255, .5));
	}

	/* El pie de la tabla se queda dentro del margen, no bajo la máscara. */
	.page-id-586 .cb-article .entry-content .cb-legal-table figcaption,
	.page-id-2 .cb-article .entry-content .cb-legal-table figcaption {
		padding-inline: var(--cb-edge, 1rem);
	}

	/*
	 * Y se estrecha la tabla para que sobre lo menos posible.
	 *
	 * El `white-space: nowrap` de las cabeceras obligaba a «Quién más lo
	 * trata» a ocupar 174 px en una sola línea, y el `min-width: 14ch` de la
	 * primera columna reservaba otros tantos. Dejándolas partir, lo que se
	 * sale baja de 230 px a lo que ocupe el texto más largo.
	 */
	.page-id-586 .cb-article .entry-content .cb-legal-table th,
	.page-id-2 .cb-article .entry-content .cb-legal-table th {
		white-space: normal;
	}

	.page-id-586 .cb-article .entry-content .cb-legal-table td:first-child,
	.page-id-2 .cb-article .entry-content .cb-legal-table td:first-child {
		min-width: 0;
	}

	.page-id-586 .cb-article .entry-content .cb-legal-table table,
	.page-id-2 .cb-article .entry-content .cb-legal-table table {
		font-size: .8125rem;
	}
}