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>
2026-04-29 07:38:20 +00:00
parent 17935c6160
commit ba75a0ab2e
1 changed files with 17 additions and 10 deletions
@@ -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 {