/* Carrussel Millorat */

.cm-carrussel {
	position: relative;
	width: 100%;
	--cm-nav-size: 40px;
	--cm-nav-bg: rgba(0, 0, 0, 0.55);
	--cm-nav-color: #fff;
}

.cm-viewport {
	overflow: hidden;
	width: 100%;
	touch-action: pan-y;
	user-select: none;
	-webkit-user-select: none;
}

.cm-track {
	display: flex;
	align-items: flex-start;
	will-change: transform;
}

.cm-slide {
	flex: 0 0 auto;
	display: flex;
	box-sizing: border-box;
}

.cm-slide:last-child {
	margin-right: 0 !important;
}

.cm-align-left   .cm-slide { justify-content: flex-start; }
.cm-align-center .cm-slide { justify-content: center; }
.cm-align-right  .cm-slide { justify-content: flex-end; }

/* Mida fixa: mai més gran que l'original de la mida triada, però s'adapta si la columna és més estreta. */
.cm-slide img {
	display: block;
	max-width: 100%;
	height: auto;
	pointer-events: none;
}

.cm-slide a {
	display: block;
	max-width: 100%;
}

/* Abans d'inicialitzar, evita el salt visual */
.cm-carrussel:not(.cm-ready) .cm-track {
	visibility: hidden;
}

/* Navegació */
.cm-nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: var(--cm-nav-size);
	height: var(--cm-nav-size);
	border: 0;
	border-radius: 0;
	padding: 0;
	background: var(--cm-nav-bg);
	color: var(--cm-nav-color);
	cursor: pointer;
	z-index: 2;
	opacity: 0.85;
	transition: opacity 0.2s;
}

.cm-nav:hover,
.cm-nav:focus-visible {
	opacity: 1;
}

.cm-nav::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 10px;
	height: 10px;
	border-top: 2px solid currentColor;
	border-right: 2px solid currentColor;
}

.cm-prev { left: 0; }
.cm-next { right: 0; }
.cm-prev::before { transform: translate(-30%, -50%) rotate(-135deg); }
.cm-next::before { transform: translate(-70%, -50%) rotate(45deg); }

.cm-nav:disabled {
	opacity: 0.25;
	cursor: default;
}

.cm-static .cm-nav {
	display: none;
}