#bloque-fondo {
	position: relative;
	background-image: url("../img/fondo_home.jpg");
	background-size: cover;
	padding: 2em;
	color: white;
	font-size: 1.25em;

	img {
		position: absolute;
		width: 5em;
	}

	#deco-dcha {
		top: 0.5em;
		right: 0.5em;
	}

	#texto-fondo {
		width: 100%;
		background-color: rgba(255, 255, 255, 0.23);
	}

	#deco-izda {
		bottom: 0.5em;
		left: 0.5em;
	}

	#boton-atribucion {
		position: absolute;
		bottom: 0.5em;
		right: 0.5em;
		cursor: pointer;
	}

	#texto-atribucion {
		position: absolute;
		bottom: 3.5em;
		right: 0.75em;
		background: black;
		color: #fff;
		padding: 6px 10px;
		font-size: 12px;
		border-radius: 4px;
		white-space: nowrap;
		opacity: 0;
		pointer-events: none;
		transition: opacity 0.2s ease;
	}
	#texto-atribucion::after {
		content: "";
		position: absolute;
		bottom: -5px;
		right: 0.5em;
		width: 0;
		height: 0;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-top: 6px solid black;
	}
	#texto-atribucion.visible {
		opacity: 1;
	}
}

/* DESKTOP */
@media (min-width: 992px) {
	#bloque-fondo {
		padding: 4em 2em;
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: 1.5em;
		min-height: 75vh;

		#deco-dcha {
			top: 1em;
			right: 1em;
		}

		#texto-fondo {
			width: 45%;
		}

		#deco-izda {
			bottom: 1em;
			left: 1em;
		}

		#boton-atribucion {
			bottom: 1em;
			right: 1em;
		}

		#texto-atribucion {
			bottom: 5em;
			right: 2em;
		}

		div.desktop-only {
			width: 50%;
		}
	}
}