/* ===== Transparency ===== */
.transparency-cards{
	display: flex;
	flex-direction: column;
	justify-content: center;
	
	margin: 124px 0 111px 0;
}
.transparency {
	background-color: var(--bluey); 
	margin-bottom: 10vh;
	width: 100%;
	height: 567px;
	align-content: center;
	margin: 0 0 0 0;
}
.transparency__grid {
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	justify-content: space-between;

}
.transparency__text{
	display: flex;
	flex-direction: column;
}
.transparency__text p{
	margin: 16px 0 0 0;
	max-width: 458px;
}
.transparency__text h2 { 
	font-size: 36px; 
	line-height: 1;
	margin: 0;
}
.transparency__text span { 
	font-size: 36px; 
	line-height: 1;
}
.transparency__card {
  	background: #fff;
  	border-radius: var(--radius-lg);
  	padding: 32px;
  	display: flex;
  	flex-direction: column;
  	gap: 24px;
  	box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}
.transparency-holder{
  	margin-top: 12vh;
}
.transparency__card2 {
  	display: flex;
  	flex-direction: column;

  	background-color: var(--color-bg-alt);
  	justify-content: center;
	align-items: center;

  	width: 469px;
  	height: 393px;
}

.transparency__card2 img{
  	width: 210px;
  	height: 100px;
}

#special-card{
  	background-color: var(--color-gray);
}
#special-color{
  	color: black;
}

.parcerias{
  	display: flex;
  	flex-direction: row;
  	justify-content: center;
	justify-items: center;
  	align-items: start;
  	gap: 2vw;
	margin: 0 0 132px;
}

.parcerias-column{
  	display: flex;
  	flex-direction: column;
  	justify-content: space-around;
  	align-items: start;
}

.parceiro{
  	display: flex;
  	flex-direction: row;
  	justify-content: center;
  	gap: 24px;
  	margin-bottom: 2vh;
}

.parceria-img{
  	width: 188px;
  	height: 175px;
}
.parceiro-title{
	font-size: 20px;
	font-weight: bold;	
  	display: flex;
  	flex-direction: column;
  	justify-content: center;
  	gap: 1vh;

  	font-weight: bold;
  	color: black;
}
.parceria-text p{
	margin: 0 0 24px 0;
}
#btnCopy{
	width: 234px;
	height: 48px;
	
	font: white;
	font-weight: bold;
	color: white;
	background-color: var(--color-primary);
	
	border-radius: var(--radius);
	align-content: center;
}
.donation-row{
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap:366px;
	align-items: center;
}
@media (max-width: 1320px){
	.parcerias{
		flex-direction: column;
		margin-bottom:28px;
	}
	.transparency{
		width: 100%;
		height:auto;
	}
	.transparency__grid{
		flex-direction: column;
		padding: 46px 0 34px 0;
		height: auto;
	}
	.transparency__text{
		text-align: center;
	}
	.transparency__text h2 { 
		font-size: 18px; 
		line-height: 1;
		margin: 0;
	}
	.transparency__text span { 
		font-size: 18px; 
		line-height: 1;
	}
	.transparency__card2{
		width: 239px;
		height: 137px;
		border-radius: 20px;
	}
	.transparency__card2 img{
		width: 143px;
		height: 68px;
	}
	.transparency-cards{
		margin: 25px 0 25px 0;
	}
	#donation-top{
		text-align: center;
		justify-items: center;
	}
	#desktop-title{
		display: none;
	}
	#mobile-title{
		display: flex;
		margin-top: 38px;
	}
	.parceiro{
		width: 356px;
	}
	.parceria-img{
		width: 108px;
		height: 101px;
	}
	.parceiro-title{
		margin: 0;
		font-size: 15px;
		width: 216px;
		line-break: wrap;
	}
	.parceria-text p{
		font-size: 12px;
		width: 216px;
		line-break: wrap;
	}
	.parcerias-column{
		align-items: center;
	}
	.transparency__text p{
		margin: 28px 0 26px 0;
		max-width: 238px;
		line-height: 1.6;
		font-size: 12px;
	}
	.transparency-holder{
		margin: 38px 0 0 0;
	}
	.donation-row{
		flex-direction: column;
		gap: 2px;
	}
}

@media(min-width: 1321px){
	#desktop-title{
		display: flex;
	}
	#mobile-title{
		display: none;
	}
}