/* Presentación de los textos públicos de productos y productores.
   Solo estilos: no cambia el contenido, los formularios ni Supabase. */

#productGrid .card-producto .card-body > p,
#empGrid .card-emp .card-body > p,
#marcaProductos .card-producto .card-body > p,
#marcaHistoria,
#productDetail .pd-block > p,
#fichaTecnica .pd-dato dd {
  text-align: justify;
  text-align-last: start;
  text-justify: inter-word;
  white-space: pre-line;
  word-break: normal;
  overflow-wrap: anywhere;
  -webkit-hyphens: auto;
  hyphens: auto;
}

/* Un interlineado cómodo, sin estirar la última línea ni las frases cortas. */
#productGrid .card-producto .card-body > p,
#empGrid .card-emp .card-body > p,
#marcaProductos .card-producto .card-body > p {
  line-height: 1.75;
}

#marcaHistoria,
#productDetail .pd-block > p {
  max-inline-size: 72ch;
  line-height: 1.85;
}

#fichaTecnica .pd-dato dd {
  line-height: 1.75;
}

/* Las palabras largas no deben ensanchar las columnas en pantallas pequeñas. */
#productGrid .card-body,
#empGrid .card-body,
#marcaProductos .card-body,
#marcaDetalle .marca-historia,
#productDetail .pd-gallery,
#fichaTecnica .pd-dato {
  min-width: 0;
}

@media (max-width: 600px) {
  #fichaTecnica {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
  }
}