@charset "utf-8";

#aportar {
	background: white;
	width: fit-content;
	display: none;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	padding: 1rem 2.25rem 2.25rem;
	max-width: 900px;
	border-radius: 5px;
	box-shadow: 0px 10px 50px 25px rgba(153, 151, 151, 0.15);
}
.aportar__titleGrid {
	display: flex;
	justify-content: space-between;
	width: -webkit-fill-available;
	padding: 0 2rem;
	margin-top: 1.5rem;
}
.aportar__title {
	font-size: 1.25rem;
	font-weight: 800;
	color: var(--brand-blue);
}
#aportar__exitHolder {
	height: 0px;
	width: 0px;
	position: relative;
	left: calc(100% - .5rem);
	top: -1.5rem;
}
#aportar__exit {
	border: none;
	background: var(--brand-blue);
	color: white;
	height: 2.5rem;
	width: 2.5rem;
	border-radius: 1000px;
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
}

.aportar__flavor {
	color: var(--brand-pink);
	margin: auto;
	padding: 1rem;
	padding-top: 0;
	width: fit-content;
	text-align: center;
	font-weight: 600;
	font-size: 1.75rem;
	font-family: 'Lobster Two', sans-serif;
}
.aportar__reasons {
	display: inline-block;
	width: 80%;
	margin: auto;
	color: var(--brand-blue);
	padding: 1rem 0;
}
.aportar__reasons li {
	margin-bottom: .25rem;
}
.aportar__reasons li::marker {
	color: var(--brand-orange);
}
.aportar__amounts {
	display: flex;
	justify-content: center;
	align-items: center;
	width: -webkit-fill-available;
	padding: 0 .25rem .5rem;
}
.aportar__amount {
	border: none;
	border-radius: 5px;
	margin: .1rem;
	padding: 0.5rem 1rem;

	font-size: .8rem;
	font-weight: 600;
	background: #efefef;
	color: gray;
	cursor: pointer;

	display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;

	min-height: 120px;
}

.aportar__priceTag {
	font-size: 1.75rem;
	font-weight: 900;
	color: var(--brand-blue);
}

.aportar__amount:hover {
	background: var(--brand-blue);
	color: white;
}

.aportar__amount:hover .aportar__priceTag,
.aportar__amount:hover .aportar__reach {
	color: var(--brand-green);
}

.aportar__amount:focus {
	background-color: var(--brand-blue);
	color: white;
}

.aportar__reach {
	color: var(--brand-pink);
	font-size: 1rem;
	font-weight: 900;
}
.aportar__disclaimer{
	font-size: .85rem;
	margin: auto;
	text-align: center;
	color: var(--brand-blue);
}

@media only screen and (max-width: 900px) {
	#aportar{
		max-width: 100%;
		height: fit-content;
	}
	.aportar__title {
		font-size: 1.2rem;
	}
	.aportar__reasons {
		font-size: 1rem;
		margin-top: 1rem;
		margin-bottom: 1rem;
	}
	.aportar__flavor {
		font-size: 1.2rem;
		margin-top: .5rem;
		margin-bottom: .5rem;
	}
	.aportar__amounts {
		flex-grow: 1;
		flex-direction: column;
		align-items: center;
		padding: 0;
	}
	.aportar__amount {
		font-size: .8rem;
		padding: .25;
		flex-grow: 1;
		width: -webkit-fill-available;
		min-height: fit-content;
		max-width: 450px;

	}
	.aportar__priceTag {
		font-size: 1.5rem;
	}
	.aportar__disclaimer{
		padding: .5rem 0;
	}
	#aportar #dialog_exit_holder{
		position: fixed;
		top: 1rem;
		left: calc(100% - 3.5rem);
	}
}