/* ============================================================
   FICHA PÚBLICA /p/{id} — 30-10-2026
   El código del producto pasó a ir dentro del H1. tienda.css limita
   ese título a dos líneas (-webkit-line-clamp) y el código, al final,
   quedaba recortado («12 V ·...»). Aquí el límite se aplica sólo al
   nombre y el código conserva su línea verde encima.
   ============================================================ */

.producto-publico__comercial h1.producto-publico__titulo{
  display: block;
  -webkit-line-clamp: unset;
  line-clamp: none;
  overflow: visible;
  max-width: none;
}

.producto-publico__titulo .producto-publico__sku{
  flex-wrap: wrap;
  margin: 0 0 12px;
  line-height: 1.2;
}

.producto-publico__titulo .producto-publico__sku .mono:not(strong){
  font-weight: 500;
}

.producto-publico__nombre{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  overflow-wrap: anywhere;
  max-width: 19ch;
}

/* Otros productos de esta línea: las tarjetas del catálogo, en cuatro
   columnas como máximo para que no queden diminutas en pantallas anchas. */
.producto-publico__relacionados .grilla-productos{
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}
@media (min-width: 1200px){
  .producto-publico__relacionados .grilla-productos{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}