From 452008ef81581b440b9553befea0f0e5a54b3c18 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Mon, 20 Apr 2026 11:16:04 +0000
Subject: [PATCH] fix: prevent mobile title overlap on narrow screens

Agent-Logs-Url: https://github.com/dsaub/proyecto-final/sessions/4d080a78-4752-427f-8205-876ef7b85f7a

Co-authored-by: dsaub <54474838+dsaub@users.noreply.github.com>
---
 tienda/static/css/custom.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/tienda/static/css/custom.css b/tienda/static/css/custom.css
index 9cff03b..5a77645 100644
--- a/tienda/static/css/custom.css
+++ b/tienda/static/css/custom.css
@@ -66,6 +66,10 @@ p.price {
   left: 50%;
   transform: translateX(-50%);
   margin: 0;
+  max-width: calc(100% - 9rem);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 .navbar.header .navbar-toggler {
   border-color: #FFF !important;