/* Widget Galería rápida — cinta infinita de imágenes uniformes, arrastrable y sensible al scroll */

.galeria-rapida {
	--gr-ancho: 18vw;
	--gr-proporcion: 4 / 3;
	--gr-espacio: 14px;
	--gr-radio: 2px;
	--gr-carga: #f4f3f1;
	position: relative;
	width: 100%;
	overflow: hidden;
	user-select: none;
	-webkit-user-select: none;
}

.galeria-rapida__pista {
	display: flex;
	width: max-content;
	will-change: transform;
}

.galeria-rapida__lista {
	display: flex;
	flex-shrink: 0;
	gap: var(--gr-espacio);
	padding-right: var(--gr-espacio);
}

.galeria-rapida__item {
	flex: 0 0 auto;
	width: var(--gr-ancho);
	aspect-ratio: var(--gr-proporcion);
	overflow: hidden;
	border-radius: var(--gr-radio);
	background: var(--gr-carga);
}

.galeria-rapida .galeria-rapida__img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	pointer-events: none;
	-webkit-user-drag: none;
	transition: transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}

.galeria-rapida--zoom .galeria-rapida__item:hover .galeria-rapida__img {
	transform: scale(1.06);
}

.galeria-rapida--arrastrable {
	cursor: grab;
	touch-action: pan-y;
}

.galeria-rapida--arrastrable.is-arrastrando {
	cursor: grabbing;
}

.galeria-rapida.is-arrastrando .galeria-rapida__img {
	transform: none;
}

/* Sin JS (o con movimiento reducido) la cinta se desliza a mano y se ve todo. */
.galeria-rapida:not(.gr-js) {
	overflow-x: auto;
	scrollbar-width: none;
}

.galeria-rapida:not(.gr-js)::-webkit-scrollbar {
	display: none;
}