/* Imita el carrusel del bloque portfolio-slider en el editor, sin depender de Flickity */
.editor-styles-wrapper .proyectos-galeria .carousel-main,
.editor-styles-wrapper .proyectos-galeria .carousel-nav {
	display: flex;
	overflow-x: auto;
	gap: 8px;
	scroll-snap-type: x mandatory;
}

.editor-styles-wrapper .proyectos-galeria .carousel-cell {
	flex: 0 0 auto;
	scroll-snap-align: start;
	margin: 0;
}

/* carousel Main */

.editor-styles-wrapper .proyectos-galeria .carousel-main .carousel-cell {
	width: clamp(320px, 46vw, 520px); /* más consistente que 50% */
	max-width: none;
}
.editor-styles-wrapper .proyectos-galeria .carousel-main .carousel-cell img {
	aspect-ratio: 4 / 5;
	object-fit: cover;
}

/* carousel Nav */
.editor-styles-wrapper .proyectos-galeria .carousel-nav{
    justify-content: center;
}

.editor-styles-wrapper .proyectos-galeria .carousel-nav .carousel-cell {
	width: 72px;
	height: 72px;
}

.editor-styles-wrapper .proyectos-galeria .carousel-cell img {
	width: 100%;
	height: auto;
	display: block;
}

.editor-styles-wrapper .proyectos-galeria .carousel-nav .carousel-cell:first-child {
	outline: 2px solid #111;
	outline-offset: -2px;
}

/* Sin Flickity corriendo, .is-selected no se aplica; forzamos opacidad completa */
.editor-styles-wrapper .proyectos-galeria .carousel-main figure.carousel-cell {
	opacity: 1;
}