/* Tienda del club: cabecera y catálogo (la compra se hace en la tienda externa). */

.buc-hero {
	padding-block: clamp(2rem, 1.4rem + 2vw, 3.25rem) clamp(2.5rem, 1.8rem + 3vw, 4rem);
	background: var(--buc-cal);
}

.buc-hero h1 {
	font-size: clamp(2.1rem, 1.3rem + 3vw, 3.6rem);
	max-width: 18ch;
}

.buc-hero__entradilla {
	margin-top: 1.1rem;
	max-width: 42rem;
	color: var(--buc-gris);
	font-size: clamp(1.05rem, 1rem + 0.3vw, 1.2rem);
}

.buc-catalogo {
	padding-block: var(--buc-seccion);
}

.buc-productos {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 230px), 1fr));
	gap: clamp(1.25rem, 0.8rem + 1.5vw, 2rem);
	padding: 0;
	margin: 2rem 0 0;
	list-style: none;
}

.buc-producto {
	position: relative;
}

.buc-producto__foto {
	aspect-ratio: 4 / 5;
	border-radius: var(--buc-radio);
	background: var(--buc-cal);
	overflow: hidden;
}

.buc-producto__foto img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	transition: transform 0.5s var(--buc-salida);
}

.buc-producto:hover .buc-producto__foto img {
	transform: scale(1.03);
}

.buc-producto h3 {
	margin-top: 0.9rem;
	font-size: 1.02rem;
	line-height: 1.35;
}

.buc-producto h3 a {
	color: var(--buc-tinta);
	text-decoration: none;
}

.buc-producto h3 a::after {
	content: "";
	position: absolute;
	inset: 0;
}

.buc-producto h3 a:hover {
	color: var(--buc-rojo-hondo);
}

.buc-producto__meta {
	display: flex;
	justify-content: space-between;
	gap: 0.5rem;
	margin-top: 0.3rem;
	color: var(--buc-gris);
	font-size: 0.9rem;
}

.buc-producto__meta strong {
	color: var(--buc-tinta);
	font-weight: 600;
}