.onf-aliados-grid {
	--onf-aliados-grid-columns: 4;
	--onf-aliados-grid-tablet: 3;
	--onf-aliados-grid-mobile: 2;
	--onf-aliados-grid-gap-x: 24px;
	--onf-aliados-grid-gap-y: 24px;
	--onf-aliados-grid-logo-height: 150px;
	display: grid;
	grid-template-columns: repeat(var(--onf-aliados-grid-columns), minmax(0, 1fr));
	column-gap: var(--onf-aliados-grid-gap-x);
	row-gap: var(--onf-aliados-grid-gap-y);
	margin: 0;
	padding: 0;
	list-style: none;
}

.onf-aliados-grid,
.onf-aliados-grid * { box-sizing: border-box; }

.onf-aliados-grid__item {
	display: flex;
	min-width: 0;
	flex-direction: column;
	align-items: stretch;
	justify-content: flex-start;
	padding: var(--onf-aliados-grid-padding, 0px);
	border: 0 solid transparent;
	border-radius: var(--onf-aliados-grid-radius, 0px);
	background: transparent;
	text-align: var(--onf-aliados-grid-name-align, center);
}

.onf-aliados-grid--background .onf-aliados-grid__item {
	background: var(--onf-aliados-grid-background, #fff);
}

.onf-aliados-grid--border .onf-aliados-grid__item {
	border-width: var(--onf-aliados-grid-border-width, 1px);
	border-color: var(--onf-aliados-grid-border-color, #e5e8e5);
}

.onf-aliados-grid__link,
.onf-aliados-grid__image {
	display: flex;
	width: 100%;
	min-width: 0;
	height: var(--onf-aliados-grid-logo-box-height, var(--onf-aliados-grid-logo-height));
	align-items: var(--onf-aliados-grid-logo-align, center);
	justify-content: var(--onf-aliados-grid-logo-justify, center);
}

.onf-aliados-grid__link:focus-visible {
	border-radius: 2px;
	outline: 3px solid #054f11;
	outline-offset: 3px;
}

.onf-aliados-grid__logo {
	display: block;
	width: auto;
	max-width: min(100%, var(--onf-aliados-grid-logo-width, 1200px));
	max-height: min(var(--onf-aliados-grid-logo-height, 150px), var(--onf-aliados-grid-logo-box-height, 150px));
	object-fit: contain;
	transition: transform 180ms ease, opacity 180ms ease;
}

.onf-aliados-grid__name {
	display: block;
	min-height: var(--onf-aliados-grid-name-min-height, 0px);
	margin-top: var(--onf-aliados-grid-name-gap, 10px);
	color: var(--onf-aliados-grid-name-color, inherit);
	font-family: inherit;
	font-size: var(--onf-aliados-grid-name-font-size, inherit);
	font-weight: var(--onf-aliados-grid-name-font-weight, inherit);
	text-align: var(--onf-aliados-grid-name-align, center);
	overflow-wrap: anywhere;
}

.onf-aliados-grid--hover-scale .onf-aliados-grid__item:hover .onf-aliados-grid__logo,
.onf-aliados-grid--hover-scale .onf-aliados-grid__link:focus-visible .onf-aliados-grid__logo {
	scale: 1.03;
}

.onf-aliados-grid--hover-opacity .onf-aliados-grid__item:hover .onf-aliados-grid__logo,
.onf-aliados-grid--hover-opacity .onf-aliados-grid__link:focus-visible .onf-aliados-grid__logo {
	opacity: .72;
}

@media (min-width: 768px) and (max-width: 1023px) {
	.onf-aliados-grid { grid-template-columns: repeat(var(--onf-aliados-grid-tablet), minmax(0, 1fr)); }
}

@media (max-width: 767px) {
	.onf-aliados-grid { grid-template-columns: repeat(var(--onf-aliados-grid-mobile), minmax(0, 1fr)); }
}

@media (prefers-reduced-motion: reduce) {
	.onf-aliados-grid__logo { transition: none; }
}
