/*
 * DAMAUTOR26 v2.70.3 — Grid Actividades · uniforme adaptativo
 * --------------------------------------------------------------------------
 * Reglas finales:
 *   · Tarjetas SIEMPRE iguales (mismo ancho, misma altura).
 *   · Imagen 16:9 horizontal con object-fit:cover (carteles apaisados).
 *   · Nº de columnas adaptativo según items: 1 → 1col · 2 → 2cols · 3 → 3cols.
 *     >3 hace wrap a varias filas de 3.
 *   · No hay layout "mosaico" ni "duo": eliminados del bloque.
 *
 * Scope namespaceado a `.home-dc--act` → no afecta a otros consumidores de
 * `dc-card`. Mismo CSS aplica en Home y en la zona destacada del archivo
 * (que usa el mismo shortcode `[dama_actividades_grid]`).
 * --------------------------------------------------------------------------
 */

/* ---- Tarjeta · altura uniforme + flex column -------------------------- */
.home-dc--act .dc-card {
	display: flex;
	flex-direction: column;
	height: 100%;
	min-height: 0;
}

/* ---- Media · ratio 16:9 horizontal + cover ---------------------------- */
.home-dc--act .dc-card__media {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	flex: 0 0 auto;
}
.home-dc--act .dc-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}
.home-dc--act .dc-card__media .dc-card__placeholder {
	position: absolute;
	inset: 0;
	display: grid;
	place-items: center;
}

/* ---- Body · crece para igualar alturas; título a 2 líneas ------------- */
.home-dc--act .dc-card__body {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	gap: .6rem;
}
.home-dc--act .dc-card__title {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	/* Reserva 2 líneas → altura de cuerpo constante incluso si el título es 1ª. */
	min-height: calc( 2em * 1.2 );
}
.home-dc--act .dc-card__body > .dc-card__meta {
	margin-top: auto;
}

/* ---- Grid uniforme adaptativo ----------------------------------------- */
/* `--dc-cols` se inyecta inline desde PHP (1, 2 o 3). En desktop. */
.home-dc--act .dc-grid--uniform {
	display: grid;
	grid-template-columns: repeat( var(--dc-cols, 3), minmax(0, 1fr) );
	gap: var(--grid-gap, 2rem);
	align-items: stretch;
}
.home-dc--act .dc-grid--uniform > * {
	height: 100%;
	min-width: 0;
}

/* ---- Tablet · si hay 3, se respeta 3; con 2 se queda en 2 ------------- */
@media (max-width: 1024px) {
	.home-dc--act .dc-grid--uniform[data-cols="3"] {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* ---- Móvil · siempre 1 columna ---------------------------------------- */
@media (max-width: 768px) {
	.home-dc--act .dc-grid--uniform {
		grid-template-columns: 1fr;
	}
}