#bloque {
	padding: 1em 2em;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	row-gap: 1em;

	#bloque-portada {
		width: 45vw;

		img {
			width: 40vw;
		}

		#bloque-boton {
			padding-top: 1em;

			a {
				color: white;
				text-decoration: none;
				background-color: black;
				padding: 0.25em 2em;
				border-radius: 0.75em;
			}
			a:hover, a:visited {
				color: white;
				text-decoration: none;
			}
		}
	}

	#texto {
		padding-top: 1em;

		h2 {
			font-size: 1.5em;
			line-height: 1;
		}

		p.text-bold {
			line-height: 1.25;
		}

		span.hashtag {
			font-size: 0.85em;
			color: lightgrey;
		}
	}		
}

/* DESKTOP */
@media (min-width: 992px) {
	#bloque {
		padding: 0 4em;
		flex-direction: row;
		column-gap: 2em;
		font-size: 1.25em;
		min-height: 75vh;

		#bloque-portada {
			width: 30vw;

			img {
				width: auto;
				max-height: 25em;
			}

			#bloque-boton {
				padding-top: 2em;
			}
		}

		#texto {
			max-width: 50vw;
			padding-top: 0;
		}
	}
}