/* ════════════════════════════════════════════════════
   ARCHIVO DE CATÁLOGOS (/catalogo/)
   Ver fitness-pro-catalogo/archive-template.php - grilla de 3, cards
   NO clickeables (a pedido del cliente) - el único link es el botón
   "Descargar", directo al PDF.
════════════════════════════════════════════════════ */

.fp-catalogo-archive {
	padding: 56px 20px 80px;
}

.fp-catalogo-archive-inner {
	width: var(--theme-container-width, 100%);
	max-width: var(--theme-normal-container-max-width, 1200px);
	margin-inline: auto;
}

.fp-catalogo-archive-title {
	text-align: center;
}

.fp-catalogo-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 32px;
}

/* 3 por fila - flex (no grid) para que una fila incompleta quede
   centrada en vez de pegada a la izquierda, mismo criterio que
   [fp_lineas_grid] (ver lineas-grid.css). */
.fp-catalogo-card {
	flex: 0 0 calc((100% - 2 * 32px) / 3);
	box-sizing: border-box;
	border: 1px solid #e2e0db;
	border-radius: 6px;
	overflow: hidden;
	background: #fff;
}

.fp-catalogo-card-image {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	aspect-ratio: 1 / 1;
	background: #f4f4f2;
	border-bottom: 1px solid #e2e0db;
	overflow: hidden;
}

.fp-catalogo-card-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: filter .2s ease; /* usado por el hover de /proyectos/, ver proyectos.css - inofensivo acá (Catálogo no tiene hover de imagen) */
}

.fp-catalogo-card-placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 45%;
	color: #1a1a1a;
}

.fp-catalogo-card-placeholder svg {
	width: 100%;
	height: auto;
}

.fp-catalogo-card-footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	padding: 18px 20px;
}

.fp-catalogo-card-title {
	margin: 0;
}

.fp-catalogo-card-download {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 9px 16px;
	border-radius: 4px;
	background: var(--theme-palette-color-1, #FA0000);
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	text-decoration: none;
	transition: opacity .15s ease;
}

.fp-catalogo-card-download:hover {
	opacity: .85;
	color: #fff;
}

.fp-catalogo-card-download--disabled {
	background: #d9d7d2;
	color: #7a7a76;
	cursor: default;
}

.fp-catalogo-pagination {
	margin-top: 48px;
	display: flex;
	justify-content: center;
}

.fp-catalogo-vacio {
	text-align: center;
	color: #666;
	padding: 40px 0;
}

/* ── RESPONSIVE ── */
@media (max-width: 900px) {
	.fp-catalogo-card {
		flex: 0 0 calc((100% - 32px) / 2);
	}
}

@media (max-width: 600px) {
	.fp-catalogo-archive-title {
		font-size: 28px;
	}

	.fp-catalogo-card {
		flex: 0 0 100%;
	}

	.fp-catalogo-card-footer {
		flex-wrap: wrap;
	}
}