fix: centrar título de bienvenida en vista móvil

Agent-Logs-Url: https://github.com/dsaub/proyecto-final/sessions/8cb9755f-d00d-45ae-ab08-9799aa769175

Co-authored-by: dsaub <54474838+dsaub@users.noreply.github.com>

tienda/templates/tienda/home.html

@@ -118,6 +118,15 @@
         font-size: 1.1rem;
         opacity: 0.9;
     }
+
+    @media (max-width: 767.98px) {
+        .hero-section h1 {
+            margin-left: auto;
+            margin-right: auto;
+            text-align: center;
+            text-wrap: balance;
+        }
+    }
 </style>
 {% endblock %}
 

tienda/tests.py

@@ -1358,6 +1358,12 @@ class EndpointViewTests(TestCase):
                 response = self.client.get(url)
                 self.assertEqual(response.status_code, 200)
 
+    def test_home_includes_mobile_centering_rule_for_welcome_title(self):
+        response = self.client.get(reverse("home"))
+        self.assertContains(response, "@media (max-width: 767.98px)")
+        self.assertContains(response, ".hero-section h1")
+        self.assertContains(response, "text-align: center;")
+
     def test_login_required_endpoints_redirect_anonymous(self):
         secured_get_routes = [
             reverse("mis_productos"),