/* Maquetación CSS para los archivos de PT */
.iw-archive {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: stretch;
	gap: var(--iw-archive-column-gap);
}

.iw-archive > * {
	width: calc(calc(100% - calc(calc(var(--iw-archive-column-count) - 1) * var(--iw-archive-column-gap))) / var(--iw-archive-column-count));
	margin: 0;
}


@media (max-width: 480px) {
	.iw-archive {
		--iw-archive-mobile-column-gap: 0;
		--iw-archive-mobile-column-count: 1;

		--iw-archive-column-gap: var(--iw-archive-mobile-column-gap);
		--iw-archive-column-count: var(--iw-archive-mobile-column-count);
	}
}
@media (min-width: 481px) and (max-width: 980px) {
	.iw-archive {
		--iw-archive-column-gap: var(--iw-archive-tablet-column-gap);
		--iw-archive-column-count: var(--iw-archive-tablet-column-count);
	}
	.iw-archive.preset-2,
	.iw-archive.preset-3,
	.iw-archive.preset-4,
	.iw-archive.preset-5,
	.iw-archive.preset-6 {
		--iw-archive-tablet-column-gap: 30px;
		--iw-archive-tablet-column-count: 2;
	}
}


@media (min-width: 981px) {
	.iw-archive.preset-2 {
		--iw-archive-column-gap: 30px;
		--iw-archive-column-count: 2;
	}

	.iw-archive.preset-3 {
		--iw-archive-column-gap: 30px;
		--iw-archive-column-count: 3;
	}

	.iw-archive.preset-4 {
		--iw-archive-column-gap: 30px;
		--iw-archive-column-count: 4;
	}

	.iw-archive.preset-5 {
		--iw-archive-column-gap: 30px;
		--iw-archive-column-count: 5;
	}

	.iw-archive.preset-6 {
		--iw-archive-column-gap: 30px;
		--iw-archive-column-count: 6;
	}
}