/* ==========================================================================
   Tienda y ficha de producto — Cecinas Serrot
   Se carga solo en tienda, listados y fichas (functions.php).
   Todos los colores y medidas vienen de las variables de style.css.
   ========================================================================== */

/* --- Página: fondo crema, ancho de tienda, sin barra lateral ------------- */
body.serrot-tienda,
body.serrot-tienda #page-container,
body.serrot-tienda #main-content {
	background-color: var(--serrot-crema);
}
body.serrot-tienda #main-content .container {
	width: auto;
	max-width: calc(var(--serrot-ancho-tienda) + 2 * var(--serrot-esp-8));
	margin: 0 auto;
	padding: var(--serrot-esp-8) var(--serrot-esp-8) var(--serrot-esp-24);
}
body.serrot-tienda #left-area { width: 100%; padding: 0; float: none; }
body.serrot-tienda #sidebar { display: none; }

body.serrot-tienda .woocommerce-breadcrumb {
	font-size: var(--serrot-texto-sm);
	color: var(--serrot-gris-500);
	margin-bottom: var(--serrot-esp-4);
}
body.serrot-tienda .woocommerce-breadcrumb a { color: var(--serrot-gris-700); }

/* --- Cabecera de la tienda ------------------------------------------------ */
.serrot-tienda-cabecera h1 {
	font-size: clamp(2rem, 1.3rem + 2.6vw, 2.875rem);
	margin: 0 0 var(--serrot-esp-3);
	padding: 0;
}
.serrot-tienda-intro {
	max-width: 40rem;
	font-size: var(--serrot-texto-lg);
	color: var(--serrot-gris-500);
	margin: 0 0 var(--serrot-esp-6);
}

/* --- Filtros (chips) ------------------------------------------------------ */
.serrot-filtros {
	display: flex;
	flex-wrap: wrap;
	gap: var(--serrot-esp-3) var(--serrot-esp-8);
	padding: var(--serrot-esp-4) 0;
	border-top: 1px solid var(--serrot-gris-200);
	border-bottom: 1px solid var(--serrot-gris-200);
}
.serrot-filtros-grupo {
	display: flex;
	align-items: center;
	gap: var(--serrot-esp-3);
	flex-wrap: wrap;
}
.serrot-filtros-titulo {
	font-size: var(--serrot-etiqueta);
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--serrot-gris-700);
}
.serrot-chips {
	display: flex;
	flex-wrap: wrap;
	gap: var(--serrot-esp-2);
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}
.serrot-chips li { margin: 0; padding: 0; list-style: none; }
#main-content a.serrot-chip,
a.serrot-chip {
	display: inline-flex;
	align-items: center;
	gap: var(--serrot-esp-2);
	min-height: var(--serrot-toque);
	padding: 0 var(--serrot-esp-4);
	border: 1px solid var(--serrot-gris-300);
	border-radius: var(--serrot-radio-chip);
	background: var(--serrot-blanco);
	color: var(--serrot-tinta);
	font-size: var(--serrot-texto-sm);
	font-weight: 500;
	white-space: nowrap;
	text-decoration: none;
	transition: border-color var(--serrot-transicion), background var(--serrot-transicion);
}
#main-content a.serrot-chip:hover { border-color: var(--serrot-tinta); color: var(--serrot-tinta); }
#main-content a.serrot-chip.is-activo {
	background: var(--serrot-tinta);
	border-color: var(--serrot-tinta);
	color: var(--serrot-texto-claro);
}
.serrot-chip-precio { color: var(--serrot-gris-500); font-weight: 400; }
a.serrot-chip.is-activo .serrot-chip-precio { color: var(--serrot-texto-claro-2); }

/* --- Barra: cantidad + orden ---------------------------------------------- */
.serrot-tienda-barra {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: var(--serrot-esp-3);
	margin: var(--serrot-esp-4) 0 var(--serrot-esp-6);
}
.serrot-tienda-cantidad { margin: 0; padding: 0; font-size: var(--serrot-texto-sm); color: var(--serrot-gris-500); }
.serrot-tienda .woocommerce-ordering { margin: 0 !important; float: none !important; }
.serrot-tienda .woocommerce-ordering select {
	min-height: var(--serrot-toque);
	padding: 0 var(--serrot-esp-8) 0 var(--serrot-esp-3);
	border: 1px solid var(--serrot-gris-300);
	border-radius: var(--serrot-radio-boton);
	background-color: var(--serrot-blanco);
	font-family: var(--serrot-fuente-texto);
	font-size: var(--serrot-texto-sm);
	color: var(--serrot-tinta);
}

/* --- Grilla de tarjetas --------------------------------------------------- */
.serrot-tienda ul.products {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--serrot-esp-6);
	margin: 0 !important;
	padding: 0 !important;
}
.serrot-tienda ul.products::before,
.serrot-tienda ul.products::after { display: none !important; }

.serrot-tienda ul.products li.product.serrot-tarjeta-producto {
	float: none !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	display: flex;
	flex-direction: column;
	background: var(--serrot-blanco);
	border: 1px solid var(--serrot-gris-200);
	border-radius: var(--serrot-radio);
	transition: box-shadow var(--serrot-transicion);
}
.serrot-tienda ul.products li.product.serrot-tarjeta-producto:hover { box-shadow: var(--serrot-sombra); }

.serrot-tarjeta-foto {
	position: relative;
	display: block;
	aspect-ratio: 1 / 1;
	background: var(--serrot-foto-vacia);
	overflow: hidden;
}
.serrot-tienda ul.products li.product .serrot-tarjeta-foto img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	margin: 0 !important;
}
.serrot-tarjeta-etiqueta {
	position: absolute;
	top: var(--serrot-esp-3);
	left: var(--serrot-esp-3);
	padding: var(--serrot-esp-1) var(--serrot-esp-2);
	background: var(--serrot-tinta);
	color: var(--serrot-texto-claro);
	font-size: 0.8125rem;
	font-weight: 600;
	border-radius: 2px;
}

.serrot-tarjeta-cuerpo {
	display: flex;
	flex-direction: column;
	flex: 1;
	padding: var(--serrot-esp-4) var(--serrot-esp-4) var(--serrot-esp-4);
}
.serrot-tarjeta-tipo { margin: 0 0 var(--serrot-esp-1); padding: 0; color: var(--serrot-gris-700); }
.serrot-tienda ul.products li.product h2.serrot-tarjeta-nombre {
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.2;
	margin: 0 0 var(--serrot-esp-1);
	padding: 0;
}
#main-content .serrot-tarjeta-nombre a { color: var(--serrot-tinta); text-decoration: none; }
#main-content .serrot-tarjeta-nombre a:hover { color: var(--serrot-acento-texto); }
.serrot-tarjeta-detalle { margin: 0; padding: 0; font-size: var(--serrot-texto-sm); color: var(--serrot-gris-500); }

.serrot-tarjeta-precios { margin-top: auto; padding-top: var(--serrot-esp-4); }
.serrot-tarjeta-suelto { margin: 0; padding: 0; font-size: 0.8125rem; color: var(--serrot-gris-500); }
.serrot-tarjeta-precio,
.serrot-ficha-precio {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: var(--serrot-esp-1) var(--serrot-esp-2);
	margin: 0;
	padding: 0;
}
.serrot-precio {
	font-family: var(--serrot-fuente-titulos);
	font-weight: 800;
	font-size: 1.625rem;
	line-height: 1.1;
	color: var(--serrot-tinta);
}
.serrot-ahorro {
	font-size: var(--serrot-texto-sm);
	font-weight: 600;
	color: var(--serrot-acento-texto);
}
.serrot-tarjeta-por-kilo { margin: var(--serrot-esp-1) 0 0; padding: 0; font-size: 0.8125rem; color: var(--serrot-gris-500); }

.serrot-tienda ul.products li.product .button {
	display: flex !important;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin: var(--serrot-esp-4) 0 0 !important;
	text-align: center;
}
/* WooCommerce agrega "Ver carrito" después de agregar; se ve como enlace */
.serrot-tienda ul.products li.product a.added_to_cart {
	display: block;
	margin-top: var(--serrot-esp-2);
	text-align: center;
	font-size: var(--serrot-texto-sm);
}

/* --- Ficha de producto ---------------------------------------------------- */
.serrot-tienda.single-product div.product {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: var(--serrot-esp-12);
	align-items: start;
}
.serrot-tienda.single-product div.product > * { grid-column: 1 / -1; }
.serrot-tienda.single-product div.product > .woocommerce-product-gallery { grid-column: 1; width: 100% !important; float: none !important; margin: 0 !important; }
.serrot-tienda.single-product div.product > .summary { grid-column: 2; width: 100% !important; float: none !important; margin: 0 !important; }

.serrot-tienda .woocommerce-product-gallery {
	background: var(--serrot-blanco);
	border: 1px solid var(--serrot-gris-200);
}
.serrot-tienda .woocommerce-product-gallery img { border-radius: 0; }

.serrot-tienda .summary .serrot-etiqueta { margin: 0 0 var(--serrot-esp-2); padding: 0; }
.serrot-tienda .summary h1.serrot-ficha-titulo {
	font-size: clamp(2rem, 1.4rem + 2vw, 2.75rem);
	margin: 0 0 var(--serrot-esp-4);
	padding: 0;
}
.serrot-ficha-precios { margin-bottom: var(--serrot-esp-4); }
.serrot-ficha-precio .serrot-precio { font-size: var(--serrot-precio); }
.serrot-ficha-detalle { margin: 0 0 var(--serrot-esp-2); padding: 0; font-weight: 600; }
.serrot-ficha-corta { color: var(--serrot-gris-700); }
.serrot-ficha-corta p { padding-bottom: var(--serrot-esp-3); }

/* Cantidad + botón en una línea */
.serrot-tienda .summary form.cart {
	display: flex;
	flex-wrap: wrap;
	gap: var(--serrot-esp-3);
	margin: var(--serrot-esp-6) 0 !important;
}
.serrot-tienda .summary form.cart .quantity { margin: 0 !important; }
.serrot-tienda .summary form.cart .quantity input.qty {
	width: 5rem;
	min-height: 48px;
	text-align: center;
	font-size: var(--serrot-texto-base);
}
.serrot-tienda .summary form.cart .single_add_to_cart_button {
	flex: 1;
	min-height: 48px;
	font-size: var(--serrot-texto-lg) !important;
}

.serrot-ficha-datos {
	list-style: none !important;
	margin: 0 0 var(--serrot-esp-6) !important;
	padding: var(--serrot-esp-4) !important;
	background: var(--serrot-crema-2);
	border: 1px solid var(--serrot-gris-200);
	font-size: var(--serrot-texto-sm);
	color: var(--serrot-gris-700);
}
.serrot-ficha-datos li { padding: var(--serrot-esp-1) 0; list-style: none; }
.serrot-ficha-datos strong { color: var(--serrot-tinta); }

.serrot-ficha-otros-titulo { margin: 0 0 var(--serrot-esp-2); padding: 0; font-weight: 600; }

/* --- Comparación de las tres longanizas ----------------------------------- */
.serrot-comparacion {
	margin-top: var(--serrot-esp-12);
	padding-top: var(--serrot-esp-12);
	border-top: 1px solid var(--serrot-gris-200);
}
.serrot-comparacion h2 { font-size: var(--serrot-h2); margin: 0 0 var(--serrot-esp-6); padding: 0; }
.serrot-comparacion-grilla {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--serrot-esp-6);
}
.serrot-comparacion-item {
	display: flex;
	flex-direction: column;
	padding: var(--serrot-esp-6);
	background: var(--serrot-blanco);
	border: 1px solid var(--serrot-gris-200);
}
.serrot-comparacion-item.is-actual { border: 2px solid var(--serrot-tinta); }
.serrot-comparacion-item .serrot-etiqueta { margin: 0 0 var(--serrot-esp-1); padding: 0; }
.serrot-comparacion-item h3 { font-size: var(--serrot-h3); margin: 0 0 var(--serrot-esp-2); padding: 0; }
.serrot-comparacion-item p { color: var(--serrot-gris-700); padding-bottom: var(--serrot-esp-3); }
.serrot-comparacion-desde { margin-top: auto; }
.serrot-comparacion-desde strong { font-family: var(--serrot-fuente-titulos); font-size: 1.375rem; color: var(--serrot-tinta); }
#main-content a.serrot-enlace-flecha { font-weight: 600; text-decoration: underline; }
#main-content a.serrot-enlace-flecha::after { content: " →"; }

/* Relacionados */
.serrot-tienda .related.products { margin-top: var(--serrot-esp-12); }
.serrot-tienda .related.products > h2 { font-size: var(--serrot-h3); margin-bottom: var(--serrot-esp-6); }

/* --- Responsive ----------------------------------------------------------- */
@media (max-width: 1100px) {
	.serrot-tienda ul.products { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 860px) {
	.serrot-tienda ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--serrot-esp-3); }
	.serrot-tienda.single-product div.product { grid-template-columns: minmax(0, 1fr); gap: var(--serrot-esp-6); }
	.serrot-tienda.single-product div.product > .woocommerce-product-gallery,
	.serrot-tienda.single-product div.product > .summary { grid-column: 1; }
	.serrot-comparacion-grilla { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 600px) {
	body.serrot-tienda #main-content .container { padding: var(--serrot-esp-4) var(--serrot-esp-4) var(--serrot-esp-12); }
	/* Filtros: cada grupo en una fila que se desliza de lado, sin ocupar media pantalla */
	.serrot-filtros { flex-direction: column; gap: var(--serrot-esp-3); }
	.serrot-filtros-grupo { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin-right: calc(-1 * var(--serrot-esp-4)); padding-right: var(--serrot-esp-4); }
	.serrot-filtros-grupo::-webkit-scrollbar { display: none; }
	.serrot-chips { flex-wrap: nowrap; }
	.serrot-filtros-titulo { min-width: 4.5rem; }
	/* Tarjetas en 2 columnas, más compactas */
	.serrot-tarjeta-cuerpo { padding: var(--serrot-esp-3); }
	.serrot-tienda ul.products li.product h2.serrot-tarjeta-nombre { font-size: 1.0625rem; }
	.serrot-tarjeta-detalle { display: none; }
	.serrot-precio { font-size: 1.3125rem; }
	.serrot-tienda ul.products li.product .button { padding-left: var(--serrot-esp-2) !important; padding-right: var(--serrot-esp-2) !important; font-size: 0.9375rem !important; }
}

/* --- Tienda en 3 tarjetas (inc/tienda-tipos.php) ------------------------- */
/* Los botones de "Otros formatos" se envuelven: solo los filtros se deslizan */
@media (max-width: 600px) {
	.serrot-ficha-otros .serrot-chips { flex-wrap: wrap; }
}
.serrot-tipos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--serrot-esp-6); margin-top: var(--serrot-esp-6); }
.serrot-tipo { display: flex; flex-direction: column; background: var(--serrot-blanco); border: 1px solid var(--serrot-gris-200); scroll-margin-top: 120px; }
.serrot-tipo.is-destacado { outline: 2px solid var(--serrot-tinta); outline-offset: -2px; }
.serrot-tipo-foto { position: relative; aspect-ratio: 4 / 3; overflow: hidden; background: var(--serrot-foto-vacia); }
.serrot-tipo-foto img { width: 100%; height: 100%; object-fit: cover; display: block; }
.serrot-tipo-rotulo { position: absolute; left: var(--serrot-esp-3); top: var(--serrot-esp-3); padding: var(--serrot-esp-1) var(--serrot-esp-2); background: var(--serrot-tinta); color: var(--serrot-texto-claro); font-size: 0.8125rem; font-weight: 600; }
.serrot-tipo-cuerpo { display: flex; flex-direction: column; flex: 1; padding: var(--serrot-esp-6); }
.serrot-tienda h2.serrot-tipo-nombre { font-size: 1.875rem; margin: 0 0 var(--serrot-esp-2); padding: 0; }
.serrot-tipo-texto { color: var(--serrot-gris-700); margin-bottom: var(--serrot-esp-4); padding: 0; }
.serrot-tipo-opciones { border: 0; margin: 0 0 var(--serrot-esp-4); padding: 0; display: grid; gap: var(--serrot-esp-2); }
.serrot-tipo-opciones legend { font-weight: 700; font-size: var(--serrot-texto-sm); margin-bottom: var(--serrot-esp-2); padding: 0; }
.serrot-tipo-opcion {
	position: relative;
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;
	gap: 0 var(--serrot-esp-3);
	min-height: var(--serrot-toque);
	padding: var(--serrot-esp-2) var(--serrot-esp-3);
	border: 1px solid var(--serrot-gris-300);
	border-radius: var(--serrot-radio-boton);
	cursor: pointer;
	transition: border-color var(--serrot-transicion), background var(--serrot-transicion);
}
.serrot-tipo-opcion:hover { border-color: var(--serrot-tinta); }
.serrot-tipo-opcion input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.serrot-tipo-opcion.is-elegida { border: 2px solid var(--serrot-tinta); padding: calc(var(--serrot-esp-2) - 1px) calc(var(--serrot-esp-3) - 1px); background: var(--serrot-crema); }
.serrot-tipo-opcion:has(input:focus-visible) { outline: 3px solid var(--serrot-acento); outline-offset: 2px; }
.serrot-tipo-opcion:has(input:disabled) { opacity: 0.45; cursor: not-allowed; }
.serrot-tipo-opcion-nombre { font-weight: 600; font-size: 0.9375rem; }
.serrot-tipo-opcion-precio { font-weight: 700; font-size: 0.9375rem; }
.serrot-tipo-opcion-etiqueta { grid-column: 1 / -1; font-size: 0.75rem; font-weight: 600; color: var(--serrot-acento-texto); }
.serrot-tipo-precio { margin-top: auto; padding-top: var(--serrot-esp-2); }
.serrot-tipo-precio p { margin: 0; padding: 0; }
.serrot-tipo-suelto { font-size: 0.8125rem; color: var(--serrot-gris-500); }
.serrot-tipo-total { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--serrot-esp-2); }
.serrot-tipo-total .serrot-precio { font-size: 2rem; }
.serrot-tipo-kilo { font-size: 0.8125rem; color: var(--serrot-gris-500); margin-top: var(--serrot-esp-1) !important; }
.serrot-tipo-acciones { display: flex; align-items: center; gap: var(--serrot-esp-4); margin-top: var(--serrot-esp-4); }
#page-container .serrot-tipo-agregar { flex: 1; min-height: 52px; font-size: var(--serrot-texto-lg); }
.serrot-tipo-ficha { font-size: var(--serrot-texto-sm); font-weight: 600; white-space: nowrap; }
.serrot-tipos-ayuda { display: grid; grid-template-columns: 1fr 1fr; gap: var(--serrot-esp-8); margin-top: var(--serrot-esp-12); padding-top: var(--serrot-esp-8); border-top: 1px solid var(--serrot-gris-300); }
.serrot-tipos-ayuda h2 { font-size: 1.375rem; margin-bottom: var(--serrot-esp-2); }
.serrot-tipos-ayuda p { color: var(--serrot-gris-700); }
@media (max-width: 1000px) { .serrot-tipos { grid-template-columns: minmax(0, 1fr); max-width: 560px; } }
@media (max-width: 600px) {
	.serrot-tipo-cuerpo { padding: var(--serrot-esp-4); }
	.serrot-tipos-ayuda { grid-template-columns: minmax(0, 1fr); gap: var(--serrot-esp-4); }
}

/* --- Esquinas redondeadas (pedido del dueño) ------------------------------ */
.serrot-tipo { border-radius: var(--serrot-radio); overflow: hidden; }
.serrot-tipo.is-destacado { outline-offset: 0; }
.serrot-tipo-rotulo { border-radius: 8px; }
.serrot-tienda ul.products li.product.serrot-tarjeta-producto { overflow: hidden; }
.serrot-tienda .woocommerce-product-gallery { border-radius: var(--serrot-radio); overflow: hidden; }
.serrot-ficha-datos { border-radius: var(--serrot-radio-boton); }
.serrot-comparacion-item { border-radius: var(--serrot-radio); }
.serrot-tarjeta-etiqueta { border-radius: 8px; }
#page-container .serrot-tipo-agregar::after { display: none !important; } /* WooCommerce agrega su propio ✓; el texto ya lo dice */

/* --- Tarjetas de longaniza oscuras sobre la página clara --------- */
.serrot-tipo { background: var(--serrot-tinta); border-color: var(--serrot-tinta); color: var(--serrot-texto-claro); box-shadow: 0 14px 34px rgba(30, 23, 19, 0.18); }
.serrot-tienda h2.serrot-tipo-nombre { color: var(--serrot-texto-claro); }
.serrot-tipo-texto { color: var(--serrot-texto-claro-2); }
.serrot-tipo-rotulo { background: var(--serrot-acento); color: var(--serrot-blanco); }
.serrot-tipo-opciones legend { color: var(--serrot-texto-claro); }
.serrot-tipo-opcion { border-color: #3A2E26; color: var(--serrot-texto-claro); background: transparent; }
.serrot-tipo-opcion:hover { border-color: var(--serrot-texto-claro-2); }
.serrot-tipo-opcion.is-elegida { background: var(--serrot-crema); border-color: var(--serrot-crema); color: var(--serrot-tinta); }
.serrot-tipo-opcion-etiqueta { color: var(--serrot-acento-claro); }
.serrot-tipo-opcion.is-elegida .serrot-tipo-opcion-etiqueta { color: var(--serrot-acento-texto); }
.serrot-tipo .serrot-precio { color: var(--serrot-texto-claro); }
.serrot-tipo .serrot-ahorro { color: var(--serrot-acento-claro); }
.serrot-tipo-suelto, .serrot-tipo-kilo { color: var(--serrot-texto-claro-2) !important; }
#main-content .serrot-tipo-ficha, .serrot-tipo-ficha { color: var(--serrot-texto-claro); text-decoration-color: var(--serrot-acento-claro); }
.serrot-tipo.is-destacado { outline: 2px solid var(--serrot-acento); }

/* --- Reseñas en la ficha ------------------------------------------------- */
.serrot-resenas { margin-top: var(--serrot-esp-12); padding-top: var(--serrot-esp-12); border-top: 1px solid var(--serrot-gris-200); }
.serrot-resenas #reviews h2, .serrot-resenas .woocommerce-Reviews-title { font-size: var(--serrot-h3); margin-bottom: var(--serrot-esp-4); }
.serrot-resenas .woocommerce-noreviews { color: var(--serrot-gris-500); }
.serrot-resenas ol.commentlist { list-style: none; padding: 0; margin: 0 0 var(--serrot-esp-8); display: grid; gap: var(--serrot-esp-4); }
.serrot-resenas ol.commentlist li .comment_container { background: var(--serrot-blanco); border: 1px solid var(--serrot-gris-200); border-radius: var(--serrot-radio); padding: var(--serrot-esp-4); }
.serrot-resenas ol.commentlist li img.avatar { display: none; }
.serrot-resenas ol.commentlist li .comment-text { margin: 0 !important; border: 0 !important; padding: 0 !important; }
.serrot-resenas .star-rating, .serrot-resenas p.stars a { color: var(--serrot-acento); }
.serrot-resenas #review_form_wrapper { max-width: 640px; background: var(--serrot-blanco); border: 1px solid var(--serrot-gris-200); border-radius: var(--serrot-radio); padding: var(--serrot-esp-6); }
.serrot-resenas .comment-reply-title { font-family: var(--serrot-fuente-titulos); font-weight: 700; font-size: 1.25rem; display: block; margin-bottom: var(--serrot-esp-3); }
.serrot-resenas textarea { width: 100%; min-height: 120px; border: 1px solid var(--serrot-gris-300); border-radius: var(--serrot-radio-boton); padding: var(--serrot-esp-3); font: inherit; }
.serrot-resenas .woocommerce-verification-required { color: var(--serrot-gris-700); }

/* Miniaturas de la galería: WooCommerce las deja a media opacidad y se ven
   desteñidas; van con color completo y la elegida se marca con un borde. */
.woocommerce-product-gallery .flex-control-thumbs img { opacity: 1 !important; transition: box-shadow 150ms ease; }
.woocommerce-product-gallery .flex-control-thumbs img.flex-active { box-shadow: inset 0 0 0 3px var(--serrot-acento); }