/* Tienda y categorías de producto: cabecera corta (el primer producto, en la primera pantalla del móvil),
   saltos a los grupos y la rejilla por grupos. */

.op-woo__migas {
	padding-top: clamp(18px, 2.5vw, 28px);
}

.op-woo__migas .op-migas {
	margin-bottom: 0;
}

.op-tienda__cabecera {
	padding-block: clamp(14px, 2vw, 24px) clamp(20px, 3vw, 32px);
}

.op-tienda__titulo {
	max-width: 24ch;
	margin-bottom: 14px;
	font-size: var(--op-t-pagina);
}

.op-tienda__entradilla {
	max-width: 44rem;
	margin: 0;
	color: var(--op-tinta-suave);
	font-size: var(--op-t-entradilla);
	line-height: 1.6;
}

.op-tienda__entradilla p {
	margin: 0;
}

/* Tres hechos en una línea, sin tarjetas */
.op-hechos {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 22px;
	margin: 18px 0 0;
	padding: 0;
	list-style: none;
	color: var(--op-granate-oscuro);
	font: 600 var(--op-t-etiqueta) / 1.3 var(--op-sans);
	letter-spacing: 0.06em;
}

.op-hechos li {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.op-hechos .op-icono {
	width: 18px;
	height: 18px;
	color: var(--op-granate);
}

.op-tienda__lista {
	padding-bottom: var(--op-seccion);
}

.op-tienda__lista .op-saltos {
	position: sticky;
	top: 88px;
	z-index: 5;
	margin: 0 calc(-1 * var(--op-medianil)) clamp(20px, 3vw, 32px);
	padding: 10px var(--op-medianil) 4px;
	background: linear-gradient(var(--op-blanco) 80%, rgba(255, 255, 255, 0));
}

.admin-bar .op-tienda__lista .op-saltos {
	top: 120px;
}

/* Grupos */
.op-grupo + .op-grupo {
	margin-top: clamp(48px, 6vw, 80px);
}

.op-grupo {
	scroll-margin-top: 150px;
}

.op-grupo__cabecera {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: 6px 32px;
	margin-bottom: clamp(18px, 2.5vw, 26px);
	padding-bottom: 14px;
	border-bottom: 1px solid var(--op-dorado);
}

.op-grupo__cabecera h2 {
	margin: 0;
	font-size: var(--op-t-subtitular);
}

.op-grupo__cabecera p {
	max-width: 34rem;
	margin: 0;
	color: var(--op-tinta-suave);
	font-size: var(--op-t-pequeno);
}

/* Sin productos (una categoría vacía) */
.woocommerce-info.woocommerce-no-products-found,
.op-tienda__lista > .woocommerce-info {
	margin-top: 8px;
}

/* La pregunta y la banda de después de la tienda llevan su propio aire */
.op-tienda__preguntas .op-preguntas {
	margin-inline: auto;
}

.op-preguntas--centradas {
	margin-inline: auto;
}

/* Escritorio: los grupos son de tres o cuatro productos; a tres columnas no quedan huecos y las fotos crecen */
@media (min-width: 1101px) {
	.op-grupo ul.products {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

/* Móvil: el primer producto y su botón, en la primera pantalla */
@media (max-width: 559px) {
	.op-hechos {
		display: none;
	}

	.op-tienda__cabecera {
		padding-bottom: 12px;
	}

	.op-tienda__titulo {
		margin-bottom: 10px;
	}

	.op-grupo:first-of-type .op-grupo__cabecera p {
		display: none;
	}

	.op-grupo__cabecera {
		margin-bottom: 14px;
		padding-bottom: 10px;
	}
}

@media (max-width: 768px) {
	.op-tienda__lista .op-saltos {
		top: 68px;
	}

	.admin-bar .op-tienda__lista .op-saltos {
		top: 68px;
	}

	.op-hechos {
		gap: 6px 16px;
	}

	.op-grupo {
		scroll-margin-top: 130px;
	}
}

/* Enlace del grupo a su categoría (el de regalo) */
.op-grupo__enlace a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-height: 44px;
	color: var(--op-granate-oscuro);
	font: 600 var(--op-t-etiqueta) / 1.3 var(--op-sans);
	letter-spacing: 0.1em;
	text-transform: uppercase;
	text-decoration: none;
}

.op-grupo__enlace .op-icono {
	width: 16px;
	height: 16px;
	transition: transform var(--op-d-estado) var(--op-ease-salida);
}

@media (hover: hover) and (pointer: fine) {
	.op-grupo__enlace a:hover {
		color: var(--op-granate);
	}

	.op-grupo__enlace a:hover .op-icono {
		transform: translateX(4px);
	}
}