/* EstilosCMC 1.18.0 — Tarjeta de producto: hoja de OPCIONES DE ESPACIADO. Se carga DESPUÉS de la hoja del estilo (prioridad 1001) y SOLO si
   alguna opción lo pide (EstiloscmcCard::optionsNeedSheet): «Separación entre nombre y precio» distinta de «Según el estilo» o «Altura del
   nombre: ajustar al texto». Con los valores por defecto esta hoja no se registra y la tarjeta queda exactamente igual.

   Causa del hueco que mide (ver docs/2026-10-08-tarjeta-separacion-1-18-0.md): la fila del precio lleva margin-top:auto (precio y botón
   siempre al fondo) y la tarjeta se estira hasta la más alta de su fila; el nombre reserva 2 líneas (min-height:2.6em) y, en los carruseles
   del home, el tema añade margin-bottom:1.5rem al contenedor de cada tarjeta que cuenta en la altura de la diapositiva pero que la tarjeta
   (height:100%) se come: ese sobrante cae entre el nombre y el precio.

   --pc-gap (variable puesta por el módulo en <head>) = separación mínima entre la caja del nombre y la fila del precio. Los 12 px son
   la separación natural de la base: gap 9 px de .product-description + 3 px de padding-top de la fila del precio (o del botón en
   «Precio flotante», donde el precio va sobre el nombre). Especificidad (0,6,2) + hoja posterior: gana a la del estilo. */

html body.pc-on[class*="pc-gap-"] .js-product-miniature.tl-card.tl-card .product-title { margin-bottom: calc(var(--pc-gap, 12px) - 12px); }

/* Altura del nombre ajustada al texto: sin la reserva de 2 líneas (el recorte a 2 líneas del estilo se mantiene). */
html body.pc-on.pc-tfit .js-product-miniature.tl-card.tl-card .product-title { min-height: 0; }

/* Carruseles (swiper del tema): se anula el margin-bottom:1.5rem del contenedor de cada tarjeta. Ese margen cuenta en la altura de la diapositiva
   pero la tarjeta (height:100% del contenedor) se lo come, así que cada tarjeta quedaba 1,5 rem más alta de lo necesario y el sobrante caía
   entre el nombre y el precio. El espacio bajo el carrusel (puntos de paginación) no depende de ese margen (medido: igual con y sin él).
   Las rejillas de categoría no se tocan (no son .swiper-slide). */
html body.pc-on.pc-tight .products-grid.swiper-container .swiper-slide > .js-product-miniature-wrapper { margin-bottom: 0; }