/* DeFábrica Directo — secciones de productos con carrusel horizontal (relacionados, vistos, Home): título con
   «Ver más ›», 6 tarjetas a la vista en escritorio, desplazamiento con el dedo o con las flechas circulares.
   Misma tarjeta única (tarjeta.css). */

/* Sección: franja blanca, título y enlace */
.seccion-productos {
	padding: 28px 0 18px;
	background: var(--df-blanco);
}

.seccion-productos + .seccion-productos {
	padding-top: 10px;
}

.seccion-productos__cabecera {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 14px;
}

.seccion-productos__titulo {
	margin: 0;
	font-size: var(--df-t-h2-seccion);
	font-weight: 700;
	color: var(--df-texto-fuerte);
}

.seccion-productos__enlace {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: 0.875rem;
	font-weight: 500;
	color: var(--df-naranja-aa);
	text-decoration: none;
	white-space: nowrap;
}

.seccion-productos__enlace .icono {
	width: 16px;
	height: 16px;
}

.seccion-productos__enlace:hover {
	text-decoration: underline;
}


.carrusel {
	position: relative;
}

ul.products.carrusel__lista {
	--df-visibles: 6;
	grid-template-columns: none;
	grid-auto-flow: column;
	grid-auto-columns: calc((100% - (var(--df-visibles) - 1) * var(--df-hueco-tarjetas, 14px)) / var(--df-visibles));
	overflow-x: auto;
	overscroll-behavior-x: contain;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	scrollbar-width: none;
	padding: 2px 1px 8px;
}

ul.products.carrusel__lista::-webkit-scrollbar {
	display: none;
}

ul.products.carrusel__lista > li {
	scroll-snap-align: start;
}

.carrusel__flecha {
	position: absolute;
	top: calc(50% - 24px);
	z-index: 3;
	display: grid;
	place-items: center;
	width: 42px;
	height: 42px;
	padding: 0;
	border: 1px solid var(--df-borde);
	border-radius: 50%;
	background: var(--df-blanco);
	color: var(--df-texto-fuerte);
	box-shadow: 0 4px 14px rgba(20, 24, 29, 0.14);
	cursor: pointer;
}

.carrusel__flecha[hidden] {
	display: none;
}

.carrusel__flecha:hover {
	color: var(--df-naranja-aa);
}

.carrusel__flecha .icono {
	width: 20px;
	height: 20px;
}

.carrusel__flecha--anterior {
	left: -14px;
}

.carrusel__flecha--siguiente {
	right: -14px;
}

@media (max-width: 1279px) {
	ul.products.carrusel__lista {
		--df-visibles: 4;
	}
}

@media (max-width: 1023px) {
	ul.products.carrusel__lista {
		--df-visibles: 3;
	}

	.carrusel__flecha--anterior {
		left: -6px;
	}

	.carrusel__flecha--siguiente {
		right: -6px;
	}
}

@media (max-width: 767px) {
	ul.products.carrusel__lista {
		--df-visibles: 2.2;
	}

	.carrusel__flecha {
		display: none;
	}
}