From 1770293221af870a5f213159b9e606bbecb62e60 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Mon, 20 Apr 2026 08:21:08 +0000
Subject: [PATCH] =?UTF-8?q?fix:=20evitar=20overflow=20en=20descripciones?=
 =?UTF-8?q?=20largas=20sin=20saltos=20de=20l=C3=ADnea?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Agent-Logs-Url: https://github.com/dsaub/proyecto-final/sessions/5d4fb379-0cda-4ba0-803a-9110b1433c27

Co-authored-by: dsaub <54474838+dsaub@users.noreply.github.com>
---
 tienda/static/css/custom.css               | 4 ++++
 tienda/templates/tienda/home.html          | 2 +-
 tienda/templates/tienda/mis_productos.html | 2 +-
 tienda/templates/tienda/producto.html      | 6 +++---
 tienda/templates/tienda/search.html        | 2 +-
 5 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/tienda/static/css/custom.css b/tienda/static/css/custom.css
index c1c88f6..b4bd2e0 100644
--- a/tienda/static/css/custom.css
+++ b/tienda/static/css/custom.css
@@ -234,4 +234,8 @@ p.price {
   object-position: center;
 }
 
+.texto-ajustado {
+  overflow-wrap: anywhere;
+}
+
 /*# sourceMappingURL=custom.css.map */
diff --git a/tienda/templates/tienda/home.html b/tienda/templates/tienda/home.html
index 427250d..201fcb9 100644
--- a/tienda/templates/tienda/home.html
+++ b/tienda/templates/tienda/home.html
@@ -167,7 +167,7 @@
                         <h3 class="card-title">{{ product.name }}</h3>
                         
                         {% if product.briefdesc %}
-                            <p class="card-text text-muted small">{{ product.briefdesc|truncatewords:10 }}</p>
+                            <p class="card-text text-muted small texto-ajustado">{{ product.briefdesc|truncatewords:10 }}</p>
                         {% endif %}
                         
                         <div class="mt-auto">
diff --git a/tienda/templates/tienda/mis_productos.html b/tienda/templates/tienda/mis_productos.html
index f08e2ee..fedfc79 100644
--- a/tienda/templates/tienda/mis_productos.html
+++ b/tienda/templates/tienda/mis_productos.html
@@ -49,7 +49,7 @@
                 </td>
                 <td>
                     <div class="fw-semibold">{{ producto.name }}</div>
-                    <div class="text-muted small">{{ producto.briefdesc|truncatewords:12 }}</div>
+                    <div class="text-muted small texto-ajustado">{{ producto.briefdesc|truncatewords:12 }}</div>
                 </td>
                 <td>{{ producto.category.name }}</td>
                 <td class="text-end">{{ producto.price|format_price }}€</td>
diff --git a/tienda/templates/tienda/producto.html b/tienda/templates/tienda/producto.html
index b9b0bdc..fca8dd8 100644
--- a/tienda/templates/tienda/producto.html
+++ b/tienda/templates/tienda/producto.html
@@ -36,7 +36,7 @@
             <span class="price" style="font-size: 2rem; color: #28a745;">€{{ product.get_price_with_vat|format_price }}</span>
             <div class="small text-success mt-2">IVA: €{{ product.get_vat_amount|format_price }}</div>
         </div>
-        <div id="descripcion">
+        <div id="descripcion" class="texto-ajustado">
             {{ product.briefdesc }}
         </div>
         <div class="mt-3">
@@ -58,8 +58,8 @@
     </div>
 </div>
 <div class="row pt-2 pb-2">
-    <div class="col-md-12">
+    <div class="col-md-12 texto-ajustado">
         {{ product.description }}
     </div>
 </div>
-{% endblock %}
\ No newline at end of file
+{% endblock %}
diff --git a/tienda/templates/tienda/search.html b/tienda/templates/tienda/search.html
index 9ff74c9..3641bdd 100644
--- a/tienda/templates/tienda/search.html
+++ b/tienda/templates/tienda/search.html
@@ -61,7 +61,7 @@
                             <h5 class="card-title">{{ product.name }}</h5>
                             
                             {% if product.briefdesc %}
-                                <p class="card-text text-muted small">{{ product.briefdesc|truncatewords:15 }}</p>
+                                <p class="card-text text-muted small texto-ajustado">{{ product.briefdesc|truncatewords:15 }}</p>
                             {% endif %}
                             
                             <div class="mt-auto">