/* Widget: Bloque de contenido (.srw-content) — título y entradilla en una columna, lista en la otra */
.srw-content .srw-content__grid {
	display: grid;
	grid-template-columns: minmax(0, var(--srw-col-aside)) minmax(0, var(--srw-col-main));
	column-gap: var(--srw-gap);
	row-gap: 28px;
	align-items: start;
}
.srw-content .srw-content__head { grid-area: head; }
.srw-content .srw-content__main { grid-area: main; min-width: 0; }
.srw-content .srw-content__media { grid-area: media; }
.srw-content .srw-content__foot { grid-area: foot; }
.srw-content .srw-content__head .srw-title + .srw-content__intro { margin-top: 18px; }
.srw-content .srw-content__foot .srw-actions { margin-top: 26px; }
.srw-content .srw-content__foot .srw-actions:first-child { margin-top: 0; }

/* Sin imagen: título, entradilla y cierre a la izquierda; lista a la derecha */
.srw-content.srw-content--img-none .srw-content__grid { grid-template-areas: "head main" "foot main"; grid-template-rows: auto 1fr; }
/* Imagen bajo el título */
.srw-content.srw-content--img-under .srw-content__grid { grid-template-areas: "head main" "media main" "foot main"; grid-template-rows: auto auto 1fr; }
/* Imagen en su propia columna (ocupa todo el alto del texto) */
.srw-content.srw-content--img-left .srw-content__grid { grid-template-areas: "media head" "media main" "media foot"; grid-template-rows: auto auto 1fr; }
.srw-content.srw-content--img-right .srw-content__grid {
	grid-template-columns: minmax(0, var(--srw-col-main)) minmax(0, var(--srw-col-aside));
	grid-template-areas: "head media" "main media" "foot media";
	grid-template-rows: auto auto 1fr;
}
.srw-content.srw-content--img-left .srw-content__media,
.srw-content.srw-content--img-right .srw-content__media { align-self: stretch; min-height: 420px; }
.srw-content.srw-content--img-left .srw-content__media img,
.srw-content.srw-content--img-right .srw-content__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }

@media (max-width: 900px) {
	.srw-content .srw-content__grid,
	.srw-content.srw-content--img-right .srw-content__grid { grid-template-columns: minmax(0, 1fr); grid-template-rows: none; row-gap: 26px; }
	.srw-content.srw-content--img-none .srw-content__grid { grid-template-areas: "head" "main" "foot"; }
	.srw-content.srw-content--img-under .srw-content__grid { grid-template-areas: "head" "main" "media" "foot"; }
	.srw-content.srw-content--img-left .srw-content__grid,
	.srw-content.srw-content--img-right .srw-content__grid { grid-template-areas: "media" "head" "main" "foot"; }
	.srw-content.srw-content--img-left .srw-content__media,
	.srw-content.srw-content--img-right .srw-content__media { min-height: 0; }
	.srw-content.srw-content--img-left .srw-content__media img,
	.srw-content.srw-content--img-right .srw-content__media img { position: static; height: auto; aspect-ratio: 4 / 3; }
}