.skip-link {
position: absolute;
  top: -40px; /* Lo saca del área visible superior */
  left: 0;
  background: #000;
  color: #fff;
  padding: 8px 16px;
  z-index: 10005; /* Asegura que se muestre por encima de otros elementos */
  text-decoration: none;
  font-weight: bold;
  border-radius: 0 0 4px 0;
}

.skip-link:focus {
  top: 0;
  outline: 3px solid #ff0; /* Un borde amarillo brillante para máximo contraste */
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
}