/* Impronta · "Lo que vas a tejer" (Curso.dc.html). La página de venta del curso usa esquinas redondeadas. */
.imp-cg { display: flex; flex-direction: column; gap: 10px; font-family: 'Jost', Futura, 'Century Gothic', sans-serif; color: #33302B; }
.imp-cg__eyebrow { margin: 0; font-size: 10px; font-weight: 500; letter-spacing: .22em; text-transform: uppercase; color: #8E4E36; }
.imp-cg__titulo { margin: 0 0 8px; font-size: 26px; font-weight: 300; letter-spacing: .12em; text-transform: uppercase; }

.imp-cg__arriba {
	display: grid;
	grid-template-columns: 2fr 1fr;
	grid-template-rows: 230px 230px;
	gap: 10px;
}
.imp-cg__grande { grid-row: 1 / span 2; min-height: 0; }
.imp-cg__chica { min-height: 0; }
/* Con 2 fotos, la segunda ocupa toda la columna chica; con 1, la grande ocupa todo el ancho */
.imp-cg--n2 .imp-cg__chica { grid-row: 1 / span 2; }
.imp-cg--n1 .imp-cg__arriba { grid-template-columns: minmax(0, 1fr); grid-template-rows: 460px; }
.imp-cg--n1 .imp-cg__grande { grid-row: auto; }

.imp-cg__abajo { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.imp-cg__baja { height: 190px; min-height: 0; }

.imp-cg__foto { display: block; width: 100%; height: 100%; object-fit: cover; }
.imp-cg__grande .imp-cg__foto { border-radius: 16px; }
.imp-cg__chica .imp-cg__foto,
.imp-cg__baja .imp-cg__foto { border-radius: 14px; }

@media (max-width: 767px) {
	.imp-cg__titulo { font-size: 22px; }
	.imp-cg__arriba { grid-template-rows: 170px 170px; }
	.imp-cg__baja { height: 120px; }
}

/* Las fotos llenan su casillero (el tema les pisaba el alto y se salían de la grilla) */
.imp-cg .imp-cg__grande, .imp-cg .imp-cg__chica, .imp-cg .imp-cg__baja { overflow: hidden; border-radius: 14px; }
.imp-cg .imp-cg__grande { border-radius: 16px; }
.imp-cg .imp-cg__foto { display: block; width: 100% !important; height: 100% !important; max-width: none; object-fit: cover; border-radius: 0; }