/*
 * Aplica de verdad el número de columnas elegido en el bloque de Galería
 * (clase "columns-N" en el contenedor), tanto en el editor como en la web.
 */
.wp-block-gallery.columns-1,
.wp-block-gallery.columns-2,
.wp-block-gallery.columns-3,
.wp-block-gallery.columns-4,
.wp-block-gallery.columns-5,
.wp-block-gallery.columns-6,
.wp-block-gallery.columns-7,
.wp-block-gallery.columns-8 {
	display: grid !important;
	gap: 16px !important;
}

.wp-block-gallery.columns-1 { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; }
.wp-block-gallery.columns-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
.wp-block-gallery.columns-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
.wp-block-gallery.columns-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
.wp-block-gallery.columns-5 { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
.wp-block-gallery.columns-6 { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; }
.wp-block-gallery.columns-7 { grid-template-columns: repeat(7, minmax(0, 1fr)) !important; }
.wp-block-gallery.columns-8 { grid-template-columns: repeat(8, minmax(0, 1fr)) !important; }

.wp-block-gallery[class*="columns-"] .wp-block-image {
	margin: 0;
	width: 100%;
}
.wp-block-gallery[class*="columns-"] .wp-block-image img {
	width: 100%;
	height: auto;
	display: block;
}

/* En móvil, máximo 2 columnas para que no queden demasiado estrechas. Ajusta o borra este bloque si no lo quieres. */
@media (max-width: 600px) {
	.wp-block-gallery[class*="columns-"] {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}