From ba75a0ab2e4db4df5afe522c53652582410fc3f0 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Wed, 29 Apr 2026 07:38:20 +0000
Subject: [PATCH] Style skip link to visually integrate with navbar header

Agent-Logs-Url: https://github.com/dsaub/proyecto-final/sessions/a04a8e28-dcc3-4338-8ee9-49c7494bf486

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

diff --git a/tienda/static/css/custom.css b/tienda/static/css/custom.css
index e80914d..56a7bce 100644
--- a/tienda/static/css/custom.css
+++ b/tienda/static/css/custom.css
@@ -1,15 +1,22 @@
 .skip-link {
-  position: absolute;
-  top: -40px;
-  left: 0;
-  background: #513CB0;
-  color: #fff;
-  padding: 8px 16px;
-  font-weight: 600;
-  z-index: 10000;
+  position: fixed;
+  top: -100%;
+  left: 50%;
+  transform: translateX(-50%);
+  background: #fff;
+  color: #513CB0;
+  padding: 8px 24px;
+  font-weight: 700;
+  font-size: 0.9rem;
+  z-index: 10001;
   text-decoration: none;
-  border-radius: 0 0 4px 0;
-  transition: top 0.2s;
+  border-radius: 0 0 8px 8px;
+  border: 2px solid #513CB0;
+  border-top: none;
+  box-shadow: 0 4px 12px rgba(81, 60, 176, 0.25);
+  transition: top 0.2s ease;
+  outline: none;
+  white-space: nowrap;
 }
 .skip-link:focus,
 .skip-link:focus-visible {