/* Widget: Mosaico de tarjetas (.srw-mosaic) — piezas con subtítulo (H3) y una foto como pieza más */
.srw-mosaic .srw-mosaic__item { padding: 30px 32px; }
.srw-mosaic .srw-mosaic__title { font-size: var(--srw-fs-h3); line-height: 1.3; color: var(--srw-color-dark); margin: 0 0 12px; }
.srw-mosaic .srw-mosaic__text { font-size: 1em; line-height: 1.6; }
.srw-mosaic .srw-mosaic__media { padding: 0; margin: 0; min-height: 260px; }
.srw-mosaic .srw-mosaic__media img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center; border: 0; border-radius: 0; box-shadow: none; }
.srw-mosaic.srw-mosaic--media-first .srw-mosaic__media { order: -1; }

/* Foto a un lado, a toda la altura de las tarjetas (posición «izquierda» o «derecha») */
.srw-mosaic .srw-mosaic__split { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--srw-grout); }
.srw-mosaic.srw-mosaic--side-right .srw-mosaic__split { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
.srw-mosaic .srw-mosaic__split > .srw-mosaic__media { min-height: 320px; }

@media (max-width: 1024px) {
	.srw-mosaic .srw-mosaic__split,
	.srw-mosaic.srw-mosaic--side-right .srw-mosaic__split { grid-template-columns: minmax(0, 1fr); }
	.srw-mosaic .srw-mosaic__split > .srw-mosaic__media { order: -1; min-height: 340px; }
}

@media (max-width: 767px) {
	.srw-mosaic .srw-mosaic__item { padding: 22px 20px; }
	.srw-mosaic .srw-mosaic__media { min-height: 0; }
	.srw-mosaic .srw-mosaic__media img { position: static; height: auto; aspect-ratio: 3 / 2; }
}