diff --git a/tienda/templates/tienda/home.html b/tienda/templates/tienda/home.html
index ff4e691..98b5896 100644
--- a/tienda/templates/tienda/home.html
+++ b/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;
+ }
+ }
{% endblock %}
diff --git a/tienda/tests.py b/tienda/tests.py
index 1f6b083..ced6966 100644
--- a/tienda/tests.py
+++ b/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"),