#cuerpo .contenidoCuerpo {
	border: 1px solid var(--grisOscuro);
	padding-left: 20px; padding-block: 10px;
}
.contenidoCuerpo {
	background-image: linear-gradient(var(--fondoBlanco), var(--fondoBlanco)); backdrop-filter: blur(4px);
	&:has(#filtroIndice) #tituloMasContenido {--margenIzq: 210px; margin-left: var(--margenIzq); max-width: calc(100% - var(--margenIzq));}
	&:not(:has(#filtroIndice)) #tituloMasContenido {max-width: 100%;}

	#tituloMasContenido {
		flex-grow: 1; overflow-y: auto;

		/* Temas del contenido */
		&:not(:has(#tituloDelContenido)) {
			padding-top: 6px;
			#contenido {height: calc(100% - 6px);} /* 6px es el alto del padding */
		}
		&:has(#tituloDelContenido) {
			#tituloDelContenido {padding-block: 6px 10px;}
			#contenido {height: calc(100% - 22px - 16px);} /* 22px es el alto de #tituloDelContenido sin el padding, y 16px es el padding */
		}
		#contenido {display: flex; padding-right: 20px; overflow-y: auto;}

		#contenido.estandar {
			flex-direction: column;
			.bloque {
				a {color: var(--terracota); text-decoration: underline;}

				/* Texto con imagen */
				&:has(.texto) .imgLeyenda {float: right; margin-left: 30px; margin-bottom: 15px; max-width: 33%;}

				/* Texto sólo o con imagen */
				.texto {
					&:has(img) {display: flex; flex-direction: column; align-items: center;}
					blockquote {font-size: 1.1rem; margin-block: 10px 20px; text-align: center; text-wrap: balance;}
					p, :where(ul, ol) li {margin-bottom: 12px; line-height: 1.5;}
					width: fit-content;
					p {width: fit-content;}
					ul, ol {margin-left: 24px;}
				}

				/* Imagen sola o con texto */
				.imgLeyenda {
					display: flex; flex-direction: column; align-items: center;
					.imagen {
						max-width: 100%; max-height: 60vh; cursor: pointer;
						&:hover {scale: 1.05;}
					}
					iframe {height: 350px; width: auto; aspect-ratio: 16 / 9;}
				}

				.carrusel {
					display: flex; flex-direction: row; gap: 20px;
					max-width: 100%; overflow-x: auto; overflow-y: hidden;
					img {
						max-height: 65vh; cursor: pointer;
						&:hover {scale: 1.05;}
					}
				}

				/* Imagen, Carrusel, Video */
				&:not(:has(.texto)) .leyenda {max-width: 70%;}
				&:has(.texto) .leyenda {max-width: 100%;}
				.leyenda {
					padding-block: 6px; line-height: 1.2;
					font-style: italic; color: var(--grisInterm); text-align: center; text-wrap: balance;
				}
			}
		}

		#contenido.libros, #contenido.estampas {
			flex-direction: row;
			flex-wrap: wrap; justify-content: space-evenly;
			column-gap: 50px; /* entre bloques */
			img {height: 370px;}
		}
		#contenido.libros {
			row-gap: 200px; /* entre filas */

			.bloque {
				position: relative;
				.texto {
					position: absolute; left: 50%; bottom: 0px; translate: -50% 100%;
					width: 100%; padding-block: 6px;
					* {line-height: 1.2;}
					.nombre {font-weight: bold; margin-bottom: 6px;}
					.autor {font-style: italic;}
				}
			}
		}
		#contenido.estampas {
			padding-block: 20px;
			row-gap: 70px;
			.bloque {
				display: flex; flex-direction: column; align-items: flex-start;
				p {font-weight: bold; margin-bottom: 3px;}
				.imagenes {display: flex; flex-direction: row; gap: 20px;}
			}
		}
	}
}
