/* Cuadrícula estable para galerías de uno a cuatro elementos. */
.corp-event-gallery {
	grid-template-columns: 1.2fr .55fr .55fr;
	grid-template-rows: 1fr 1fr;
}

.corp-event-gallery > a.is-main {
	grid-column: 1;
	grid-row: 1 / 3;
}

.corp-event-gallery--count-1 > a.is-main {
	grid-column: 1 / -1;
	grid-row: 1 / -1;
}

.corp-event-gallery--count-2 > a:nth-of-type(2) {
	grid-column: 2 / 4;
	grid-row: 1 / 3;
}

.corp-event-gallery--count-3 > a:nth-of-type(2) {
	grid-column: 2 / 4;
	grid-row: 1;
}

.corp-event-gallery--count-3 > a:nth-of-type(3) {
	grid-column: 2 / 4;
	grid-row: 2;
}

.corp-event-gallery--count-4 > a:nth-of-type(2) {
	grid-column: 2;
	grid-row: 1;
}

.corp-event-gallery--count-4 > a:nth-of-type(3) {
	grid-column: 3;
	grid-row: 1;
}

.corp-event-gallery--count-4 > a:nth-of-type(4) {
	grid-column: 2 / 4;
	grid-row: 2;
}

@media (max-width: 600px) {
	.corp-event-gallery {
		height: auto;
		grid-template-columns: 1fr;
		grid-template-rows: none;
	}

	.corp-event-gallery[class*="corp-event-gallery--count-"] > a {
		grid-column: auto;
		grid-row: auto;
	}
}