/**
 * Archivo genérico (archive.php). Grid de tarjetas branded. Tokens theme.json.
 */
.ipx-arch,
.ipx-arch *,
.ipx-arch *::before,
.ipx-arch *::after { box-sizing: border-box; }

.ipx-arch {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	padding: 2.5rem 1.25rem 4rem;
	font-family: var(--wp--preset--font-family--montserrat);
}
@media (min-width: 1024px) { .ipx-arch { padding: 3.5rem 2rem 5rem; } }

.ipx-arch__head { margin-bottom: 2.5rem; }
.ipx-arch__title { margin: 0 0 0.75rem; font-size: 1.875rem; font-weight: 700; color: var(--wp--preset--color--ipla-blue); }
@media (min-width: 768px) { .ipx-arch__title { font-size: 2.25rem; } }
.ipx-arch__desc { color: var(--wp--preset--color--ipla-text-darkgray); max-width: 75%; }

.ipx-arch__grid {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.5rem;
}
@media (min-width: 768px) { .ipx-arch__grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1280px) { .ipx-arch__grid { grid-template-columns: repeat(3, 1fr); } }

.ipx-arch__card {
	background: var(--wp--preset--color--white);
	border: 1px solid var(--wp--preset--color--ipla-textgray);
	border-radius: 1.5rem;
	overflow: hidden;
	box-shadow: 0 10px 15px -3px rgba(6, 6, 49, 0.08);
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.ipx-arch__card:hover { box-shadow: 0 20px 25px -5px rgba(6, 6, 49, 0.16); transform: translateY(-0.25rem); }
.ipx-arch__media { display: block; aspect-ratio: 16 / 9; background: var(--wp--preset--color--ipla-gray); }
.ipx-arch__img { display: block; width: 100%; height: 100%; object-fit: cover; }
.ipx-arch__ph { display: block; width: 100%; height: 100%; background: linear-gradient(135deg, var(--wp--preset--color--ipla-gray), var(--wp--preset--color--ipla-soft-blue)); }

.ipx-arch__body { padding: 1.5rem; }
.ipx-arch__date { display: block; font-size: 0.75rem; color: var(--wp--preset--color--ipla-text-grayalternative); margin-bottom: 0.5rem; }
.ipx-arch__card-title { margin: 0 0 0.75rem; font-size: 1.125rem; font-weight: 700; line-height: 1.25; }
.ipx-arch__card-title a { color: var(--wp--preset--color--ipla-blue); text-decoration: none; }
.ipx-arch__card-title a:hover { color: var(--wp--preset--color--ipla-lightblue); }
.ipx-arch__excerpt { margin: 0 0 1rem; font-size: 0.875rem; color: var(--wp--preset--color--ipla-black); line-height: 1.5; }
.ipx-arch__more { font-size: 0.875rem; font-weight: 600; color: var(--wp--preset--color--ipla-lightblue); text-decoration: none; }

.ipx-arch__pagination { margin-top: 3rem; display: flex; justify-content: center; gap: 0.5rem; }
.ipx-arch__pagination .page-numbers {
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 2.25rem; height: 2.25rem; padding: 0 0.5rem;
	border-radius: 0.5rem; border: 1px solid var(--wp--preset--color--ipla-textgray);
	color: var(--wp--preset--color--ipla-blue); text-decoration: none; font-weight: 600;
}
.ipx-arch__pagination .page-numbers.current { background: var(--wp--preset--color--ipla-blue); color: var(--wp--preset--color--white); border-color: var(--wp--preset--color--ipla-blue); }
.ipx-arch__pagination .page-numbers:hover:not(.current) { background: var(--wp--preset--color--ipla-gray); }
.ipx-arch__empty { padding: 3rem 0; color: var(--wp--preset--color--ipla-text-darkgray); }